:root{--fog: #e5ebed;--panel: #f6f9f9;--ink: #10272d;--muted: #5b7076;--line: #c6d2d5;--lamp: #f2b134;--lamp-ink: #2b1d00;--teal: #1c6b73;--danger: #b3402f;--font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--fog);color:var(--ink);font:400 16px/1.5 var(--font)}h1{font-size:2rem;line-height:1.15;margin:0 0 .5rem;font-weight:700;letter-spacing:-.01em}h2{font-size:1.15rem;margin:2rem 0 .75rem;font-weight:600}a{color:var(--teal)}code{font-size:.85em;word-break:break-all}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center;padding:4rem}.error{color:var(--danger);font-weight:500}.empty{padding:1.25rem;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.shell main{max-width:1040px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.topbar{display:flex;align-items:center;gap:2rem;padding:.75rem 1.25rem;background:var(--ink);color:#fff}.brand{font-weight:700}.topbar nav{display:flex;gap:1.25rem;flex:1}.topbar nav a{color:#b9cdd2;text-decoration:none;padding:.25rem 0}.topbar nav a.active{color:#fff;border-bottom:2px solid var(--lamp)}.who{display:flex;gap:.75rem;align-items:center;font-size:.9rem}.who .ghost{color:#fff;border-color:#4c666d}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button.primary{background:var(--teal);color:#fff;border:0;border-radius:8px;padding:.6rem 1rem;font-weight:600}button.primary:disabled{opacity:.6}button.ghost{background:transparent;border:1px solid var(--line);border-radius:8px;padding:.5rem .9rem}button.link{background:none;border:0;color:var(--teal);padding:0;text-decoration:underline}.danger{color:var(--danger)!important}input,select{width:100%;padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:#fff}input[type=checkbox]{width:auto}label{display:grid;gap:.25rem;font-weight:500;font-size:.9rem}label small{font-weight:400;color:var(--muted)}select{width:auto}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.hero{padding:1rem 0 .5rem}.stats{display:flex;gap:2rem;flex-wrap:wrap;margin:1rem 0}.stats dt{font-size:.85rem;color:var(--muted)}.stats dd{margin:0;font-size:1.6rem;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.tile{display:flex;align-items:stretch;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:background .25s,border-color .25s}.tile-main{flex:1;display:grid;gap:.15rem;padding:1rem;text-decoration:none;color:inherit;align-content:start;min-height:110px}.tile-type{font-size:.8rem;color:var(--muted)}.tile-state{font-size:.85rem;margin-top:auto}.tile.on{background:var(--lamp);border-color:#d99a1f;color:var(--lamp-ink)}.tile.on .tile-type{color:#5a4210}.tile.offline{opacity:.6}.tile .switch{margin:1rem 1rem 0 0;align-self:flex-start}.switch{width:46px;height:26px;border-radius:13px;border:0;background:#9fb1b5;padding:3px;flex:none;transition:background .2s}.switch span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true] span{transform:translate(20px)}.switch.big{width:64px;height:36px;border-radius:18px}.switch.big span{width:30px;height:30px}.switch.big[aria-checked=true] span{transform:translate(28px)}.feed{list-style:none;padding:0;margin:0}.feed li{display:flex;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--line);align-items:baseline}.feed time{margin-left:auto;color:var(--muted);font-size:.85rem}.back{font-size:.9rem}.detail-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem;margin:.75rem 0 1.5rem;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.detail-head.on{background:var(--lamp);border-color:#d99a1f;color:var(--lamp-ink)}.detail-head.on .muted{color:#5a4210}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);margin-bottom:1rem;overflow-x:auto}.tabs button{background:none;border:0;padding:.6rem 1rem;border-bottom:3px solid transparent;color:var(--muted)}.tabs button.active{color:var(--ink);border-color:var(--teal);font-weight:600}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.85rem;color:var(--muted);font-weight:500}.inline-form{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap;margin-bottom:1rem}.inline-form .grow{flex:1;min-width:200px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#10272d80;display:grid;place-items:center;padding:1rem}.modal{background:var(--panel);border-radius:14px;padding:1.5rem;width:min(440px,100%);display:grid;gap:.9rem;max-height:95vh;overflow:auto}.modal h2{margin:0}.auth{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:2rem;width:min(400px,100%);display:grid;gap:1rem}.auth-card h1{font-size:1.5rem}@media (max-width: 640px){.topbar{gap:1rem;flex-wrap:wrap}h1{font-size:1.6rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.color-panel{margin:0 0 1.5rem;padding:1rem 1.25rem;background:var(--panel);border:1px solid var(--line);border-radius:14px}.color-panel h2{margin:0 0 .75rem}.color-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.picker input[type=color]{width:56px;height:44px;padding:2px;border-radius:10px;cursor:pointer}.hex{font-size:1rem;min-width:74px}.swatches{display:flex;gap:.45rem}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);padding:0}.swatch.sel{box-shadow:0 0 0 3px var(--teal)}.color-row .primary{margin-left:auto}