/* Телефоны зрителей */
body{min-height:100vh;min-height:100dvh}
.wrap{max-width:540px;margin:0 auto;padding:14px 16px calc(32px + env(safe-area-inset-bottom))}
.head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 2px 14px}
.head .logos{display:flex;align-items:center;gap:10px;min-width:0}
.head .logos img{height:22px;width:auto;flex:none}
.head .logos .sep{width:1px;height:18px;background:var(--line);flex:none}
.head .meta{font-size:12px;color:var(--mute);font-weight:600;text-align:right;line-height:1.25}
@media (max-width:359px){.head .meta{display:none}}
.hero{background:var(--deep);color:#fff;border-radius:26px;padding:20px 20px 22px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(29,191,115,.35),rgba(29,191,115,0));pointer-events:none}
.hero .pill{color:var(--mint);font-size:11px;padding:5px 12px}
.hero h1{margin:14px 0 0;font:800 22px/1.18 var(--display);letter-spacing:-.02em;position:relative}
.hero h1 .accent{color:var(--mint)}
.card{margin-top:12px;background:var(--panel);border-radius:26px;padding:22px 20px;box-shadow:0 1px 0 rgba(10,22,16,.04)}
.kick{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mint-d)}
.kick .dot-live{width:9px;height:9px}
.q{margin:12px 0 0;font:700 21px/1.25 var(--display);letter-spacing:-.02em;text-wrap:pretty}
.hint{margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--mute)}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:999px;background:var(--mint);color:#04150c;font-weight:700;font-size:17px;text-decoration:none;transition:transform .12s,background .2s,opacity .2s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.98)}
.btn:disabled{opacity:.55}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.dark{background:var(--deep);color:#fff}
.link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--mint-d);font-weight:700;text-decoration:none;font-size:15px}
.ask-card{display:flex;align-items:center;gap:14px}
.ask-card .t{flex:1;min-width:0}
.ask-card b{display:block;font:700 16px/1.25 var(--display);letter-spacing:-.01em}
.ask-card span{display:block;margin-top:4px;font-size:14px;color:var(--mute)}
.ask-card .btn{width:auto;min-height:48px;padding:0 20px;flex:none;font-size:15px}
.foot{margin-top:18px;text-align:center;font-size:12px;color:var(--mute)}
.ok-ic{width:64px;height:64px;border-radius:50%;background:var(--mint);display:grid;place-items:center;margin-bottom:16px}
.ok-ic svg{width:34px;height:34px}
.wait-ic{display:flex;gap:7px;margin-bottom:16px}
.wait-ic i{width:12px;height:12px;border-radius:50%;background:var(--mint);animation:bounce 1.2s infinite ease-in-out}
.wait-ic i:nth-child(2){animation-delay:.15s}
.wait-ic i:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-8px);opacity:1}}
.fade-in{animation:fadeIn .45s ease both}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}