:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f7f3e9;background:#090b10;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(226,185,87,.14),transparent 36%),linear-gradient(145deg,#292d35,#11141a 60%,#080a0e)}.app{width:min(100%,620px);min-height:100vh;margin:auto;padding:24px 18px 40px}header{display:flex;align-items:center;gap:13px;padding:8px 2px 22px;border-bottom:1px solid rgba(255,255,255,.08)}header .mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(226,185,87,.38);border-radius:14px;color:#efd591;background:rgba(226,185,87,.08);box-shadow:0 0 25px rgba(226,185,87,.12);font-size:25px}header p,.eyebrow{margin:0;color:#e2b957;font-size:9px;font-weight:800;letter-spacing:.18em}header h1{margin:3px 0 0;font-size:22px}header>span{margin-left:auto;color:#8b919c;font-size:10px}header>span.online{color:#6bd49c}.panel{margin-top:22px;padding:25px 22px;border:1px solid rgba(231,201,128,.16);border-radius:24px;background:linear-gradient(145deg,rgba(43,47,55,.96),rgba(10,12,17,.98));box-shadow:0 22px 48px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}h2{margin:9px 0 24px;font-size:clamp(25px,7vw,38px);line-height:1.18}label{display:block;margin-top:16px;color:#a2a7b0;font-size:11px}input,textarea{width:100%;margin-top:7px;padding:15px;border:1px solid rgba(226,185,87,.2);border-radius:13px;outline:none;color:#fff;background:rgba(255,255,255,.04);font:inherit;font-size:16px}#code{text-transform:uppercase;letter-spacing:.25em;font-size:24px;text-align:center}button{width:100%;min-height:52px;margin-top:18px;border:1px solid rgba(226,185,87,.5);border-radius:14px;color:#fff;background:linear-gradient(145deg,#a77828,#5c3d10);box-shadow:0 0 24px rgba(226,185,87,.14);font-weight:700}button:disabled{opacity:.45}.round{display:flex;justify-content:space-between;gap:15px;color:#9298a3;font-size:11px}.round p{margin:0;color:#e2b957}.sent{padding:13px;border:1px solid rgba(78,207,143,.3);border-radius:12px;color:#7ce0ad;background:rgba(39,151,94,.1);text-align:center}.hidden{display:none!important}#message{min-height:22px;color:#9da2ac;font-size:12px;text-align:center}.error{color:#ff9790!important}@media(min-width:600px){.app{padding-top:45px}}
.timer{width:76px;height:76px;margin:12px auto;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(221,170,74,.45);background:radial-gradient(circle,#302514,#11141a 68%);color:#f2c76f;font-size:30px;font-weight:800;box-shadow:0 0 28px rgba(221,170,74,.14)}.result{margin-top:18px;padding:18px;border:1px solid rgba(221,170,74,.24);border-radius:18px;background:linear-gradient(145deg,rgba(38,32,23,.8),rgba(18,21,28,.92));box-shadow:inset 0 1px rgba(255,231,183,.05)}.result h3{color:#f4e5c6}.result>strong{display:block;margin:8px 0 15px;color:#efbd5c;font-size:24px}.result ol{padding-left:24px}.result li{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}#neighbors{margin-top:14px;color:#bfc5cf;font-size:13px;line-height:1.6}