:root{--bg:#0b0f19;--bg-section:#111827;--bg-card:#1a2035;--border:#1e2a42;--text:#cdd5e4;--text-heading:#e8ecf4;--text-muted:#6b7a94;--accent:#00d4ff;--warn:#ff6b35;--lit:#e0a458;--lit-glow:#e0a45829;--track:#2a3550;--font-body:"Lexend", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f0f2f7;--bg-section:#fff;--bg-card:#fff;--border:#d8dde8;--text:#2a3246;--text-heading:#111827;--text-muted:#6b7a94;--accent:#0097b2;--warn:#e05520;--lit:#d08a2e;--lit-glow:#d08a2e1f;--track:#d8dde8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0}body{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.center{text-align:center;padding:3rem 1rem}.muted{color:var(--text-muted)}.warn{color:var(--warn);font-size:.85em}.notice{background:var(--bg-section);border:1px solid var(--warn);color:var(--text-heading);border-radius:12px;margin:0 0 1rem;padding:.75rem 1rem}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:100dvh;padding:2rem 1rem;display:flex}.login-icon{width:72px;height:72px;margin-bottom:.5rem}.login h1{color:var(--text-heading);margin:0;font-weight:600}.login .notice{max-width:22rem;margin-top:1rem}.google-btn{background:var(--accent);color:#04121a;border-radius:999px;margin-top:1.5rem;padding:.9rem 1.6rem;font-weight:600;text-decoration:none}.app{max-width:34rem;padding:calc(env(safe-area-inset-top) + 1rem) 16px calc(env(safe-area-inset-bottom) + 2rem);margin:0 auto}header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}header h1{color:var(--text-heading);align-items:center;gap:.5rem;margin:0;font-size:1.4rem;font-weight:600;display:flex}header h1 img{width:28px;height:28px}.link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-bottom:1rem;padding:1rem 1rem .5rem;transition:background .3s,border-color .3s}.card.lit{border-color:var(--lit);background:linear-gradient(var(--lit-glow), var(--lit-glow)), var(--bg-card)}.row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.title{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:0;display:flex}.title .name{color:var(--text-heading);font-size:1.25rem;font-weight:600}.status{color:var(--text-muted);margin-top:.15rem;font-size:.9rem}.expand{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.6rem 0 .4rem;font-size:.9rem;display:block}.lights{border-top:1px solid var(--border);padding:.5rem 0 .25rem}.light{padding:.6rem 0}.light+.light{border-top:1px solid var(--border)}.light .name{color:var(--text-heading)}.toggle{background:var(--track);cursor:pointer;border:none;border-radius:999px;flex:none;width:60px;height:34px;padding:0;transition:background .2s;position:relative}.toggle .knob{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle.on{background:var(--lit)}.toggle.on .knob{transform:translate(26px)}.toggle.small{width:50px;height:28px}.toggle.small .knob{width:22px;height:22px}.toggle.small.on .knob{transform:translate(22px)}.toggle:disabled{opacity:.4;cursor:default}.dimmer{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--lit) var(--pct), var(--track) var(--pct));border-radius:12px;width:100%;height:36px;margin:.75rem 0 .25rem}.light .dimmer{height:28px;margin-top:.5rem}.dimmer:disabled{opacity:.4}.dimmer::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:30px;height:30px;box-shadow:0 1px 4px #00000059}.dimmer::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:30px;height:30px;box-shadow:0 1px 4px #00000059}.light .dimmer::-webkit-slider-thumb{width:24px;height:24px}.light .dimmer::-moz-range-thumb{width:24px;height:24px}