:root{--bg:#080a12;--card:#111521;--line:#262d40;--muted:#929bb1;--purple:#755cff;--green:#37d68a;--red:#ff6a7f}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#29195b66,transparent 35%),radial-gradient(circle at 90% 10%,#183b6a55,transparent 30%),var(--bg);color:#f7f8ff;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.page{min-height:100vh;padding:28px}.center{place-items:center;display:grid}.shell,.admin{max-width:1200px;margin:auto}.card{border:1px solid var(--line);background:#111521ef;border-radius:22px;box-shadow:0 25px 80px #0007}.hero,.auth{text-align:center;width:min(760px,100%);padding:48px}.auth{width:min(460px,100%)}.logo{background:linear-gradient(135deg,var(--purple),#4c8aff);border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:28px;font-weight:900;display:grid}.tag{letter-spacing:.18em;color:#adb5ca;font-size:11px;font-weight:800}.hero h1{margin:18px 0;font-size:clamp(38px,7vw,68px);line-height:1}.hero h1 span{color:#9a86ff}.hero p,.auth p,.task p,.empty p{color:var(--muted);line-height:1.7}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{appearance:none;color:#fff;font:inherit;cursor:pointer;background:#191f2e;border:1px solid #30394f;border-radius:13px;padding:12px 16px;font-weight:800;text-decoration:none}.primary{background:linear-gradient(135deg,var(--purple),#5689ff);border:0}.danger{background:#3a1720;border-color:#652432}.wide{width:100%}.back{color:#aab2c5;margin-top:18px;text-decoration:none;display:block}.auth input,.settings input,.form input,.form textarea{color:#fff;width:100%;font:inherit;background:#090c14;border:1px solid #30394f;border-radius:12px;padding:12px 13px}.auth input{margin:6px 0}.notice{color:#8ee0ba;background:#1c3029;border-radius:11px;margin-top:12px;padding:10px}.top{border-bottom:1px solid #1c2231;justify-content:space-between;align-items:center;height:72px;margin-bottom:22px;display:flex}.top>div:first-child,.top>div:first-child small{display:block}.top small{color:var(--muted)}.who{align-items:center;gap:10px;display:flex}.who img,.guest img{object-fit:cover;border-radius:50%;width:42px;height:42px}.who span{display:grid}.who small,.guest small,.control>small,.settings small,.current small{color:var(--muted)}.task{padding:30px}.task h1{margin:18px 0 8px;font-size:38px}.empty{text-align:center;padding:60px 16px}.statusline{color:var(--muted);justify-content:space-between;display:flex}.pill{text-transform:uppercase;background:#262c3e;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900}.pill.running{color:#75e2b3;background:#17372d}.progress{background:#242a3b;border-radius:99px;height:9px;margin:24px 0;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--purple),#64a4ff);height:100%;display:block}.settings{margin-bottom:18px;padding:18px}.settings form{grid-template-columns:190px 1fr auto;align-items:center;gap:12px;display:grid}.settings form>div{gap:4px;display:grid}.settings small{margin-top:9px;display:block}.settings code{color:#b7c6ff}.adminGrid{grid-template-columns:390px 1fr;gap:18px;display:grid}.list,.control{min-height:580px;padding:20px}.guest{color:#fff;text-align:left;cursor:pointer;background:#0c0f18;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;margin:7px 0;padding:11px;display:flex}.guest:hover,.guest.selected{background:#171c2a;border-color:#3b4661}.guest i{background:#2a3150;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.guest span{min-width:0;display:grid}.guest small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.current{background:#0b0e16;border-radius:13px;justify-content:space-between;align-items:center;margin:18px 0;padding:14px;display:flex}.current span{display:grid}.form{gap:12px;margin-top:20px;display:grid}.form label{color:#b5bdd0;gap:6px;font-size:13px;font-weight:700;display:grid}.form textarea{resize:vertical;min-height:90px}@media (max-width:800px){.hero,.auth{padding:30px 22px}.adminGrid,.settings form{grid-template-columns:1fr}.list,.control{min-height:auto}.top{height:auto;padding:12px 0}.task h1{font-size:30px}}
