/* Membership uses the same quiet surfaces as the workspace. */
:root{--membership-pro-bg:#1b2028;--membership-pro-ink:#e1e7f0;--membership-pro-line:#4b5668;--membership-ultima-bg:#231e13;--membership-ultima-ink:#eed4a0;--membership-ultima-line:#6c5733}
[data-theme=light]{--membership-pro-bg:#eef1f5;--membership-pro-ink:#38465b;--membership-pro-line:#c0c9d6;--membership-ultima-bg:#faf3e4;--membership-ultima-ink:#77561b;--membership-ultima-line:#d5bd8b}
.membership-mark{width:17px;height:17px;flex:none;fill:currentColor;fill-opacity:.13;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.header-auth .plan-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;white-space:nowrap;font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.02em;border-radius:7px}
.plan-badge[data-plan=pro]{color:var(--membership-pro-ink);background:var(--membership-pro-bg);border-color:var(--membership-pro-line)}
.plan-badge[data-plan=ultima]{color:var(--membership-ultima-ink);background:var(--membership-ultima-bg);border-color:var(--membership-ultima-line)}
.plan-badge[data-plan]:hover{color:var(--text);border-color:currentColor}
.plan-badge:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.plan-current-label{display:inline-flex;align-items:center;gap:6px;position:absolute;right:20px;top:0;transform:translateY(-50%);padding:6px 10px;border:1px solid var(--muted);border-radius:5px;background:var(--surface);color:var(--text);font-size:11px;font-weight:500;line-height:1.4}
.plan-current-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.plan-card.is-current{border-color:var(--muted)}
.plan-pro:not(:has(.plan-recommended)){border-color:var(--line);box-shadow:none}
.plan-card.plan-pro.is-current{border-color:var(--muted);box-shadow:none}
.plan-card .plan-current-action{background:var(--surface);border-color:var(--muted);color:var(--text)}
.settings-drawer{width:460px;max-width:min(100vw,460px)}
.settings-heading,.settings-identity,.settings-shortcuts,.settings-tabs,.settings-bottom{flex-shrink:0}
.settings-tabs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-inline:20px;scroll-padding-inline:20px}
.settings-tabs button{flex:1 0 auto;min-height:46px;padding:13px 9px;white-space:nowrap;border-bottom:2px solid transparent}
.settings-tabs [aria-selected=true]{border-bottom-color:var(--text);color:var(--text)}
.settings-tabs button:focus-visible{outline:2px solid var(--text);outline-offset:-4px;border-radius:5px}
.settings-content{min-height:0;overscroll-behavior:contain}
.subscription-card{border-radius:12px}
.subscription-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.subscription-card-heading strong{font-family:Manrope,sans-serif;font-size:38px;font-weight:600;letter-spacing:-.035em}
.subscription-card-heading .membership-mark{width:32px;height:32px}
.subscription-card[data-plan=pro] .subscription-card-heading{color:var(--membership-pro-ink)}
.subscription-card[data-plan=ultima] .subscription-card-heading{color:var(--membership-ultima-ink)}
.subscription-card dl{display:grid;gap:18px}
.subscription-card dl>div{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:20px;font-size:13px;line-height:1.5}
.subscription-card dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.subscription-card+.subscription-details{margin-top:24px}
.subscription-details>.button{margin-bottom:12px}
.subscription-details p{margin-top:8px}
@media(min-width:1201px) and (max-width:1500px){.site-header .primary-nav{gap:12px!important}.header-auth{gap:10px}.header-utilities{gap:9px;margin-right:12px}}
@media(max-width:1200px){.site-header .primary-nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:22px;max-width:100%;min-width:0}.primary-nav>a{flex-shrink:0}.site-header .primary-nav a:first-child{max-width:none;white-space:nowrap}}
@media(max-width:800px){.plans-grid .plan-card.is-current{order:-2}}
@media(max-width:600px){.site-header .header-tools{width:100%;max-width:100%;min-width:0;justify-content:space-between;gap:8px;margin-left:0}.header-tools .header-utilities{margin-right:0;min-width:0;gap:5px}.header-auth{gap:6px}.header-auth .plan-badge{min-height:36px;padding:6px 8px;font-size:11px}.plan-badge .membership-mark{width:15px;height:15px}.settings-tabs{padding-inline:14px;scroll-padding-inline:14px}.settings-content{padding:24px 20px}.subscription-card{padding:22px 18px}.settings-bottom{padding:18px 20px;gap:10px}.settings-bottom button{font-size:11px}}