:root{color:#f8fafc;background:#0b1120;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#172554 0,#0b1120 38%);min-height:100vh;margin:0}main{width:min(760px,100%);margin:auto;padding:34px 18px 60px}header{text-align:center;margin-bottom:22px}h1{letter-spacing:-2px;margin:0;font-size:clamp(34px,8vw,58px)}header p{color:#94a3b8;margin:5px}.card{background:#111827;border:1px solid #263244;border-radius:18px;padding:20px;box-shadow:0 18px 50px #0006}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}label{gap:7px;margin-bottom:15px;font-size:14px;font-weight:700;display:grid}input,select{color:#fff;background:#1f2937;border:1px solid #475569;border-radius:9px;outline:none;width:100%;padding:12px;font-size:17px}.loop{justify-content:space-between;align-items:center;margin:4px 0 18px;display:flex}.loop small{color:#94a3b8;margin-top:4px;font-weight:400;display:block}.switch{background:#475569;border:0;border-radius:30px;width:52px;height:30px;padding:3px}.switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:all .2s;display:block}.switch.on{background:#2563eb}.switch.on span{transform:translate(22px)}.cuebox{background:#1e293b;border-radius:11px;margin-bottom:17px;padding:14px}.cuebox p{color:#cbd5e1;margin:5px 0 0;font-size:13px}.start{color:#fff;background:#2563eb;border:0;border-radius:10px;width:100%;padding:15px;font-size:18px;font-weight:800}.status{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px;display:grid}.status div{text-align:center;background:#111827;border:1px solid #263244;border-radius:12px;padding:13px}.status span{color:#94a3b8;font-size:11px;display:block}.status strong{font-size:20px}footer{text-align:center;color:#64748b;margin-top:24px;font-size:12px}@media (width<=520px){main{padding-top:24px}.grid{gap:10px}.card{padding:16px}.status{grid-template-columns:1fr 1fr}}