/* Approved calm premium preview, adapted to the app's shared scene and dock. */
.premium-benefits{list-style:none;padding:0;margin:26px 0;text-align:left}
.premium-benefits li{display:flex;align-items:flex-start;gap:13px;margin:0 0 18px;line-height:1.4}
.premium-benefits svg{width:18px;height:18px;flex:none;margin-top:2px;fill:none;stroke:var(--scene-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.premium-benefits strong{font-size:15px;font-weight:400;display:block}.premium-benefits small{font-size:13px;line-height:1.5;display:block;margin-top:4px;color:var(--scene-dim)}
.premium-seal{width:96px;height:96px;margin:20px auto 22px}.premium-seal svg{width:100%;height:100%;fill:none;stroke:var(--scene-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.premium-seal .premium-ring-base{stroke:var(--scene-line);stroke-width:1}.premium-tick{stroke-width:2.8}.premium-seal.is-loading .premium-ring{transform-origin:50px 50px;animation:premium-loading 950ms linear infinite}
@keyframes premium-loading{to{transform:rotate(360deg)}}
#account-dialog[data-mode="premium"] .sheet-top{position:relative}
.premium-detail{text-align:center;max-width:352px;margin:0 auto}.premium-detail h2{font-size:35px!important;line-height:1.14!important;margin:0 0 14px}.premium-detail .premium-confirmation{color:var(--scene-dim);font-size:14px;margin:0}.premium-detail .premium-benefits{margin:40px 0 26px}.premium-actions{margin-top:28px}.premium-actions .sheet-primary{border-radius:30px;font-size:17px}.premium-actions .sheet-link{font-size:13px}.premium-term{font-size:12px!important;color:var(--scene-dim)!important}
.premium-card{display:flex;width:100%;align-items:center;gap:15px;text-align:left;padding:20px;border-radius:22px;border:1px solid var(--scene-line);background:var(--scene-dock);color:var(--scene-ink);margin:20px 0 12px}.premium-card .premium-mini{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--scene-accent);color:var(--scene-accent);border-radius:50%;flex:none}.premium-mini svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.premium-card strong{display:block;font-size:17px;font-weight:450}.premium-card small{display:block;margin-top:4px;font-size:13px;color:var(--scene-dim)}.premium-card .premium-chevron{margin-left:auto;font-size:22px;opacity:.65}.account-greeting{color:var(--scene-dim)!important;margin:0 0 12px!important;font-size:16px!important}
#account-dialog[data-mode="paywall"]{width:min(calc(100% - 20px),440px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px);border-radius:30px;background:var(--scene-base);color:var(--scene-ink);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:auto}
#account-dialog[data-mode="paywall"] .sheet-top{background:var(--scene-base);padding:15px 24px;position:sticky;justify-content:center}
#account-dialog[data-mode="paywall"] .sheet-top .sheet-close{position:absolute;right:12px;border:0;background:none}
#account-dialog[data-mode="paywall"] .page-refresh{display:none}
#account-dialog[data-mode="paywall"] .sheet-top img{width:25px;height:38px;content:url('assets/mark-forest.svg')}
html[data-theme="dark"] #account-dialog[data-mode="paywall"] .sheet-top img{content:url('assets/mark-lemon.svg')}
.premium-paywall{max-width:352px;margin:0 auto}.premium-paywall h2{font-size:36px;line-height:1.12;margin:10px 0 14px}.premium-paywall .premium-intro{font-size:15px;color:var(--scene-dim);line-height:1.5}.premium-paywall .premium-benefits{margin:24px 0}.premium-paywall .premium-benefits li{margin-bottom:14px}.premium-paywall .premium-benefits strong{font-size:14px}.premium-paywall .plan-options{gap:10px;margin:20px 0 12px}.premium-paywall .plan-option{min-height:60px;border-radius:19px;padding:15px 15px 15px 43px;box-shadow:none;background:transparent;border-color:var(--scene-line)}.premium-paywall .plan-option input{left:15px;top:18px}.premium-paywall .plan-option:has(input:checked){background:var(--scene-dock);border-color:var(--scene-accent);box-shadow:none}.premium-paywall .plan-option strong{font-size:16px}.premium-paywall .plan-price{font-size:21px}.premium-paywall .plan-meta{font-size:12px;line-height:1.5;opacity:1;color:var(--scene-dim);margin-top:4px}.plan-saving{display:block;color:var(--scene-accent);margin-top:4px}.premium-paywall .price-note{font-size:11px;color:var(--scene-dim);line-height:1.5;margin:10px 0 16px}.premium-paywall .sheet-primary{border-radius:30px;font-size:17px}.premium-paywall .paywall-secondary{display:block;margin:0 auto;text-align:center}.premium-paywall .coupon-entry{margin:8px 0 14px;font-size:12px;color:var(--scene-dim)}.coupon-entry summary{min-height:34px;padding:8px 0;cursor:pointer}.premium-pending{text-align:center;padding:50px 0}.premium-pending .sheet-link{display:block;margin:auto}
#entry-screen #entry-consent-activate{display:block;width:max-content;max-width:100%;min-height:48px;padding:13px 27px;margin:18px auto 0;font-size:16px;text-align:center;justify-content:center}
#entry-screen #entry-consent-panel h2{font-size:32px;line-height:1.18}
.auth-actions{margin-top:72px}
#rating-step #rating-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;min-width:0}
#rating-submit svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.journey-open #dial-confirm{visibility:hidden!important}
#rating-step #rating-access{font-size:11px;opacity:.8}
@media(max-height:740px){.auth-actions{margin-top:40px}.premium-detail .premium-seal{width:78px;height:78px;margin-top:5px}.premium-detail .premium-benefits{margin-top:25px}.premium-detail .premium-benefits li{margin-bottom:16px}.premium-actions{margin-top:20px}.premium-paywall h2{font-size:32px}.premium-paywall .premium-benefits{margin:20px 0}}
@media(max-width:360px){.premium-paywall h2{font-size:31px}.premium-paywall .plan-price{font-size:18px}.premium-paywall .premium-benefits strong{font-size:13px}#entry-screen #entry-consent-panel h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.premium-seal.is-loading .premium-ring{animation:none}}
