.subscription-panel{color:var(--text-primary);gap:18px;display:grid}.subscription-panel h3,.subscription-panel h4,.subscription-panel p{margin:0}.subscription-reading{color:var(--text-muted);font-size:13px}.subscription-unknown{color:var(--text-muted)}.subscription-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.subscription-current{border:1px solid var(--border-default);background:var(--surface-panel);border-radius:14px;gap:16px;padding:20px 22px 18px;display:grid}.subscription-current-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.subscription-current-head h3{color:var(--text-primary);font-size:14px;font-weight:700}.subscription-current-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.subscription-current-plan{border-right:1px solid var(--border-default);align-items:flex-start;gap:16px;padding-right:24px;display:flex}.subscription-current-name{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.subscription-current-name strong{letter-spacing:-.02em;font-size:20px;font-weight:750}.subscription-current-price{letter-spacing:-.03em;font-size:22px;font-weight:750;margin-top:4px!important}.subscription-current-price small{letter-spacing:0;color:var(--text-secondary);font-size:13px;font-weight:500}.subscription-current-fact{color:var(--text-primary);font-size:13px;margin-top:8px!important}.subscription-current-sub{color:var(--text-secondary);font-size:12px;margin-top:2px!important}.subscription-current-free{gap:12px}.subscription-free-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.subscription-free-identity{align-items:center;gap:14px;min-width:0;display:flex}.subscription-free-identity strong{font-size:16px;font-weight:730}.subscription-free-identity .subscription-note{max-width:48ch;margin-top:5px}.subscription-balance{border-left:1px solid var(--border-default);flex:none;gap:5px;padding-left:24px;display:grid}.subscription-balance p{color:var(--text-secondary);font-size:13px}.subscription-balance p strong{letter-spacing:-.04em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:30px;line-height:1.2}.subscription-pack-validity{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.subscription-free-row p{font-size:14px}.subscription-free-row .subscription-note{margin-top:4px}.subscription-free-badge{text-align:center;min-width:64px;color:var(--text-primary);background:var(--surface-subtle);border-radius:999px;flex:none;padding:10px 18px;font-size:16px;font-weight:750}.subscription-plan-mark{width:44px;height:44px;color:var(--accent);background:var(--accent-surface);border-radius:10px;flex:none;place-items:center;font-size:17px;font-weight:750;display:grid}.subscription-plan-mark.large{width:48px;height:48px;font-size:19px}.subscription-status-badge{letter-spacing:.02em;color:var(--text-secondary);background:var(--surface-subtle);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:750}.subscription-status-badge.good{color:var(--status-success);background:color-mix(in srgb, var(--status-success) 14%, transparent)}.subscription-status-badge.bad{color:var(--status-danger);background:color-mix(in srgb, var(--status-danger) 14%, transparent)}.subscription-allowance{align-content:start;gap:8px;display:grid}.subscription-allowance-label{color:var(--text-secondary);font-size:12px;font-weight:700}.subscription-allowance-count{color:var(--text-primary);font-size:14px}.subscription-allowance-count strong{letter-spacing:-.03em;margin-right:4px;font-size:24px;font-weight:750}.subscription-allowance-bar{background:var(--surface-subtle);border-radius:999px;height:8px;overflow:hidden}.subscription-allowance-bar>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.subscription-allowance-note{color:var(--text-secondary);font-size:12px}.subscription-facts{border-top:1px solid var(--border-default);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding-top:14px;display:grid}.subscription-facts dt{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.subscription-facts dd{margin:0;font-size:13px;font-weight:650}.subscription-notice{border:1px solid var(--border-default);background:var(--accent-surface);border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.subscription-notice.danger{color:var(--status-danger);background:var(--surface-subtle);border-color:color-mix(in srgb, var(--status-danger) 40%, var(--border-default))}.subscription-notice>span:first-child{flex:1;min-width:0}.subscription-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.subscription-note{color:var(--text-secondary);font-size:12.5px;line-height:1.65}.subscription-note.danger{color:var(--status-danger)}.subscription-compare{gap:14px;display:grid}.subscription-compare-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.subscription-compare-head h3{letter-spacing:-.01em;font-size:15px;font-weight:750}.subscription-compare-head label{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.subscription-compare-head select{border:1px solid var(--border-default);color:var(--text-primary);background:var(--surface-panel);font:inherit;border-radius:8px;padding:7px 10px;font-size:13px}.subscription-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.subscription-plan{border:1px solid var(--border-default);background:var(--surface-panel);border-radius:14px;flex-direction:column;gap:12px;padding:20px 20px 18px;display:flex}.subscription-plan.current{border-color:var(--accent)}.subscription-plan-head{align-items:flex-start;gap:16px;display:flex}.subscription-plan-head h4{letter-spacing:-.01em;font-size:16px;font-weight:750}.subscription-plan .subscription-price{letter-spacing:-.03em;margin-top:5px;font-size:24px;font-weight:750}.subscription-price small{color:var(--text-secondary);letter-spacing:0;font-size:12px;font-weight:500}.subscription-plan-minutes{color:var(--text-secondary);font-size:12.5px}.subscription-plan-tagline{border-top:1px solid var(--border-default);color:var(--text-secondary);padding-top:12px;font-size:12.5px}.subscription-plan>button{justify-content:center;width:100%;min-height:42px;margin-top:auto}.subscription-plan>button.subscription-plan-current{color:var(--text-secondary);background:var(--surface-subtle);border-color:#0000}.subscription-plan>small{color:var(--text-muted);font-size:11px;line-height:1.5}.subscription-footnote{color:var(--text-secondary);align-items:center;gap:8px;font-size:12.5px;display:flex}.subscription-info-mark{border:1.5px solid var(--text-muted);width:16px;height:16px;color:var(--text-muted);text-align:center;border-radius:50%;flex:none;font:700 10px/13px ui-sans-serif,system-ui,sans-serif}.subscription-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.subscription-text-button{color:var(--text-secondary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:650;text-decoration:underline}.subscription-text-button.accent{color:var(--accent)}.subscription-panel button:disabled{cursor:not-allowed;opacity:.55}.subscription-panel button.subscription-plan-current:disabled{opacity:1;cursor:default}.subscription-panel button:focus-visible,.subscription-panel select:focus-visible,.subscription-consent input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.subscription-panel .settings-button.danger{color:var(--surface-page);background:var(--status-danger);border-color:#0000}.subscription-panel .settings-button.danger:hover{background:color-mix(in srgb, var(--status-danger) 88%, #000);border-color:#0000}.subscription-drawer-region{z-index:20;width:360px;position:absolute;inset:0 0 0 auto}.subscription-drawer{top:var(--settings-header-height,64px);width:100%;max-width:none;height:calc(100dvh - var(--settings-header-height,64px));border:0;border-left:1px solid var(--border-default);max-height:none;color:var(--text-primary);background:var(--surface-panel);border-radius:0;outline:none;margin:0;padding:0;position:sticky;overflow:hidden}.subscription-drawer[open]{flex-direction:column;display:flex}.subscription-drawer:not([open]){display:none}.subscription-drawer::backdrop{background:0 0}.subscription-drawer:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}.subscription-drawer-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.subscription-drawer-close:hover{color:var(--text-primary);background:var(--surface-subtle)}.subscription-drawer-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.subscription-drawer-body{flex:1;align-content:start;gap:14px;min-height:0;padding:24px 24px 12px;display:grid;overflow-y:auto}.subscription-drawer-body h3{letter-spacing:-.02em;padding-right:40px;font-size:22px;font-weight:780}.subscription-drawer-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.55;margin-top:-8px!important}.subscription-drawer-footer{border-top:1px solid var(--border-default);background:var(--surface-panel);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;padding:16px 24px 22px;display:flex}.subscription-drawer-footer .settings-button{min-height:40px}.subscription-drawer-primary{justify-content:center;width:100%}.subscription-drawer-cancel{text-align:center;width:100%;color:var(--accent);text-decoration:none}.subscription-lock-note{width:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:11.5px;display:flex}.subscription-plan-card{background:var(--accent-surface);border-radius:12px;gap:4px;padding:16px 18px;display:grid}.subscription-plan-card>strong{font-size:16px;font-weight:750}.subscription-plan-card .subscription-plan-tagline{border:0;padding:0}.subscription-plan-card-price{letter-spacing:-.03em;font-size:26px;font-weight:780;margin-top:6px!important}.subscription-plan-card-price small{letter-spacing:0;color:var(--text-secondary);font-size:13px;font-weight:500}.subscription-plan-card-minutes{color:var(--text-secondary);font-size:13px}.subscription-plan-card-minutes strong{color:var(--text-primary)}.subscription-swap{border:1px solid var(--border-default);background:var(--surface-subtle);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:16px;display:grid}.subscription-swap>div{gap:3px;min-width:0;display:grid}.subscription-swap-label{color:var(--text-muted);text-underline-offset:3px;font-size:11px;text-decoration:underline}.subscription-swap strong{letter-spacing:-.02em;font-size:17px}.subscription-swap-price{font-size:14px;font-weight:650}.subscription-swap-price small,.subscription-swap small{color:var(--text-muted);font-size:11px;font-weight:500}.subscription-swap-arrow{color:var(--text-muted);align-self:center;font-size:18px}.subscription-review-facts{border:1px solid var(--border-default);border-radius:12px;gap:0;margin:0;padding:0 16px;display:grid}.subscription-review-facts>div{justify-content:space-between;gap:16px;padding:12px 0;font-size:13px;display:flex}.subscription-review-facts>div+div{border-top:1px solid var(--border-default)}.subscription-review-facts dt{color:var(--text-secondary);margin:0}.subscription-review-facts dd{text-align:right;margin:0;font-weight:650}.subscription-review-facts-title dt{color:var(--text-primary);font-weight:750}.subscription-review-facts-note{padding-top:6px!important}.subscription-review-facts-note dt{color:var(--text-muted);font-size:12px}.subscription-breakdown{border:1px solid var(--border-default);border-radius:12px;gap:0;margin:0;padding:2px 16px 12px;display:grid}.subscription-breakdown>div{justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.subscription-breakdown dt{color:var(--text-primary);gap:3px;margin:0;font-size:13px;display:grid}.subscription-breakdown dt small{color:var(--text-muted);font-size:11px;line-height:1.5}.subscription-breakdown dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:14px;font-weight:600}.subscription-breakdown-total{border-top:2px solid var(--border-default);margin-top:2px}.subscription-breakdown-total dt{font-size:15px;font-weight:750}.subscription-breakdown-total dd{letter-spacing:-.03em;font-size:19px;font-weight:780}.subscription-outcome{color:var(--text-primary);font-size:13px;line-height:1.7}.subscription-inform{border:1px solid var(--border-default);background:var(--accent-surface);color:var(--text-secondary);border-radius:11px;padding:12px 14px 12px 42px;font-size:12.5px;line-height:1.6;position:relative}.subscription-inform:before{content:"i";background:var(--accent);width:17px;height:17px;color:var(--text-on-accent);text-align:center;border-radius:50%;font:700 11px/17px ui-sans-serif,system-ui,sans-serif;position:absolute;top:13px;left:14px}.subscription-consent{align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.6;display:flex}.subscription-consent input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin-top:3px}.subscription-dialog{width:min(420px,100vw - 32px);color:var(--text-primary);background:var(--surface-panel);border:1px solid var(--border-default);border-radius:16px;padding:24px;box-shadow:0 24px 90px #00000040}.subscription-dialog::backdrop{background:#00000052}.subscription-dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.subscription-dialog h3{letter-spacing:-.02em;font-size:21px;font-weight:780}.subscription-dialog-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.55;margin-top:6px!important}.subscription-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.subscription-close:hover{background:var(--surface-subtle);color:var(--text-primary)}.subscription-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.subscription-dialog .subscription-review-facts{background:var(--surface-subtle)}.subscription-dialog>p{color:var(--text-secondary);margin:12px 0 0;font-size:12.5px;line-height:1.6}.subscription-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.subscription-dialog-actions .settings-button{min-height:40px}.settings-content:has(.subscription-panel){max-width:1140px}.settings-workspace:has(.subscription-drawer[open][data-modal=false])>.settings-content{width:calc(100% - 360px);max-width:none;margin-inline:0;padding:24px}.settings-workspace:has(.subscription-drawer[open][data-modal=false]) .settings-banner-art{width:140px}.subscription-drawer-region:has(.subscription-drawer[data-modal=true]){width:auto;position:static}.subscription-drawer[data-modal=true]{border:0;width:100vw;height:100dvh;max-height:100dvh;margin:0;position:fixed;inset:0}.subscription-drawer[data-modal=true] .subscription-drawer-body{padding-top:max(24px, env(safe-area-inset-top))}.subscription-compare{container:billing-plans/inline-size}@container billing-plans (max-width:790px){.subscription-plan{padding:16px 14px}.subscription-plan-head{flex-direction:column;gap:10px}.subscription-plan .subscription-price{font-size:21px}.subscription-plan .subscription-price small{font-size:11px}}@container billing-plans (max-width:540px){.subscription-plan-grid{grid-template-columns:1fr}.subscription-plan-head{flex-direction:row;align-items:center;gap:14px}}@media (max-width:700px){.subscription-current-body{grid-template-columns:1fr}.subscription-current-plan{border-right:0;border-bottom:1px solid var(--border-default);padding-bottom:14px;padding-right:0}.subscription-facts{grid-template-columns:1fr;gap:10px}.subscription-compare-head,.subscription-footer{flex-direction:column;align-items:flex-start;gap:10px}.subscription-notice{flex-direction:column;align-items:flex-start}.subscription-actions{justify-content:flex-start;width:100%}.subscription-drawer{width:100%;box-shadow:none;border-left:0}.subscription-drawer-body{padding:20px 18px 10px}.subscription-drawer-footer{padding:12px 18px calc(16px + env(safe-area-inset-bottom))}.subscription-drawer-footer .settings-button{flex:1;justify-content:center}.subscription-dialog{padding:20px}.subscription-dialog-actions{flex-direction:column-reverse}.subscription-dialog-actions .settings-button{justify-content:center;width:100%}}.subscription-panel,.subscription-panel>*,.subscription-current-plan>div,.subscription-plan-head>div{min-width:0}.subscription-panel .settings-button{white-space:normal;text-align:center;padding-block:8px}.subscription-panel .settings-button.subscription-plan-outline{color:var(--accent);border-color:var(--accent);background:var(--surface-panel)}.subscription-plan.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.subscription-plan.current:not(.selected){border-color:var(--border-default)}.subscription-billing-details{border-top:1px solid var(--border-default);padding-top:10px}.subscription-billing-details summary{cursor:pointer;width:fit-content;color:var(--text-secondary);font-size:12px}.subscription-billing-details summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.subscription-billing-details .subscription-facts{border:0;padding-top:12px}.subscription-drawer-body>*,.subscription-drawer-footer>*{min-width:0}.subscription-drawer-body :is(p,dt,dd,small),.subscription-lock-note{overflow-wrap:anywhere}.subscription-drawer-body :is(h3,p){margin:0}.subscription-drawer-footer{padding-bottom:max(18px, env(safe-area-inset-bottom))}.subscription-drawer-footer .settings-button{flex:120px}.subscription-activity{border:1px solid var(--border-default);background:var(--surface-panel);border-radius:12px;gap:12px;padding:18px 20px;display:grid}.subscription-activity-scroll{overflow-x:auto}.subscription-activity table{border-collapse:collapse;width:100%;font-size:12px}.subscription-activity th{color:var(--text-secondary);background:var(--surface-subtle);font-weight:650}.subscription-activity :is(th,td){text-align:left;padding:9px 10px}.subscription-activity td{border-bottom:1px solid var(--border-default)}.subscription-activity tr:last-child td{border-bottom:none}.subscription-activity :is(th,td):last-child{text-align:right;white-space:nowrap}@media (max-width:500px){.subscription-current{padding:16px}.subscription-current-head{align-items:flex-start}.subscription-free-row{flex-direction:column;align-items:flex-start}.subscription-activity{padding:16px}.subscription-swap{gap:8px;padding:12px}.subscription-swap-price{font-size:12px}}.subscription-panel{--billing-action:#7412ed;--billing-action-end:#850bdf;--billing-action-text:#fff}.subscription-panel .settings-button.accent,.subscription-panel .billing-checkout-button{border:1px solid var(--billing-action);color:var(--billing-action-text);background:linear-gradient(105deg, var(--billing-action), var(--billing-action-end));box-shadow:0 2px 5px #4b19961f,inset 0 1px #ffffff1f}.subscription-panel .settings-button.accent:hover,.subscription-panel .billing-checkout-button:hover{color:var(--billing-action-text);background:#6810d4;border-color:#6810d4}.subscription-panel .settings-button.subscription-plan-outline{box-shadow:none;background:0 0}.subscription-plan.selected{background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 7%, var(--surface-panel)), var(--surface-panel) 65%)}.subscription-drawer-footer .billing-checkout{width:100%}.subscription-drawer-footer .billing-checkout-button{width:100%;min-height:44px;font:inherit;cursor:pointer;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:700}.subscription-drawer-footer .billing-status{min-height:0;color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.55}.subscription-drawer-footer .billing-status:empty{display:none}.subscription-drawer-footer .billing-status.error{color:var(--status-danger)}.subscription-drawer-footer .billing-checkout-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.settings-billing-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:750;display:block}.settings-content:has(.subscription-panel) .settings-explainer h2{font-size:clamp(28px,2.6vw,34px)}.settings-content:has(.subscription-panel) .settings-explainer p{margin-top:7px}@media (max-width:700px){.subscription-free-row{flex-direction:column;align-items:stretch;gap:16px}.subscription-balance{border-left:0;border-top:1px solid var(--border-default);padding-top:14px;padding-left:0}}
