:root{--bg:#080a0f;--card:#11151d;--line:#272d39;--text:#f7f8fb;--muted:#8b94a5;--green:#43dc91;--red:#ff5c65}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#202838 0,#0c1017 35%,var(--bg) 72%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{min-height:100dvh}button,input,textarea{font:inherit}
.app{width:min(100%,460px);min-height:100dvh;margin:auto;padding:22px 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
header,.top{display:flex;justify-content:space-between;align-items:center}.brand small{display:block;color:#7e8798;letter-spacing:.16em;font-size:10px;font-weight:700}.brand strong{font-size:19px;letter-spacing:-.03em}
.hero{padding:52px 0 28px}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:10px 0;font-size:38px;line-height:1.02;letter-spacing:-.05em}.hero p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}
.form{margin-top:10px}.field{margin-top:15px}.field label{display:block;color:#aab2c0;font-size:12px;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#0a0d13;color:#fff;padding:0 14px;outline:none}.field input{height:52px}.field textarea{min-height:116px;padding:14px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#4b566b}.field-hint{display:block;color:#626b7b;font-size:11px;margin-top:6px}
.submit{margin-top:20px;width:100%;height:58px;border:0;border-radius:16px;background:var(--green);color:#07110c;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 12px 34px #43dc9130}.submit:active{transform:scale(.985)}.note,.hint{text-align:center;color:#626b7b;font-size:11px;line-height:1.5;margin:12px 5px 0}
.callBody{overflow:hidden;background:radial-gradient(circle at 50% 18%,#263147 0,#101620 30%,#080a0f 72%)}.call{min-height:100dvh;width:min(100%,520px);margin:auto;padding:max(22px,env(safe-area-inset-top)) 22px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.back{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#11151d;color:#fff;font-size:19px}.center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.avatar{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#202838,#0e1219);border:1px solid #354055;box-shadow:0 30px 90px #000a;position:relative}.avatar:before{content:"A";font-size:54px;font-weight:800}.avatar.live:after{content:"";position:absolute;inset:-11px;border:1px solid #43dc9188;border-radius:50%;animation:pulse 1.6s infinite}@keyframes pulse{50%{transform:scale(1.08);opacity:.2}}
.call h1{font-size:31px;letter-spacing:-.045em;margin:28px 0 7px}.sub{margin:0;color:var(--muted);font-size:14px}.context{margin-top:18px;max-width:360px;padding:12px 15px;border:1px solid #293243;border-radius:14px;background:#111720aa;color:#c5ccd8;font-size:12px;line-height:1.45}.state{margin-top:23px;display:flex;gap:8px;align-items:center;color:#a7afbd;font-size:13px}.dot{width:8px;height:8px;background:#697386;border-radius:50%}.dot.live{background:var(--green);box-shadow:0 0 0 5px #43dc9117}.dot.bad{background:var(--red)}.timer{margin-top:10px;font-size:25px;font-variant-numeric:tabular-nums}.end{width:100%;height:58px;border:0;border-radius:16px;background:var(--red);color:#fff;font-weight:800;font-size:16px}.end:disabled{opacity:.55}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#fff;color:#080a0e;padding:10px 15px;border-radius:999px;font-size:12px;font-weight:700;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}