#radar-app{--ink:#271b38;--muted:#6d6279;--line:#e7dfeb;--violet:#6537a0;--soft:#f8f3fc;--rose:#e9cddf;font:16px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);max-width:490px;margin:0 auto;min-height:100vh;background:#fff;box-sizing:border-box}
#radar-app *{box-sizing:border-box}
#radar-app .shell{padding:18px 20px 42px}
#radar-app .top{display:flex;align-items:center;gap:12px;margin-bottom:26px}
#radar-app .back{border:0;background:transparent;color:var(--violet);font-size:25px;line-height:1;cursor:pointer;padding:5px 4px}
#radar-app .brand{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--violet)}
#radar-app .routebar{height:4px;border-radius:4px;background:#eee8f3;overflow:hidden;margin:0 0 25px}
#radar-app .routebar span{display:block;height:100%;background:var(--violet);transition:width .25s}
#radar-app .eyebrow{color:var(--violet);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
#radar-app h1{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}
#radar-app h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:0 0 13px}
#radar-app h3{font-size:17px;line-height:1.25;margin:0 0 7px}
#radar-app p{margin:0 0 16px}
#radar-app .sub{color:var(--muted);font-size:15px}
#radar-app .card{border:1px solid var(--line);border-radius:16px;padding:16px;margin:13px 0;background:#fff}
#radar-app .card.soft{background:var(--soft);border-color:#ede2f4}
#radar-app .choices{display:grid;gap:9px;margin:22px 0}
#radar-app .choice{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font:inherit;font-weight:650;text-align:left;padding:15px 16px;cursor:pointer;transition:.12s}
#radar-app .choice:hover,#radar-app .choice:focus-visible{border-color:var(--violet);background:var(--soft);outline:none}
#radar-app .primary{display:block;width:100%;border:0;border-radius:13px;background:var(--violet);color:#fff;font:inherit;font-weight:800;padding:16px 18px;text-align:center;text-decoration:none;cursor:pointer;margin-top:20px}
#radar-app .primary:disabled{opacity:.55;cursor:not-allowed}
#radar-app .small{font-size:13px;color:var(--muted)}
#radar-app .free-input{width:100%;font:inherit;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--ink);outline:none}
#radar-app .free-input:focus{border-color:var(--violet)}
#radar-app .chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 18px}
#radar-app .chip{background:#f1eaf7;border-radius:50px;padding:7px 10px;font-size:12px;font-weight:650;color:#553080}
#radar-app .quote{font-size:19px;font-weight:800;line-height:1.3;margin:12px 0}
#radar-app .source{font-size:12px;color:var(--muted);font-weight:650}
#radar-app .loader{height:6px;background:#eee8f3;border-radius:8px;overflow:hidden;margin:13px 0 25px}
#radar-app .loader span{display:block;height:100%;width:100%;transform-origin:left;background:var(--violet);animation:radarload 7s linear forwards}
#radar-app .loader.done span{animation:none;transform:scaleX(1)}
@keyframes radarload{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#radar-app .divider{height:1px;background:var(--line);margin:20px 0}
#radar-app .warning{border-left:4px solid #9e3c57;background:#fff5f7;padding:14px;border-radius:8px}
#radar-app[data-screen="vsl"]{min-height:0}
#radar-app[data-screen="vsl"] .vsl-shell{padding:78px 20px 0}
#radar-app .vsl-progress-wrap{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(490px,100%);z-index:25;padding:15px 20px 13px;background:#fff;box-shadow:0 5px 18px #271b3814}
#radar-app .vsl-progress-copy{display:flex;justify-content:space-between;gap:12px;color:var(--violet);font-size:12px;font-weight:800;letter-spacing:.02em;margin-bottom:8px}
#radar-app .vsl-countdown{font-variant-numeric:tabular-nums;white-space:nowrap}
#radar-app .vsl-timer{height:8px;border-radius:20px;background:#eee8f3;overflow:hidden}
#radar-app .vsl-timer-fill{display:block;position:relative;width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#6537a0,#ac74dc);transition:width .2s linear;overflow:hidden}
#radar-app .vsl-timer-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#ffffff99 50%,transparent 75%);transform:translateX(-100%);animation:radarVslGleam 1.8s linear infinite}
@keyframes radarVslGleam{to{transform:translateX(100%)}}
#radar-app .vsl-video-placeholder{display:grid;place-items:center;min-height:min(64vh,620px);border-radius:18px;background:linear-gradient(145deg,#1f172d,#382456);color:#e8d9f6;text-align:center;font-size:14px;font-weight:750;letter-spacing:.04em}
#radar-app[data-screen="vsl"] .vsl-intro .primary{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(450px,calc(100vw - 40px));z-index:26;box-shadow:0 8px 22px #271b3840}
#radar-app .foot{margin-top:28px;font-size:11px;color:#9b90a3;text-align:center}
@media(max-width:480px){#radar-app h1{font-size:28px}#radar-app h2{font-size:24px}}
