.billing-page{max-width:880px;margin:auto;padding:24px 20px 64px}.billing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.billing-header-actions{display:flex;align-items:center;gap:18px}.billing-page h1{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2}.billing-page>.relay-card{margin-top:20px}.billing-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.billing-period{display:flex;gap:8px;margin-top:24px}.billing-period+.billing-plans{margin-top:24px}.billing-launch{display:inline-block;margin:20px 0 0;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:600}.billing-launch+.billing-plans{margin-top:20px}.billing-later{margin-right:8px;font-size:1.1rem;font-weight:500;color:var(--muted)}.billing-period button{min-height:44px;padding:8px 16px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}.billing-period button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.billing-period button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.billing-plan{display:flex;flex-direction:column;align-items:flex-start}.billing-price{font-size:2rem;font-weight:650;margin:8px 0}.billing-price span{font-size:.9rem;font-weight:400;color:var(--muted-foreground)}.billing-plan ul{list-style:none;padding:0;margin:16px 0 24px;flex:1}.billing-plan li{display:flex;gap:8px;margin:10px 0;align-items:flex-start}.billing-plan li svg{flex-shrink:0;margin-top:3px}.billing-plan>.relay-badge+.relay-button{margin-top:12px}.billing-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0}.billing-consent input{margin-top:5px;accent-color:#35624c}.billing-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.billing-trial{margin-top:20px;padding:14px 16px;border:1px solid #73947e;border-radius:12px;line-height:1.6}.billing-confirming{display:flex;align-items:center;gap:10px}.billing-error{padding:14px;border:1px solid #bc7474;border-radius:12px}.billing-plus{border-color:#73947e}.billing-plan.billing-best{position:relative;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.billing-best-tag{position:absolute;top:0;left:20px;transform:translateY(-50%);padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.78rem;font-weight:650;white-space:nowrap}.billing-page .relay-muted{font-size:.9rem;line-height:1.6}.billing-page a{text-underline-offset:3px}@media (max-width:560px){.billing-plans{grid-template-columns:1fr;gap:24px}.billing-header{margin-bottom:28px}.billing-page{padding:20px 16px 48px}}@media (prefers-reduced-motion:no-preference){.billing-plan{animation:billing-enter .22s ease-out}@keyframes billing-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}.billing-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:20px}.billing-status>span{color:var(--muted-foreground);font-size:.9rem}.billing-note{margin:10px 0 0;font-size:.85rem;line-height:1.5;color:var(--muted-foreground)}.billing-confirm .billing-consent{margin:0 0 14px}.billing-confirm .billing-actions{justify-content:flex-end;margin-top:18px}.account-circles{list-style:none;margin:0 0 14px;padding:0}.account-circles>li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:10px 0}.account-circles>li+li{border-top:1px solid var(--border)}.account-circle-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.account-circle-name a{display:block;color:var(--text);font-weight:600;text-decoration:none;overflow-wrap:anywhere}.account-circle-name a:hover{text-decoration:underline}.account-circle-name small{display:block;margin-top:2px;color:var(--muted);font-size:.75rem}.account-circles .account-circle-action{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:.8rem;font-weight:600}.account-circle-note{grid-column:2/-1;margin:8px 0 0;font-size:.85rem}.account-links .inline-actions{flex-direction:column;align-items:flex-start;gap:12px}.billing-sharing-warning{margin:0 0 16px;padding:12px 14px;border-left:3px solid var(--amber);background:var(--surface);border-radius:10px;font-size:.85rem}