:root{--sfb-bg:#f7f4ee;--sfb-panel:#fffefb;--sfb-panel-2:#fbf9f4;--sfb-raised:#f2efe8;--sfb-line:#e2dcd1;--sfb-line-soft:#ece7dd;--sfb-line-strong:#7f8899;--sfb-ink:#172033;--sfb-ink-2:#3d4b63;--sfb-muted:#5f6c84;--sfb-structure:#253b46;--sfb-structure-ink:#fff;--sfb-structure-line:#7d97a3;--sfb-structure-muted:#c4d0d6;--sfb-accent:#0f766e;--sfb-accent-ink:#fff;--sfb-accent-soft:#e2f0ee;--sfb-accent-edge:#14b8a6;--sfb-brand:#8a5b12;--sfb-brand-soft:#f6efe1;--sfb-ok:#116149;--sfb-warn:#8a5b12;--sfb-bad:#a32b2b;--sfb-info:#245c8f;--sfb-focus:#0f766e;--sfb-shadow:0 8px 24px #10243a14;--sfb-scheme:light;--sfb-radius-card:14px;--sfb-radius-control:10px;--sfb-gap:12px;--sfb-pad:16px;--sfb-font:15px/1.45 "Helvetica Neue", Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sfb-bg:#080b11;--sfb-panel:#0e141c;--sfb-panel-2:#121a24;--sfb-raised:#16202c;--sfb-line:#1f2b39;--sfb-line-soft:#18222e;--sfb-line-strong:#5a6a7a;--sfb-ink:#e6edf3;--sfb-ink-2:#aab8c6;--sfb-muted:#93a3b3;--sfb-structure:#406a7b;--sfb-structure-ink:#fff;--sfb-structure-line:#b9c7d5;--sfb-structure-muted:#d8e6f4;--sfb-accent:#2dd4bf;--sfb-accent-ink:#052e2b;--sfb-accent-soft:#0d3b38;--sfb-accent-edge:#14b8a6;--sfb-brand:#d8ab63;--sfb-brand-soft:#1b1913;--sfb-ok:#34d399;--sfb-warn:#fbbf24;--sfb-bad:#f87171;--sfb-info:#60a5fa;--sfb-focus:#5eead4;--sfb-shadow:0 8px 24px #00000073;--sfb-scheme:dark}}:root[data-theme=dark]{--sfb-bg:#080b11;--sfb-panel:#0e141c;--sfb-panel-2:#121a24;--sfb-raised:#16202c;--sfb-line:#1f2b39;--sfb-line-soft:#18222e;--sfb-line-strong:#5a6a7a;--sfb-ink:#e6edf3;--sfb-ink-2:#aab8c6;--sfb-muted:#93a3b3;--sfb-structure:#406a7b;--sfb-structure-ink:#fff;--sfb-structure-line:#b9c7d5;--sfb-structure-muted:#d8e6f4;--sfb-accent:#2dd4bf;--sfb-accent-ink:#052e2b;--sfb-accent-soft:#0d3b38;--sfb-accent-edge:#14b8a6;--sfb-brand:#d8ab63;--sfb-brand-soft:#1b1913;--sfb-ok:#34d399;--sfb-warn:#fbbf24;--sfb-bad:#f87171;--sfb-info:#60a5fa;--sfb-focus:#5eead4;--sfb-shadow:0 8px 24px #00000073;--sfb-scheme:dark}body:has(.sf-billing){background:var(--sfb-bg);margin:0}.sf-billing,.sf-billing *{box-sizing:border-box}.sf-billing{color-scheme:var(--sfb-scheme);background:var(--sfb-bg);max-width:100%;min-height:100vh;color:var(--sfb-ink);font:var(--sfb-font);font-kerning:normal;-webkit-font-smoothing:antialiased;padding-bottom:calc(84px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow-x:hidden}.sf-billing h1,.sf-billing h2{margin:0;font-weight:600}.sf-billing dl,.sf-billing dd{margin:0}.sf-billing ul{margin:0;padding:0;list-style:none}.sf-billing p{margin:0}.sf-billing .terms dd,.sf-billing .trial-end{font-variant-numeric:tabular-nums}.sf-billing a:focus-visible,.sf-billing button:focus-visible,.sf-billing [tabindex]:focus-visible{outline:2px solid var(--sfb-focus);outline-offset:2px}.sf-billing .masthead{background:var(--sfb-structure);color:var(--sfb-structure-ink);padding:calc(14px + env(safe-area-inset-top)) var(--sfb-pad) 14px}.sf-billing .masthead .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--sfb-structure-muted);font-size:11px;font-weight:700}.sf-billing .masthead h1{word-break:break-word;margin-top:4px;font-size:22px;line-height:1.2}.sf-billing .main{width:100%;max-width:960px;padding:var(--sfb-pad);gap:var(--sfb-gap);flex-direction:column;margin:0 auto;display:flex}.sf-billing .notice{background:var(--sfb-panel);border:1px solid var(--sfb-line);border-radius:var(--sfb-radius-card);padding:var(--sfb-pad);color:var(--sfb-ink-2);font-size:14px}.sf-billing .notice .notice-title{color:var(--sfb-ink);margin-bottom:4px;font-size:15px;font-weight:600;display:block}.sf-billing .cards{gap:var(--sfb-gap);grid-template-columns:minmax(0,1fr);display:grid}.sf-billing .card{background:var(--sfb-panel);border:1px solid var(--sfb-line);border-radius:var(--sfb-radius-card);padding:var(--sfb-pad);flex-direction:column;gap:12px;min-width:0;display:flex}.sf-billing .card h2{font-size:18px}.sf-billing .status{color:var(--sfb-ink-2);word-break:break-word;font-size:14px}.sf-billing .status:before{content:attr(data-state);letter-spacing:.1em;vertical-align:1px;color:var(--sfb-info);border:1px solid;border-radius:999px;margin-right:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.sf-billing .status[data-state=ACTIVE]:before,.sf-billing .status[data-state=TRIAL]:before{color:var(--sfb-ok)}.sf-billing .status[data-state=TRIAL_ENDING]:before{color:var(--sfb-warn)}.sf-billing .status[data-state=ATTENTION]:before,.sf-billing .status[data-state=TRIAL_EXPIRED]:before,.sf-billing .status[data-state=CANCELED]:before{color:var(--sfb-bad)}.sf-billing .terms{background:var(--sfb-panel-2);border:1px solid var(--sfb-line-soft);border-radius:var(--sfb-radius-control);grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:12px;font-size:14px;display:grid}.sf-billing .terms dt{color:var(--sfb-muted)}.sf-billing .terms dd{word-break:break-word;font-weight:600}.sf-billing .trial-end{color:var(--sfb-muted);font-size:13px}.sf-billing .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sf-billing .action{font:inherit;border-radius:var(--sfb-radius-control);border:1px solid var(--sfb-structure);background:var(--sfb-structure);color:var(--sfb-structure-ink);cursor:pointer;min-width:44px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:600;transition:border-color .16s ease-out,background .16s ease-out}.sf-billing .action:hover:not(:disabled){border-color:var(--sfb-accent);background:var(--sfb-accent);color:var(--sfb-accent-ink)}.sf-billing .action:disabled{opacity:.5;cursor:not-allowed;text-decoration:line-through}.sf-billing .action[data-ack=pressed]{box-shadow:inset 0 0 0 2px var(--sfb-accent-edge)}.sf-billing .action-note{color:var(--sfb-ink-2);border-left:3px solid var(--sfb-line-strong);word-break:break-word;flex-basis:100%;padding-left:10px;font-size:13px}.sf-billing .action-note[data-outcome=failed]{border-left-color:var(--sfb-bad)}.sf-billing .action-note[data-outcome=completed]{border-left-color:var(--sfb-ok)}.sf-billing .action-note[data-outcome=working]{border-left-color:var(--sfb-info)}.sf-billing .action-note:before{content:attr(data-outcome-label);letter-spacing:.1em;text-transform:uppercase;color:var(--sfb-muted);font-size:11px;font-weight:700;display:block}.sf-billing .action-absent{color:var(--sfb-muted);font-size:14px;font-weight:600}.sf-billing .tournaments{flex-direction:column;gap:8px;display:flex}.sf-billing .tournaments li{background:var(--sfb-raised);border:1px solid var(--sfb-line-soft);border-radius:var(--sfb-radius-control);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.sf-billing .tournament-name{word-break:break-word;min-width:0;font-weight:600}.sf-billing .bottomcard{z-index:6;padding:8px var(--sfb-pad) calc(8px + env(safe-area-inset-bottom));background:var(--sfb-panel);border-top:1px solid var(--sfb-line);box-shadow:var(--sfb-shadow);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.sf-billing .bottomcard .here{letter-spacing:.04em;text-transform:uppercase;min-width:0;color:var(--sfb-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.sf-billing .bottomcard .back{border:1px solid var(--sfb-line-strong);border-radius:var(--sfb-radius-control);background:var(--sfb-panel-2);min-width:44px;min-height:44px;color:var(--sfb-ink);white-space:nowrap;justify-content:center;align-items:center;margin-left:auto;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.sf-billing .bottomcard .back:hover{border-color:var(--sfb-accent);color:var(--sfb-accent)}@media (min-width:768px){.sf-billing .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-billing .masthead{padding-left:24px;padding-right:24px}.sf-billing .main{padding:24px}}@media (prefers-reduced-motion:reduce){.sf-billing *{transition:none!important;animation:none!important}}