:root{--ink:#173343;--red:#c71735;--paper:#f7f8f6;--line:#d3dfdf;--green:#16614c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.5 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 4vw;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink);font:700 24px system-ui}.brand img{width:50px;height:50px}.brand small{display:block;font:15px system-ui;color:#62757e;margin-top:4px}#account{display:flex;align-items:center;gap:20px}main{max-width:1380px;margin:auto;padding:36px}h1{font:700 clamp(32px,4vw,48px)/1.15 Georgia,serif;margin:10px 0 18px}h2{font-size:26px;line-height:1.25;margin:10px 0 20px}p{max-width:75ch}.kicker{font-size:15px;font-weight:650;color:#687d85;margin:0}.muted{color:#637780;font-size:16px;line-height:1.5}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.connection{display:flex;flex-direction:column;align-items:end;gap:6px;flex-shrink:0;font-size:16px}.connection small{color:#687d85;font-size:14px}.online{color:var(--green)}.offline{color:#b72131}button,.button{font:600 18px system-ui;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid transparent;border-radius:10px;cursor:pointer;background:var(--ink);color:white;text-decoration:none}button:disabled{opacity:.4;cursor:default}.quiet{color:var(--ink);background:white;border-color:var(--line)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c7173570;outline-offset:3px}.tabs{display:flex;gap:8px;margin:26px 0 36px;border-bottom:1px solid var(--line);padding-bottom:12px}.tabs button{background:transparent;color:#62757e}.tabs button[aria-selected=true]{background:var(--ink);color:white}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}legend{font-size:22px;font-weight:700;margin-bottom:18px}.cameras{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.camera{display:flex;flex-direction:column;gap:8px;padding:16px 8px;background:white;color:var(--ink);border-color:var(--line);min-width:0;min-height:100px;font-size:19px}.camera small{font-size:12px;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera[aria-pressed=true]{background:var(--ink);color:white}.camera.running small:before{content:'● ';color:#278967}.camera.running[aria-pressed=true] small:before{color:#7ce1bc}.entry-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:44px;align-items:start}.scenes{display:flex;gap:12px;flex-wrap:wrap}.scenes button{background:white;color:var(--ink);border-color:var(--line);min-width:130px}.scenes button[aria-pressed=true]{background:var(--ink);color:white}input,select{display:block;width:100%;font:20px system-ui;padding:15px 16px;border:1px solid #bdcdd1;background:white;color:var(--ink);border-radius:9px;min-height:54px;margin:8px 0 14px}select{padding-right:30px}.catalogue-note{font-size:14px;line-height:1.45;color:#7a6c50}.start-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.start-panel h2{margin-top:12px}.current-slot{border-left:4px solid #bacbce;padding:12px 16px;background:#f5f8f8;min-height:84px;font-size:17px}.current-slot.running{border-color:var(--green)}.current-slot strong,.current-slot small{display:block}.current-slot small{font-size:15px;color:#637780}.start-panel button{width:100%;margin:7px 0}.primary{background:var(--red);min-height:64px;font-size:24px}.start-panel .muted{font-size:14px;margin-bottom:0}.login{max-width:540px;margin:36px auto;padding:32px;background:white;border:1px solid var(--line);border-radius:14px}.login h1{font-size:40px}.login button{width:100%;margin-top:8px}.login form{margin:24px 0}.login label{font-weight:650}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.filters{display:flex;gap:20px;max-width:700px}.filters label{flex:1}.history-row{background:white;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:14px 0;display:grid;grid-template-columns:130px minmax(0,1fr) 260px;gap:24px}.history-row h3{font-size:21px;margin:0 0 8px;overflow-wrap:anywhere}.history-row p{margin:3px 0;font-size:16px}.history-row time{font-size:15px}.pill{display:inline-block;background:#edf3f4;padding:6px 10px;border-radius:6px;font-weight:650}.history-times div{margin-bottom:8px}.history-times small{display:block;color:#687d85}#message:empty{display:none}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(90vw,800px);width:max-content;background:var(--ink);color:white;padding:16px 22px;border-radius:10px;box-shadow:0 6px 25px #0002;z-index:5}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}footer{padding:24px 4vw;color:#687d85;font-size:14px}[hidden]{display:none!important}@media(max-width:1000px){.cameras{grid-template-columns:repeat(5,minmax(0,1fr))}.entry-grid{gap:24px}.history-row{grid-template-columns:110px minmax(0,1fr)}.history-times{grid-column:2}}@media(max-width:700px){main{padding:24px 16px}.brand{font-size:20px;gap:10px}.brand img{width:42px;height:42px}.brand small{font-size:12px}header{padding:12px 16px;flex-wrap:wrap}#account{width:100%;justify-content:space-between;font-size:16px}#account button{font-size:15px;padding:10px 16px;min-height:42px}.page-heading{display:block}.connection{align-items:start;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:20px}.connection small{align-self:center}.tabs{margin:24px 0}.cameras{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.camera{font-size:17px;min-height:84px;padding:12px 3px}.camera span{font-size:11px}.camera b{font-size:24px}.camera small{font-size:11px}.entry-grid{grid-template-columns:1fr;gap:0}.start-panel{padding:24px}.history-row{display:block;padding:20px}.history-row h3{margin-top:12px}.history-times{margin-top:18px}.filters{gap:12px}.filters label{font-size:16px}.filters select{font-size:16px;padding:12px 8px}.history-heading{align-items:start}.history-heading .button{font-size:15px;padding:11px 14px}.login{padding:24px;margin:10px auto}.login h1{font-size:34px}}

.group-photo{display:block;max-width:100%;width:100%;max-height:260px;object-fit:contain;border-radius:10px;margin:16px 0}details{margin:18px 0;padding:16px;background:white;border:1px solid var(--line);border-radius:10px}summary{cursor:pointer;font-weight:650;min-height:44px}details input[type=file]{font-size:16px;padding:12px;max-width:100%}details button{width:100%}