.paywall-layer{z-index:90;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.paywall-backdrop{background:var(--overlay);cursor:default;border:0;position:absolute;inset:0}.paywall-dialog{border:1px solid var(--line);width:min(100%,500px);max-height:min(92dvh,780px);box-shadow:0 24px 64px var(--shadow);overscroll-behavior:contain;border-radius:18px;gap:18px;padding:30px 30px 24px;display:grid;position:relative;overflow-y:auto}.paywall-dialog:focus{outline:none}.paywall-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid;position:absolute;top:14px;right:14px}.paywall-close:hover{color:var(--ink);background:var(--control-hover)}.paywall-close:focus-visible,.paywall-secondary:focus-visible,.paywall-cta:focus-visible,.paywall-interval:focus-within{outline:2px solid var(--blue);outline-offset:2px}.paywall-context{gap:8px;padding-right:34px;display:grid}.paywall-offer-hero{pointer-events:none;height:178px;margin:-30px -30px -12px;position:relative;overflow:hidden}.paywall-offer-hero img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.paywall-offer-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--sheet-surface));height:48%;position:absolute;bottom:0;left:0;right:0}.paywall-title-row{align-items:center;gap:9px;display:flex}.paywall-context h2,.paywall-status h2{letter-spacing:-.04em;margin:0;font-size:24px;line-height:1.15}.paywall-context p,.paywall-status p{color:var(--ink);margin:0;font-size:14px;line-height:1.5}.paywall-context .paywall-secondary{justify-self:start}.paywall-trigger-context{border:1px solid var(--line);background:var(--recording-surface);border-radius:12px;gap:5px;padding:13px 14px;display:grid}.paywall-trigger-context strong{letter-spacing:-.015em;font-size:14px}.paywall-trigger-context p{color:var(--ink);margin:0;font-size:13px;line-height:1.45}.paywall-trigger-context .paywall-trigger-hint{color:var(--muted)}.paywall-badge{color:var(--control-selected-ink);background:var(--control-selected-surface);font:700 11px/1.4 var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:3px 9px}.plan-sticker{flex:none;place-items:center;width:82px;height:72px;display:grid;position:relative}.plan-sticker img{z-index:1;object-fit:contain;width:100%;height:100%;position:relative}.plan-sticker img[hidden]{display:none}.plan-sticker-small{border-radius:15px;width:58px;height:52px}.plan-sticker-crown{justify-self:start;width:74px;height:62px}.plan-sticker-record{width:24px;height:24px;overflow:visible}.plan-identity{align-items:center;gap:14px;display:flex}.plan-identity>div{gap:7px;display:grid}.plan-identity-free .paywall-badge{color:var(--ink);background:var(--surface-hover)}.plan-identity strong{letter-spacing:-.03em;font-size:18px}.plan-identity.compact strong{font-size:15px}.paywall-comparison{border-collapse:collapse;width:100%;font-size:13px}.paywall-comparison th,.paywall-comparison td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 6px}.paywall-comparison thead th{color:var(--muted);font:650 10px/1 var(--font-geist-mono), monospace;letter-spacing:.07em;text-transform:uppercase}.paywall-comparison tbody th{font-weight:550}.paywall-comparison td:last-child{color:var(--ink);font-weight:600}.paywall-comparison td:nth-child(2){color:var(--muted)}.paywall-comparison svg{vertical-align:-2px;color:var(--diagnostic-success-strong)}.paywall-pricing{justify-items:center;gap:12px;display:grid}.paywall-segmented{border-radius:999px;grid-template-columns:auto auto;gap:2px;width:auto;margin:0;padding:3px;display:inline-grid}.paywall-segmented label{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0 11px;font-size:12px;font-weight:650;display:grid}.paywall-segmented label.active{color:var(--control-selected-ink);background:var(--control-selected-surface)}.paywall-segmented input{opacity:0;position:absolute}.paywall-segmented input:focus-visible+*{outline:2px solid var(--blue);outline-offset:2px}.paywall-segmented label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.paywall-segmented label span{color:var(--diagnostic-success-strong);background:var(--diagnostic-success-surface);border-radius:999px;margin-left:4px;padding:2px 5px;font-size:9px;font-weight:750}.paywall-price{text-align:center;gap:2px;margin:0;display:grid}.paywall-price strong{letter-spacing:-.05em;font-size:30px;line-height:1}.paywall-price strong small{letter-spacing:-.02em;font-size:14px}.paywall-price span{color:var(--muted);font-size:13px}.plus-benefits{gap:8px;margin:0;padding:0;list-style:none;display:grid}.plus-benefits li{color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:650;display:flex;position:relative}.plus-benefits li:before{content:"";background:var(--surface-hover);border-radius:50%;flex:none;width:28px;height:28px}.plus-benefits li:after{content:"";border-bottom:2px solid var(--diagnostic-success-strong);border-left:2px solid var(--diagnostic-success-strong);width:9px;height:5px;position:absolute;left:9px;transform:rotate(-45deg)translateY(-1px)}.paywall-intervals{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;display:grid}.paywall-intervals legend{color:var(--muted);font:650 10px/1 var(--font-geist-mono), monospace;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;padding:0}.paywall-interval{border:1px solid var(--line-strong);background:var(--control-surface);cursor:pointer;border-radius:12px;gap:4px;padding:14px;display:grid;position:relative}.paywall-interval:hover{background:var(--control-hover)}.paywall-interval.selected{border-color:var(--blue);background:var(--control-selected-surface)}.paywall-interval input{opacity:0;pointer-events:none;position:absolute}.paywall-interval-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:650;display:flex}.paywall-interval-name em{color:var(--diagnostic-success-strong);background:var(--diagnostic-success-surface);border-radius:999px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:700}.paywall-interval strong{letter-spacing:-.03em;font-size:18px}.paywall-interval small{color:var(--muted);font-size:12px}.paywall-disclosure{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.paywall-note{border:1px solid var(--line);color:var(--ink);background:var(--surface-subtle);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.paywall-error{color:var(--diagnostic-danger-strong);margin:0;font-size:13px}.paywall-actions{gap:8px;display:grid}.paywall-cta{min-height:48px;padding:0 18px;font-size:15px}.paywall-secondary{border:1px solid var(--line-strong);min-height:42px;color:var(--ink);background:var(--control-surface);font:inherit;cursor:pointer;border-radius:9px;padding:0 14px;font-size:14px;font-weight:600}.paywall-secondary:hover{background:var(--control-hover)}.paywall-not-now{color:var(--muted);background:0 0;border-color:#0000}.paywall-status{text-align:left;gap:10px;padding:8px 0 0;display:grid}.paywall-status p strong{color:var(--ink);font-weight:650}.paywall-status a{color:var(--blue);text-underline-offset:2px;font-weight:600}.paywall-status a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:3px}.paywall-reveal h2{padding-right:34px}.paywall-spinner{color:var(--blue);animation:1s linear infinite paywall-spin}@keyframes paywall-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.paywall-spinner{animation:none}}.paywall-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:640px){.paywall-layer{place-items:stretch stretch;padding:0}.paywall-dialog{width:100%;height:100dvh;max-height:none;padding:22px 16px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:0;align-content:start}.paywall-offer-hero{height:142px;margin:-22px -16px -8px}.paywall-context h2,.paywall-status h2{font-size:22px}.paywall-segmented{grid-template-columns:auto auto}.paywall-actions{bottom:calc(-20px - env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--sheet-surface);margin:0 -16px;position:sticky}}.billing-panel{gap:18px;display:grid}.billing-plan{border:1px solid var(--line);background:var(--surface-subtle);border-radius:18px;gap:18px;padding:22px;display:grid}.billing-plan-free{background:linear-gradient(135deg, var(--plan-free-gradient-start), var(--plan-free-gradient-end));grid-template-columns:150px minmax(0,1fr);align-items:center}.billing-plan-plus{background:var(--control-surface)}.billing-plan strong{letter-spacing:-.03em;font-size:18px}.billing-plan p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.billing-plan .billing-warning{color:var(--diagnostic-warning-strong)}.billing-plan-content{gap:10px;min-width:0;display:grid}.billing-plan-content>strong{font-size:23px}.billing-free-badge{color:var(--ink);background:var(--surface-hover)}.billing-upgrade-link{color:var(--blue);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:700;text-decoration:underline}.billing-upgrade-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}.billing-allowance-list{gap:8px;margin-top:4px;display:grid}.billing-allowance-line{color:var(--ink);justify-content:space-between;gap:16px;font-size:13px;font-weight:600;display:flex}.billing-allowance-line span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.billing-actions{flex-wrap:wrap;gap:8px;display:flex}.billing-actions .ui-primary-button{min-height:42px;padding:0 16px}.billing-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.billing-note.billing-warning{color:var(--diagnostic-warning-strong)}.billing-plan .plan-sticker{width:136px;height:126px}.billing-plan-free .plan-sticker-free{width:150px;height:164px}.billing-plan-free .plan-sticker-free img{filter:grayscale(.6)}.billing-plan .plan-identity{align-items:center}.billing-upgrade-card{border:1px solid var(--line-strong);background:linear-gradient(135deg, var(--control-selected-surface), var(--surface-subtle));border-radius:18px;align-items:center;gap:22px;padding:22px;display:flex}.billing-upgrade-card .plan-sticker{width:190px;height:128px}.billing-upgrade-card>div{flex:1;gap:8px;display:grid}.billing-upgrade-card h3{letter-spacing:-.03em;margin:0;font-size:18px}.billing-upgrade-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.billing-upgrade-card .plus-benefits{gap:5px}.billing-upgrade-card .plus-benefits li{font-size:13px}.billing-upgrade-card .plus-benefits li:before{width:24px;height:24px}.billing-upgrade-card .plus-benefits li:after{width:8px;height:4px;left:8px}.billing-upgrade-card .ui-primary-button{justify-self:start;min-height:40px;padding:0 14px}@media (max-width:640px){.billing-plan{padding:18px}.billing-plan-free{grid-template-columns:96px minmax(0,1fr);gap:14px}.billing-plan .plan-sticker{width:96px;height:88px}.billing-plan-free .plan-sticker-free{width:96px;height:122px}.billing-plan-content>strong{font-size:19px}.billing-allowance-line{align-items:baseline;font-size:12px}.billing-upgrade-card{align-items:flex-start;gap:14px}.billing-upgrade-card .plan-sticker{width:110px;height:86px}}@media (max-width:420px){.billing-upgrade-card .plan-sticker{width:72px;height:60px}}