:root{color-scheme:light;--nav:#071536;--accent:#079cbd;--ink:#17354e;--muted:#567086;--border:#dce6ed}*{box-sizing:border-box}body{margin:0;background:#edf3f8;color:var(--ink);font:15px/1.5 system-ui,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #cbd9e4;border-radius:10px;padding:10px 17px;background:white;color:var(--ink);font-weight:650}button:hover{background:#edf7fd}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:20}.skip:focus{top:0}header{background:var(--nav);color:white;padding:12px 22px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.brand{text-decoration:none;font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.3}.brand small{display:block;font-size:11px;font-weight:400;color:#b8cde0;letter-spacing:0}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{font-size:13px;font-weight:650;text-decoration:none;color:#c0d1e4;padding:11px 0 8px;border-bottom:3px solid transparent}nav a[aria-current]{color:white;border-color:#0eb2d0}nav .sister{color:#70d6ea}main{max-width:1440px;margin:auto;padding:30px 24px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--muted);margin:0 0 6px}h1{font-size:32px;letter-spacing:-.7px;line-height:1.2;margin:0 0 10px}.intro p:not(.eyebrow){color:var(--muted);margin:0;max-width:700px}.filters{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin:26px 0 16px}.filters>label:first-child{font-weight:650;font-size:13px;flex:1;max-width:480px}.filters input[type=search]{display:block;width:100%;margin-top:7px;min-height:46px;border:1px solid #cbd9e4;border-radius:10px;padding:10px 13px;font-size:16px;background:white;color:var(--ink)}.check{display:flex;align-items:center;gap:10px;min-height:46px;font-size:13px}.check input{width:19px;height:19px;accent-color:var(--accent)}#cameraStatus{font-size:13px;color:var(--muted)}.notice{background:#fff3d9;border-left:3px solid #b87a13;padding:12px 15px;font-size:13px}.camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.camera-card{border:1px solid var(--border);border-radius:13px;background:white;overflow:hidden;min-width:0}.camera-image{padding:0;border:0;border-radius:0;background:#dce6ed;width:100%;display:block;aspect-ratio:4/3;position:relative;overflow:hidden}.camera-image img{display:block;width:100%;height:100%;object-fit:contain;background:#10243a}.camera-image:focus-visible{outline-offset:-4px}.camera-image .failed{position:absolute;inset:0;display:grid;place-items:center;background:#e4ebf0;padding:20px;font-size:14px;color:var(--muted);font-weight:400}.camera-body{padding:16px}.camera-body h2{margin:0 0 5px;font-size:17px;line-height:1.3;overflow-wrap:anywhere}.camera-body p{margin:4px 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.camera-body time{font-weight:650}.camera-body .old{color:#945415}.camera-body .missing{color:#945415}.no-photo{aspect-ratio:4/3;display:grid;place-items:center;background:#e4ebf0;padding:20px;color:var(--muted);text-align:center;font-size:14px}.more-row{display:flex;justify-content:center;margin:28px 0 10px}#cameraMore,#cameraRefresh{background:var(--nav);color:white;border-color:var(--nav)}footer{max-width:1440px;margin:auto;padding:12px 24px 30px;font-size:12px;color:var(--muted)}dialog{border:0;border-radius:14px;padding:22px;width:min(1100px,94vw);max-height:94dvh;color:var(--ink);background:white}dialog::backdrop{background:#071536d9}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-head h2{font-size:21px;margin:0;overflow-wrap:anywhere}#cameraDialogMeta{font-size:13px;color:var(--muted)}#cameraDialogImage{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;background:#10243a}body.modal-open{overflow:hidden}@media(min-width:1400px){.camera-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){header{padding:10px 14px;gap:5px 20px}.brand{font-size:23px}.brand small{display:none}nav{flex-basis:100%;gap:16px}nav a{font-size:11px;padding:9px 0 6px}main{padding:22px 14px}.intro{align-items:start;gap:14px}.intro>div{min-width:0}h1{font-size:27px}.intro p:not(.eyebrow){font-size:13px}.intro button{padding:10px 12px;font-size:12px}.filters{gap:7px;margin-top:20px}.filters>label:first-child{flex-basis:100%;max-width:none}.camera-grid{grid-template-columns:1fr;gap:16px}footer{padding:10px 14px 24px}dialog{padding:14px}.dialog-head h2{font-size:17px}.eyebrow{font-size:9px}}