.header-actions{display:flex;align-items:center;gap:10px}
.header-auth-button{min-height:38px;border:1px solid var(--teal);border-radius:999px;padding:0 16px;background:var(--teal);color:#fff;font-size:12px;font-weight:850;letter-spacing:0;cursor:pointer;box-shadow:0 10px 24px rgba(11,116,109,.16);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.header-auth-button:hover{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff;box-shadow:0 12px 28px rgba(11,116,109,.18)}
.billing-entry{border-color:var(--line);background:#fff;color:var(--muted);box-shadow:0 8px 20px rgba(31,48,43,.05)}
.billing-entry:hover{border-color:var(--teal);background:#fff;color:var(--teal);box-shadow:0 10px 24px rgba(31,48,43,.08)}
.auth-card{width:min(430px,calc(100vw - 32px))}
.auth-label{display:grid;gap:7px;color:var(--muted);font-size:12px}
.auth-label input{min-height:44px;margin-top:4px;padding:0 12px;border:1px solid var(--line);border-radius:7px;color:var(--ink)}
.auth-submit{width:100%;margin-top:16px}
.google-auth-button{display:flex;align-items:center;justify-content:center;gap:10px}
.google-mark{display:inline-block;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:transparent url("./assets/icons/google-sign-in.png") center/24px 24px no-repeat}
.auth-message{min-height:22px;margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.auth-user-email{margin:24px 0 0;font-weight:800;word-break:break-word}
.billing-card{width:min(980px,calc(100vw - 32px))}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pricing-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-plan{display:flex;min-height:318px;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(31,48,43,.05)}
.pricing-plan span{display:inline-flex;min-height:26px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 10px;background:var(--surface-soft);color:var(--teal);font-size:12px;font-weight:900;letter-spacing:0}
.pricing-plan h3{margin:16px 0 9px;font-size:22px;line-height:1.22;letter-spacing:0}
.pricing-plan p{margin:0;color:var(--muted);font-size:13px;line-height:1.62}
.pricing-plan strong{margin:4px 0 0;font-size:22px;line-height:1.2}
.pricing-plan ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;color:var(--muted);font-size:13px;line-height:1.35}
.pricing-plan li{position:relative;padding-left:18px}
.pricing-plan li:before{content:"";position:absolute;left:0;top:.45em;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.pricing-plan .primary-button{margin-top:14px}
.free-plan{background:var(--surface-soft)}
.featured-plan{border-color:rgba(11,116,109,.55);background:#fbfffd;box-shadow:0 16px 38px rgba(11,116,109,.1)}
.featured-plan span{border-color:rgba(11,116,109,.24);background:var(--teal-soft)}
.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.quota-badge{display:inline-flex;min-height:32px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 11px;background:#fff;color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}
@media(max-width:900px){.header-actions .header-note{display:none}}
@media(max-width:720px){
  .pricing-grid,.pricing-grid-three{grid-template-columns:1fr}
  .billing-card{max-height:calc(100vh - 32px);overflow:auto}
  .quota-badge{display:none}
  .header-actions{gap:7px}
  .header-auth-button{padding:0 11px}
}