:root{--bg: #f6f7f9;--panel: #ffffff;--line: #e2e5ea;--text: #16181d;--muted: #6b7280;--ok: #1a7f37;--bad: #c02626;--accent: #2563eb;--radius: 10px}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--panel: #171a21;--line: #262b35;--text: #e6e8ec;--muted: #9aa1ad;--ok: #3fb950;--bad: #f85149;--accent: #4c8dff}}*{box-sizing:border-box}.top,.choice,.pill,.tag,.row-label,.cam-name,h1,h2,h3{-webkit-user-select:none;user-select:none}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.wrap{max-width:1100px;margin:0 auto;padding:16px 16px 48px}.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-bottom:8px}.top-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.top-actions .choice{padding:5px 11px;font-size:13px}.top-actions-secondary{justify-content:flex-end;margin:-2px 0 10px}h1{font-size:22px;margin:0;white-space:nowrap}h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:28px 0 10px}h3{font-size:16px;margin:0}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.err{color:var(--bad);font-size:13px}.ok-text{color:var(--ok);font-size:13px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card.down{opacity:.65}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.pill{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.pill.ok{color:var(--ok)}.pill.bad{color:var(--bad)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:6px 0}.row-label{color:var(--muted)}.row-value{font-variant-numeric:tabular-nums;font-weight:600}.unit{font-weight:400;color:var(--muted)}.choices{display:flex;gap:6px;flex-wrap:wrap}.choice{font:inherit;font-size:14px;padding:7px 13px;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:8px;cursor:pointer}.choice:hover:not(:disabled){border-color:var(--accent)}.icon-btn{padding:0;width:36px;height:34px;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.choice.on{background:var(--accent);border-color:var(--accent);color:#fff}.choice.pending{opacity:.6;font-style:italic}.choice:disabled{cursor:not-allowed;opacity:.5}.infra{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.infra-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line)}.infra-row:last-child{border-bottom:0}.infra-row .row-label{flex:1;color:var(--text)}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}.dot.up{background:var(--ok)}.dot.down{background:var(--bad)}.dot.checking{background:#d29922}.banner{background:color-mix(in srgb,var(--bad) 12%,var(--panel));border:1px solid var(--bad);border-radius:var(--radius);padding:10px 14px;margin-top:12px}.events{list-style:none;margin:0;padding:0}.events li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}.events li:last-child{border-bottom:0}.events li>span:nth-child(2){flex:1}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:5px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.tag.down,.tag.infra_down{color:var(--bad);border-color:var(--bad)}.tag.up,.tag.infra_up{color:var(--ok);border-color:var(--ok)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:80vh}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px}.login-field{display:flex;flex-direction:column;gap:4px}.settings-form{display:flex;flex-direction:column;gap:12px;max-width:320px}.settings-form .choice.on{align-self:flex-start}.login-field input{font:inherit;font-size:15px;padding:8px 10px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px}.login-field input:focus{outline:none;border-color:var(--accent)}.login-card .choice{background:var(--accent);border-color:var(--accent);color:#fff}.login-card .choice:disabled{opacity:.5}.sched-wrap{overflow-x:auto;margin-bottom:16px}.sched-table{width:100%;border-collapse:collapse;font-size:13px}.sched-table th,.sched-table td{padding:6px 8px;text-align:center;white-space:nowrap}.sched-table thead th{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.sched-table tbody th{text-align:left;color:var(--text);font-weight:600}.sched-cell{border:1px solid var(--line);border-radius:6px;cursor:pointer}.sched-cell:hover{border-color:var(--accent)}.sched-cell.sel{border-color:var(--accent);background:var(--panel);box-shadow:inset 0 0 0 1px var(--accent)}.sched-time{line-height:1.2}.sched-temps{font-variant-numeric:tabular-nums;font-weight:600}.sched-heat{color:var(--bad)}.sched-cool{color:var(--accent);margin-left:6px}.cam-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cam-tile{position:relative;display:block;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:#000;overflow:hidden;cursor:pointer;aspect-ratio:16 / 9}.cam-tile img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.cam-tile:hover{border-color:var(--accent)}.cam-name{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;background:linear-gradient(transparent,#000000bf);color:#fff;font-size:13px;text-align:left}.cam-fail{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:13px}.cam-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000}.cam-full img{width:100%;height:100%;object-fit:contain;display:block}.cam-full video{width:100%;height:100%;object-fit:contain;display:block}.cam-full .cam-fail{color:#aaa;text-align:center;padding:12px}.rec-unplayable{color:#aaa;text-align:center;padding:12px;display:flex;flex-direction:column;gap:12px;align-items:center}.rec-cam-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.choice.active{background:var(--accent);border-color:var(--accent);color:#fff}.rec-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rec-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font:inherit;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);cursor:pointer}.rec-row:last-child{border-bottom:0}.rec-row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.rec-size{color:var(--muted);font-size:13px}.wifi-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}.wifi-row:last-child{border-bottom:0}.wifi-add-btn,.wifi-add-form{margin-top:14px}@media(orientation:portrait){.cam-full img{width:100vh;height:100vw;transform:rotate(90deg)}}.pan-pad{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px}.pan-btn{font:inherit;font-size:15px;color:#fff;background:#00000073;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.pan-btn:active{background:var(--accent);border-color:var(--accent)}.pan-up{grid-area:1 / 2}.pan-left{grid-area:2 / 1}.pan-right{grid-area:2 / 3}.pan-down{grid-area:3 / 2}