:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101a24;color:#eef5fb}*{box-sizing:border-box}body{margin:0}main{max-width:570px;margin:auto;padding:40px 22px}.eyebrow{color:#8fc8fb;letter-spacing:.16em;font-size:.75rem}h1{font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.05;margin:20px 0}.intro{color:#bed0df;line-height:1.6}section,details{background:#192735;border:1px solid #34495b;border-radius:16px;padding:22px;margin:18px 0}h2{font-size:1.2rem;margin-top:0}label{display:block;margin-bottom:12px}input{width:100%;font:inherit;border:1px solid #617d93;border-radius:8px;padding:12px;background:#101a24;color:inherit}button{font:inherit;font-weight:600;background:#a4d1fa;color:#10202e;border:1px solid transparent;border-radius:9px;padding:13px 18px;margin:14px 8px 0 0;cursor:pointer}button.secondary{background:transparent;color:#d6e8f7;border-color:#617d93}button:disabled{opacity:.4;cursor:default}.actions button{width:100%;margin-right:0}.status-line{display:flex;gap:12px;align-items:center}.dot{display:block;flex:none;width:10px;height:10px;border-radius:50%;background:#d6a963}.dot.online{background:#7fd9ae}.state{font-size:1.3rem;font-weight:700;margin:0}.muted,footer{color:#adc0d0;font-size:.88rem;line-height:1.55}#countdown{color:#ffc587;font-size:1.15rem}#message{line-height:1.5;color:#c9e5ff}summary{cursor:pointer;font-weight:600}details p{line-height:1.6}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffc587;outline-offset:3px}[hidden]{display:none!important}