:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#edf2fc;background:#0d1220;font-size:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#1b2942 0,transparent 48%);min-height:100vh}main{max-width:1000px;margin:auto;padding:30px 24px}header{display:flex;gap:25px;align-items:center;border-bottom:1px solid #ffffff12;padding:4px 0 27px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:28px;font-weight:750}.dot{color:#a4f277}.tag{font-size:10px;letter-spacing:2px;color:#8391a8;margin-left:auto}.eyebrow{letter-spacing:2.5px;font-size:11px;color:#a4f277;font-weight:650;margin-top:0}h1{font-size:clamp(30px,5.5vw,56px);letter-spacing:-2px;line-height:1.13;margin:20px 0}h1 span{color:#8798b3}.intro{color:#a8b6cd;line-height:1.8;max-width:440px;font-size:17px}#login{padding:65px 0 35px}.card{background:#161e2e;border:1px solid #2a3547;border-radius:20px;padding:26px;margin:18px 0}.login{max-width:420px;margin-top:34px}label{display:block;margin-bottom:10px;color:#c0cbe0;font-size:13px}input{font:inherit;background:#0e1524;border:1px solid #354259;border-radius:10px;padding:14px;color:#fff;width:100%;outline:none}input:focus{border-color:#a4f277}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:13px 17px;font-weight:600;transition:background .2s}button:disabled{opacity:.45;cursor:wait}.primary{background:#a4f277;color:#172514}.primary:hover{background:#b9ff93}.secondary{background:#26344a;color:#e3ebf9}.quiet{background:transparent;color:#a8b6cd;padding:8px}.danger{background:#432632;color:#ffadba}.login button{width:100%;margin:16px 0;display:flex;justify-content:space-between}small,.muted{color:#8391a8;font-size:12px;line-height:1.6}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:45px}.heading h1{font-size:36px;margin:10px 0}.heading .eyebrow{margin:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:21px;margin:0;letter-spacing:-.5px}.badge{font-size:11px;padding:6px 10px;border-radius:20px;color:#a4f277;background:#a4f2121a;white-space:nowrap}.badge.off{color:#aab6c9;background:#ffffff0b}.timebox{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0;background:#101827;padding:20px;border-radius:14px}.clock{font-size:35px;font-variant-numeric:tabular-nums;letter-spacing:-1px;font-weight:650}.timebox p{margin:3px 0}.timer-label{color:#91a2bc;font-size:12px}.presets{display:flex;flex-wrap:wrap;gap:8px}.presets button{flex:1;white-space:nowrap}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.custom{display:flex;gap:8px;margin:12px 0}.custom input{max-width:140px}.custom button{flex:1}.connection{margin-bottom:0;color:#8798b3;font-size:12px}.pair-code{font-size:36px;letter-spacing:6px;color:#a4f277;margin:25px 0;font-family:monospace}.empty{text-align:center;padding:60px 20px}.empty p{color:#91a2bc}summary{cursor:pointer;font-weight:600}details p{line-height:1.7;color:#a8b6cd}#passwordForm{max-width:430px}#passwordForm button{margin-top:12px}.event{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff0a;padding:12px 0;font-size:13px}.event time{color:#8391a8;font-size:11px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:15px;color:#65738b;font-size:10px;letter-spacing:1px;border-top:1px solid #ffffff12;margin-top:45px;padding:24px 0;line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#ecf4ff;color:#192235;border-radius:12px;padding:15px 22px;max-width:92vw;width:max-content;box-shadow:0 10px 60px #0009;z-index:5}[hidden]{display:none!important}@media(min-width:800px){#devices{display:grid;grid-template-columns:1fr 1fr;gap:18px}#devices .card{margin:10px 0}.empty{grid-column:1/-1}}@media(max-width:520px){main{padding:20px 16px}.tag{font-size:8px;letter-spacing:1px}header{gap:10px}.heading{align-items:flex-start;flex-direction:column;margin-top:30px}.heading h1{font-size:31px}.heading>.primary{width:100%}.card{padding:20px}.clock{font-size:29px}footer{flex-direction:column}.actions button{padding:13px 8px;font-size:13px}.presets button{padding:12px 8px}#login{padding-top:45px}}