.credit-balance{left:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:61;color:var(--foreground);font-size:12px;position:fixed}.credit-balance-toggle{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:inline-flex}.credit-balance-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.credit-balance-details{border:1px solid var(--border-strong);background:var(--surface);width:min(280px,100vw - 32px);box-shadow:0 6px 24px var(--nav-shadow);border-radius:12px;margin-bottom:8px;padding:16px;line-height:1.6}.credit-balance-details p+p{color:var(--muted);margin-top:4px}.credit-balance-details a,.credit-balance-details button{text-underline-offset:3px;margin-top:8px;text-decoration:underline;display:inline-block}.credit-reservation{gap:2px;margin-top:8px;display:grid}.credit-reservation button{text-align:left}.credit-balance :is(button,a):focus-visible{outline:2px solid var(--accent-500);outline-offset:3px}.credit-balance-room{z-index:21;margin-top:4px;position:relative;bottom:auto;left:auto}.credit-balance-room .credit-balance-toggle{min-height:28px;padding:3px 8px;font-size:11px}.credit-balance-room .credit-balance-details{position:absolute;bottom:100%;left:0}.credit-usage-count{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.is-collapsed .credit-usage-control{flex-direction:column;gap:3px}.is-collapsed .credit-usage-count{margin-left:0;font-size:11px;line-height:1}.is-collapsed .credit-usage-unit{display:none}@media (max-width:800px){.is-collapsed .credit-usage-control{flex-direction:row;gap:12px}.is-collapsed .credit-usage-count{margin-left:auto;font-size:12px;line-height:1.5}.is-collapsed .credit-usage-unit{display:inline}}.credit-exhaustion-mobile{display:none}@media (max-width:800px){.credit-exhaustion-mobile{left:12px;bottom:calc(69px + env(safe-area-inset-bottom,0px));z-index:40;display:block}.drawer-open .credit-exhaustion-mobile{display:none}}
.membership-page{width:100%;max-width:864px;color:var(--foreground);margin:0 auto;padding:48px 40px 72px}.membership-header{margin-bottom:28px}.membership-header h1{font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.025em;margin:0;font-size:28px;font-weight:600;line-height:1.3}.membership-tabs{gap:4px;margin-bottom:34px;display:flex}.membership-tabs button{min-height:34px;color:var(--muted);cursor:pointer;border-radius:9px;padding:7px 12px;font-size:14px;line-height:20px}.membership-tabs button[aria-selected=true]{background:var(--surface-sunken);color:var(--foreground);font-weight:500}.membership-section{margin-top:36px;scroll-margin-top:24px}.membership-section:first-child{margin-top:0}.membership-section>h2{letter-spacing:-.01em;margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.5}.membership-description,.membership-note{color:var(--muted);font-size:14px;line-height:1.7}.membership-description{margin:-5px 0 14px}.membership-note{margin:14px 0 0}.membership-plan-row,.membership-limit-card,.membership-activity-card,.membership-option{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:20px}.membership-plan-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.membership-plan-row h3,.membership-limit-card h3{margin:0;font-size:15px;font-weight:600;line-height:1.5}.membership-plan-row p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.5}.membership-button{border:1px solid var(--border);background:var(--surface-sunken);min-height:38px;color:var(--foreground);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.membership-button:hover:not(:disabled){border-color:var(--border-strong)}.membership-button:disabled,.membership-text-button:disabled,.membership-reservation button:disabled{opacity:.6;cursor:wait}.membership-limit-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;margin:10px 0 12px;font-size:13px;line-height:1.6;display:flex}.membership-limit-meta strong{color:var(--foreground);font-variant-numeric:tabular-nums;font-weight:500}.membership-limit-card progress{background:var(--surface-sunken);width:100%;height:7px;accent-color:var(--accent-500);border:0;border-radius:999px;display:block;overflow:hidden}.membership-limit-card progress::-webkit-progress-bar{background:var(--surface-sunken);border-radius:999px}.membership-limit-card progress::-webkit-progress-value{background:var(--accent-500);border-radius:999px}.membership-limit-card progress::-moz-progress-bar{background:var(--accent-500);border-radius:999px}.membership-exhausted{margin:14px 0 0;font-size:14px;line-height:1.6}.membership-exhausted button,.membership-text-button,.membership-reservation :is(a,button){text-underline-offset:3px;cursor:pointer;text-decoration:underline}.membership-activity{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.membership-activity dt{color:var(--muted);font-size:14px;line-height:1.5}.membership-activity dd{letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:24px;font-weight:500;line-height:1.3}.membership-help{color:var(--muted);margin-top:28px;font-size:14px;line-height:1.7}.membership-help summary,.membership-reservations summary{cursor:pointer;width:fit-content}.membership-help p{margin-top:12px}.membership-reservations{border-top:1px solid var(--border);margin-top:20px;padding-top:18px;font-size:14px;line-height:1.6}.membership-reservation{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:16px;display:flex}.membership-options>h2{margin-bottom:16px}.membership-option+.membership-option{margin-top:16px}.membership-option-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.membership-option-heading h3{font-size:16px;font-weight:600}.membership-current{color:var(--accent-500);font-size:13px;font-weight:500}.membership-option-price{align-items:baseline;gap:8px;margin:16px 0 12px;display:flex}.membership-option-price strong{letter-spacing:-.035em;font-size:32px;font-weight:600;line-height:1.2}.membership-option-price span,.membership-option>p:not(.membership-option-price){color:var(--muted);font-size:14px;line-height:1.7}.membership-button-primary{background:var(--accent-500);color:var(--ink-950);border-color:#0000;margin-top:20px}.membership-button-primary:hover:not(:disabled){background:var(--accent-600);border-color:#0000}.membership-text-button{margin-top:14px;font-size:14px;line-height:1.6;display:inline-block}.membership-error{margin-top:18px;font-size:14px;line-height:1.6}.membership-page :is(a,button,summary,[role=tabpanel]):focus-visible{outline:2px solid var(--accent-500);outline-offset:4px}@media (max-width:600px){.membership-page{padding:28px 20px 40px}.membership-header h1{font-size:26px}.membership-tabs{margin-bottom:28px}.membership-section{margin-top:30px}.membership-plan-row,.membership-limit-card,.membership-activity-card,.membership-option{padding:18px}.membership-plan-row{flex-wrap:wrap;gap:14px}.membership-activity{gap:16px}.membership-activity dd{font-size:22px}}
