/* Live text poster. Reference percentiles stay visibly qualified at every size. */
.as-screen-poster{--poster-accent:#9ef4df;--poster-rgb:112,235,218;width:448px;height:min(880px,calc(100dvh - 32px));color:#f2f7ff;background:#0b1424;border-color:#294057;}
.as-screen-poster[data-level="4"][data-kind="personal"]{--poster-accent:#f4d795;--poster-rgb:234,197,123;}
.as-screen-poster .asp-sheet{gap:14px;padding:20px 22px;background:radial-gradient(ellipse at 100% 0%,rgba(var(--poster-rgb),.13),transparent 48%),radial-gradient(ellipse at 0% 70%,#274ab82b,transparent 55%),linear-gradient(155deg,#101e33,#081622 75%,#102a32);}
.as-screen-poster .asp-sheet::before{background-size:38px 38px;opacity:.6;}
.as-screen-poster .asp-brand b{font-size:18px;letter-spacing:-.5px;}
.as-screen-poster .asp-brand span{font-size:11px;color:#a9bed0;}
.as-screen-poster .asp-close{background:#e4f5ff0a;border-color:#e4f5ff26;}
.as-screen-poster .asp-heading h2{font-size:26px;line-height:1.3;letter-spacing:-.6px;}
.as-screen-poster .asp-heading p{margin-top:5px;font-size:12px;color:#a8bacd;}
.as-screen-poster .asp-score{flex:1;min-height:230px;gap:7px;padding:16px 18px;border-radius:20px;border:1px solid rgba(var(--poster-rgb),.28);background:linear-gradient(130deg,rgba(var(--poster-rgb),.09),#20344844);box-shadow:inset 0 1px #e2f7ff0a,0 10px 30px #0002;}
.as-screen-poster .asp-score::after{top:-50px;right:-60px;width:205px;height:205px;opacity:.75;}
.as-screen-poster .asp-score-label{font-size:11px;letter-spacing:2px;color:#9db6cd;}
.as-screen-poster .asp-score-row{gap:17px;align-items:center;}
.as-screen-poster .asp-score-level{font-size:68px;line-height:1;letter-spacing:-3px;color:var(--poster-accent);text-shadow:0 4px 25px rgba(var(--poster-rgb),.14);}
.as-screen-poster .asp-score-detail{min-width:0;}
.as-screen-poster .asp-score-detail h3{font-size:24px;line-height:1.2;}
.as-screen-poster .asp-score-detail p{max-width:none;font-size:12px;line-height:1.4;margin-top:6px;color:#c3d3e2;}
.asp-rank{position:relative;z-index:1;padding:9px 0 8px;border-top:1px solid rgba(var(--poster-rgb),.18);border-bottom:1px solid rgba(var(--poster-rgb),.18);}
.asp-rank[hidden]{display:none;}
.asp-rank-line{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;}
.asp-rank-prefix{font-size:20px;font-weight:600;color:#edf6ff;}
.asp-rank-number{font-size:44px;line-height:1.08;letter-spacing:-1.8px;font-weight:750;color:var(--poster-accent);font-variant-numeric:tabular-nums;}
.asp-rank-number>span{font-size:25px;letter-spacing:-.5px;margin-left:2px;}
.asp-rank-estimate{align-self:center;padding:4px 7px;border:1px solid rgba(var(--poster-rgb),.23);border-radius:6px;font-size:12px;line-height:1.4;font-weight:500;color:#d1dfed;background:#deefff08;white-space:nowrap;}
.as-screen-poster .asp-rank-note{font-size:11px;line-height:1.45;color:#afc1d4;margin-top:5px;}
.as-screen-poster .asp-motivation{font-size:14px;line-height:1.6;color:#edf5fc;max-width:27em;font-weight:550;}
.as-screen-poster .asp-next{margin-top:0!important;padding-top:0;border:0;font-size:11px;line-height:1.5;color:#9fb7ca;}
.as-screen-poster[data-level="0"] .asp-motivation{font-size:24px;line-height:1.45;font-weight:650;max-width:12em;margin:8px 0;letter-spacing:-.4px;}
.as-screen-poster[data-kind="enterprise"] .asp-motivation{font-size:18px;line-height:1.6;margin:9px 0;}
.as-screen-poster .asp-ladders{gap:12px;}
.as-screen-poster .asp-ladder-head{margin-bottom:7px;}
.as-screen-poster .asp-ladder-head h3{font-size:17px;line-height:1.3;}
.as-screen-poster .asp-ladder-head>span{font-size:11px;color:#9bb3c9;}
.as-screen-poster .asp-level-grid{gap:5px;}
.as-screen-poster .asp-level{min-height:71px;padding:7px 1px;border-radius:10px;background:#b1d1ed06;}
.as-screen-poster .asp-level>b{font-size:23px;}
.as-screen-poster .asp-level>strong{font-size:12px;margin-top:4px;}
.as-screen-poster .asp-level>span{font-size:10px;margin-top:4px;color:#a8bcd0;}
.as-screen-poster .asp-level.is-current{background:linear-gradient(145deg,var(--poster-accent),#71d1d8);border-color:var(--poster-accent);box-shadow:0 0 20px rgba(var(--poster-rgb),.14);}
.as-screen-poster[data-level="4"][data-kind="personal"] .asp-level.is-current{background:linear-gradient(145deg,#ffe9b4,#d7b56f);}
.as-screen-poster .asp-level.is-current>span{color:#205165;}
.as-screen-poster .asp-invite{padding:11px;gap:13px;border-radius:16px;background:linear-gradient(125deg,#f0faff,#daf3ec);}
.as-screen-poster .asp-qr{width:104px;height:104px;flex-basis:104px;}
.as-screen-poster .asp-invite-kicker{font-size:11px;line-height:1.4;color:#496275;}
.as-screen-poster .asp-invite-copy h3{font-size:24px;margin:3px 0 5px;}
.as-screen-poster .asp-invite-copy p{font-size:12px;line-height:1.4;color:#325a67;}
.asp-learn-promise{display:block;font-size:13px;line-height:1.45;color:#095b5d;font-weight:700;margin-top:2px;}
.as-screen-poster .asp-invite-copy small{font-size:9px;margin-top:5px;color:#526a77;}
.as-screen-poster .asp-screenshot-tip{font-size:12px;line-height:1.4;color:#d4e8f0;}
.as-screen-poster .asp-footer small{font-size:10px;line-height:1.4;margin-top:4px;color:#97acc1;}
@media(max-width:600px){
 .as-screen-poster{width:100vw;max-width:100vw;height:100dvh;border:0;border-radius:0;margin:0;inset:0;}
 .as-screen-poster .asp-sheet{padding:calc(15px + env(safe-area-inset-top,0px)) 18px calc(12px + env(safe-area-inset-bottom,0px));gap:13px;}
 .as-screen-poster .asp-heading h2{font-size:25px;}
}
@media(max-height:780px){
 .as-screen-poster .asp-sheet{gap:9px;padding-top:12px;padding-bottom:11px;}
 .as-screen-poster .asp-score{min-height:190px;gap:6px;padding:12px 15px;}
 .as-screen-poster .asp-score-label{display:none;}
 .as-screen-poster .asp-score-level{font-size:58px;}
 .as-screen-poster .asp-rank-number{font-size:38px;}
 .as-screen-poster .asp-ladders{gap:10px;}
 .as-screen-poster .asp-level{min-height:62px;padding:4px 1px;}
 .as-screen-poster .asp-level>b{font-size:21px;line-height:1;}
 .as-screen-poster .asp-level>strong{margin-top:3px;line-height:1.15;}
 .as-screen-poster .asp-level>span{margin-top:3px;line-height:1.2;}
 .as-screen-poster .asp-ladder-head h3{line-height:1.1;}
 .as-screen-poster .asp-motivation{font-size:13px;line-height:1.5;}
 .as-screen-poster .asp-qr{width:94px;height:94px;flex-basis:94px;}
 .as-screen-poster .asp-invite{padding:9px;gap:11px;}
}
@media(max-height:690px){
 .as-screen-poster .asp-sheet{gap:6px;padding-top:8px;padding-bottom:7px;}
 .as-screen-poster .asp-header{min-height:22px;}
 .as-screen-poster .asp-brand b{font-size:16px;}
 .as-screen-poster .asp-heading h2{font-size:23px;}
 .as-screen-poster .asp-heading p{font-size:11px;margin-top:3px;}
 .as-screen-poster .asp-score{min-height:175px;padding:9px 13px;gap:5px;}
 .as-screen-poster .asp-score-level{font-size:50px;}
 .as-screen-poster .asp-score-detail h3{font-size:21px;}
 .as-screen-poster .asp-score-detail p{font-size:11px;margin-top:4px;}
 .as-screen-poster .asp-rank{padding:6px 0;}
 .as-screen-poster .asp-rank-number{font-size:34px;}
 .as-screen-poster .asp-rank-prefix{font-size:18px;}
 .as-screen-poster .asp-rank-note{margin-top:3px;}
 .as-screen-poster .asp-motivation{font-size:13px;line-height:1.5;}
 .as-screen-poster .asp-ladders{gap:8px;}
 .as-screen-poster .asp-ladder-head{margin-bottom:5px;}
 .as-screen-poster .asp-ladder-head h3{font-size:16px;}
 .as-screen-poster .asp-level{min-height:46px;}
 .as-screen-poster .asp-level>b{font-size:20px;}
 .as-screen-poster .asp-level>strong,.as-screen-poster .asp-level>span{margin-top:3px;}
 .as-screen-poster .asp-level>span{display:none;}
 .as-screen-poster .asp-qr{width:88px;height:88px;flex-basis:88px;}
 .as-screen-poster .asp-footer small{font-size:9px;margin-top:3px;}
 .as-screen-poster .asp-invite-copy h3{font-size:22px;}
}
@media(max-width:370px){
 .as-screen-poster .asp-sheet{padding-left:14px;padding-right:14px;}
 .as-screen-poster .asp-heading h2{font-size:23px;}
 .as-screen-poster .asp-score-row{gap:13px;}
 .as-screen-poster .asp-rank-line{gap:7px;}
 .as-screen-poster .asp-rank-estimate{padding:3px 5px;font-size:11px;}
 .as-screen-poster .asp-invite{gap:10px;}
 .as-screen-poster .asp-invite-kicker{font-size:10px;}
 .asp-learn-promise{font-size:12px;}
}