:root{--bg: #0f1115;--bg-2: #161a21;--card: #1b2029;--card-2: #222835;--line: #2a3140;--text: #e8ebf0;--muted: #8d95a5;--accent: #d9a441;--ok: #3fb97c;--warn: #e0a640;--bad: #d9534f;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}img,video{display:block;max-width:100%}a{color:inherit}.screen{min-height:100dvh;display:flex;flex-direction:column}.center{align-items:center;justify-content:center;text-align:center}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--bad);margin:8px 0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.02em}.brand.big{font-size:22px;justify-content:center}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.tabs{display:flex;gap:4px;margin-left:auto;background:var(--bg-2);padding:3px;border-radius:999px}.tabs button{border:0;background:transparent;color:var(--muted);padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease}.tabs button.active{background:var(--card-2);color:var(--text)}.ghost{border:1px solid var(--line);background:transparent;color:var(--muted);padding:6px 12px;border-radius:999px;cursor:pointer}.ghost:hover{color:var(--text);border-color:var(--muted)}.primary{border:0;background:var(--accent);color:#1a1405;font-weight:600;padding:12px 16px;border-radius:10px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.primary:active{transform:translateY(1px)}.primary:disabled{filter:saturate(.4) brightness(.8);cursor:default}.content{padding:16px;max-width:1100px;width:100%;margin:0 auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.login{width:min(380px,92vw);padding:28px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.login label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);text-align:left}.login input{padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);outline:none}.login input:focus{border-color:var(--accent)}.login p{margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.camera{overflow:hidden;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.camera:hover{transform:translateY(-2px);border-color:var(--muted)}.thumb{position:relative;aspect-ratio:4 / 3;background:var(--bg-2)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:13px}.thumb-empty.small{width:96px;height:72px;border-radius:8px;background:var(--bg-2)}.status{position:absolute;left:10px;top:10px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px;background:#0000008c;backdrop-filter:blur(6px)}.status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--bad);vertical-align:1px}.status.online:before{background:var(--ok);animation:pulse 1.8s ease-in-out infinite}.status.connecting:before{background:var(--warn)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.camera-meta{display:flex;flex-direction:column;gap:2px;padding:12px 14px}.filters{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.filters select,.filters input{padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text)}.day{font-size:13px;font-weight:500;color:var(--muted);text-transform:capitalize;margin:18px 0 8px;letter-spacing:.02em}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.event{display:flex;align-items:center;gap:12px;padding:10px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.event:hover{border-color:var(--muted);background:var(--card-2)}.event-thumb img{width:96px;height:72px;object-fit:cover;border-radius:8px}.event-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.event-meta strong{font-variant-numeric:tabular-nums}.chev{margin-left:auto;color:var(--muted);font-size:22px;padding-right:6px}.modal{position:fixed;inset:0;z-index:10;background:#000000b3;display:grid;place-items:center;padding:12px;animation:fade .14s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-body{width:min(900px,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.modal-body header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.modal-body video{width:100%;aspect-ratio:4 / 3;background:#000}.video-skeleton{aspect-ratio:4 / 3;display:grid;place-items:center;color:var(--muted)}.modal-body a{display:block;padding:10px 14px;text-decoration:none}.modal-body a:hover{color:var(--text)}@media (max-width: 520px){.topbar{padding-left:12px;padding-right:12px}.tabs button{padding:6px 11px}.content{padding:12px}}