:root{--font:Arial, Helvetica, sans-serif;--c-bg:#000;--c-text:#fff;--c-text-muted:#aaa;--c-label:#ccc;--c-surface:#141414f2;--c-surface-2:#1e1e1ef2;--c-overlay:#0a0a0afa;--c-line:#333;--c-line-2:#444;--c-input:#333;--c-input-border:#555;--c-red:red;--c-orange:#f60;--c-yellow:#fc0;--c-red-tint:#f003;--c-phase-normal:#d9d9d9;--c-phase-warn:var(--c-yellow);--c-phase-critical:var(--c-red);--c-track:#333;--clock-size-large:clamp(1rem, 18.5vw, 70vh);--clock-size-medium:clamp(1rem, 12vw, 45vh);--clock-size-small:clamp(1rem, 7vw, 25vh);--clock-box-radius:.75rem;--bar-height:10vh;--bar-min-height:4rem;--bar-text:clamp(1rem, 1.8vw, 3vh);--bar-label:clamp(.7rem, 1vw, 1.5vh);--bar-track-height:1vh;--radius:.4rem;--gap:1rem}*{box-sizing:border-box}html,body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);margin:0}input,select{background:var(--c-input);border:.1rem solid var(--c-input-border);width:100%;color:var(--c-text);font:inherit;border-radius:.3rem;padding:.6rem}.btn{border-radius:var(--radius);font:inherit;color:var(--c-text);background:var(--c-line-2);cursor:pointer;border:none;padding:.6rem 1.2rem;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--c-orange)}.btn-danger{background:var(--c-red)}.page{padding:2rem}[hidden]{display:none!important}.login-page{min-height:100vh;padding:var(--gap);place-items:center;display:grid}.login-card{background:var(--c-surface);border:.1rem solid var(--c-line-2);border-radius:var(--radius);flex-direction:column;gap:.5rem;width:min(22rem,100%);padding:2rem;display:flex}.login-title{text-align:center;border-bottom:.2rem solid var(--c-red);margin:0 0 1rem;padding-bottom:.75rem;font-size:1.6rem}.login-card label{color:var(--c-label);margin-top:.5rem;font-weight:700}.login-message{min-height:1.4em;color:var(--c-yellow);margin:.5rem 0}.admin-header{z-index:50;background:var(--c-surface);border-bottom:.2rem solid var(--c-line);flex-wrap:wrap;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex;position:sticky;top:0}.admin-header h1{margin:0;font-size:1.3rem}.header-actions{gap:.5rem;margin-left:auto;display:flex}.dirty-badge{background:var(--c-orange);border-radius:1rem;padding:.3rem .8rem;font-weight:700}.admin-main{max-width:90rem;margin:0 auto;padding:1.5rem}.admin-section{background:var(--c-surface);border:.1rem solid var(--c-line);border-radius:var(--radius);margin-bottom:2rem;padding:1.25rem 1.5rem}.section-head{border-bottom:.15rem solid var(--c-red);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.section-head h2{margin:0;font-size:1.2rem}.status-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem;display:grid}.preview-box{aspect-ratio:16/9;border:.1rem solid var(--c-line-2);background:repeating-conic-gradient(#222 0% 25%,#2c2c2c 0% 50%) 0 0/2rem 2rem;position:relative;overflow:hidden}.preview-frame{transform-origin:0 0;pointer-events:none;border:0;width:1920px;height:1080px;position:absolute;top:0;left:0}.status-list{grid-template-columns:max-content 1fr;align-content:start;gap:.6rem 1rem;margin:0;display:grid}.status-list dt{color:var(--c-text-muted)}.status-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.status-ok{color:#2ecc71}.status-bad,.phase-critical{color:var(--c-red)}.phase-warn{color:var(--c-yellow)}.day-heading{color:var(--c-text-muted);text-transform:uppercase;margin:1.5rem 0 .5rem;font-size:1rem}.program-row{border-bottom:.1rem solid var(--c-line);border-left:.3rem solid #0000;grid-template-columns:4.5rem minmax(0,1fr) 5.5rem auto;align-items:center;gap:1rem;padding:.7rem 1rem;display:grid}.program-row.is-past{opacity:.45}.program-row.is-current{background:var(--c-red-tint);border-left-color:var(--c-red)}.row-time{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.row-sub,.row-note,.row-gap{color:var(--c-text-muted);font-size:.9rem}.row-note{font-style:italic}.row-badges{gap:.4rem;margin-top:.3rem;display:flex}.badge{background:var(--c-line-2);border-radius:.3rem;padding:.1rem .5rem;font-size:.8rem}.badge-warn{background:var(--c-yellow);color:#000}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.row-actions .btn{padding:.4rem .7rem;font-size:.85rem}.now-line{border-top:.15rem solid var(--c-orange);color:var(--c-orange);margin:.2rem 0;padding:.2rem 1rem;font-size:.85rem;font-weight:700}.quick-buttons{gap:.4rem;margin-bottom:1rem;display:flex}.shift-preview{font-variant-numeric:tabular-nums;max-height:16rem;margin-top:1rem;overflow-y:auto}.shift-row{border-bottom:.1rem solid var(--c-line);grid-template-columns:7rem 1.5rem 7rem minmax(0,1fr);gap:.5rem;padding:.3rem 0;display:grid}.shift-new{color:var(--c-orange);font-weight:700}.shift-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:2rem;display:grid}.setting{margin-bottom:1rem}.setting-label{color:var(--c-label);margin-bottom:.4rem;font-weight:700;display:block}.segmented{border:.1rem solid var(--c-input-border);border-radius:var(--radius);flex-wrap:wrap;display:inline-flex;overflow:hidden}.segment{border:none;border-right:.1rem solid var(--c-input-border);background:var(--c-input);color:var(--c-text);font:inherit;cursor:pointer;padding:.5rem .9rem}.segment:last-child{border-right:none}.segment.is-active{background:var(--c-orange);font-weight:700}.is-invalid{border-color:var(--c-red)!important}.data-actions{gap:.5rem;display:flex}@media (width<=1100px){.status-grid,.settings-grid{grid-template-columns:1fr}.program-row{grid-template-columns:4.5rem minmax(0,1fr) 5rem}.row-actions{grid-column:1/-1}}.import-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.import-table th,.import-table td{border-bottom:.1rem solid var(--c-line);text-align:left;padding:.4rem .6rem}.toasts{z-index:1000;flex-direction:column;gap:.5rem;max-width:28rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--radius);background:var(--c-surface-2);border-left:.3rem solid var(--c-line-2);padding:.8rem 1.2rem;font-weight:700}.toast-ok{border-left-color:#2ecc71}.toast-error{border-left-color:var(--c-red)}.dialog{width:min(36rem,100vw - 2rem);color:var(--c-text);background:var(--c-surface);border:.1rem solid var(--c-line-2);border-radius:var(--radius);padding:1.5rem}.dialog::backdrop{background:#000000b3}.dialog h2{border-bottom:.15rem solid var(--c-red);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.3rem}.dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.form-grid{grid-template-columns:8rem 1fr;align-items:center;gap:.6rem 1rem;display:grid}.form-grid label{color:var(--c-label);font-weight:700}.hint{color:var(--c-text-muted);font-size:.9rem}.warning{color:var(--c-yellow)}.error{color:var(--c-red);font-weight:700}textarea{background:var(--c-input);border:.1rem solid var(--c-input-border);width:100%;min-height:4rem;color:var(--c-text);font:inherit;resize:vertical;border-radius:.3rem;padding:.6rem}html.is-display,html.is-display body{overflow:hidden}html[data-page-bg=black],html[data-page-bg=black] body{background:#000}html[data-page-bg=white],html[data-page-bg=white] body{background:#fff}html[data-page-bg=semi],html[data-page-bg=semi] body{background:#00000080}html[data-page-bg=none],html[data-page-bg=none] body{background:0 0}.display{--bar-fs:clamp(14px, min(3.6vh, 2.1vw), 72px);--bar-label-fs:clamp(11px, min(2.3vh, 1.35vw), 44px);--bar-rem-fs:clamp(18px, min(5.8vh, 3.3vw), 120px);--bar-pad-y:1.4vh;--bar-pad-x:2vw;--track-h:clamp(6px, 1.3vh, 24px);color:var(--c-text);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.display :focus{outline:none}.display.is-idle,.display.is-idle *{cursor:none!important}.clock-area{flex:1;order:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:1.5vh 2vw;display:flex;container-type:size}.display[data-clock-position=top] .clock-area{align-items:flex-start}.display[data-clock-position=bottom] .clock-area{align-items:flex-end}.clock{white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff;border-radius:.1em;padding:.04em .22em;font-weight:700;line-height:1}.display[data-clock-size=large] .clock{font-size:min(19cqw,83cqh)}.display[data-clock-size=large][data-show-seconds=false] .clock{font-size:min(28cqw,83cqh)}.display[data-clock-size=medium] .clock{font-size:min(14.5cqw,64cqh)}.display[data-clock-size=medium][data-show-seconds=false] .clock{font-size:min(21.5cqw,64cqh)}.display[data-clock-size=small] .clock{font-size:min(9cqw,38cqh)}.display[data-clock-size=small][data-show-seconds=false] .clock{font-size:min(13.5cqw,38cqh)}.display[data-clock-color=black] .clock{color:#000}.display[data-clock-color=red] .clock{color:var(--c-red)}.display[data-clock-background=black] .clock{background:#000}.display[data-clock-background=light] .clock{background:#000c}.display[data-clock-background=semi] .clock{background:#00000080}.bar{background:var(--c-surface);border-top:.2rem solid var(--c-line);cursor:pointer;flex-shrink:0;order:2;min-height:24px;display:flex}.display[data-progress-position=top] .bar{border-top:none;border-bottom:.2rem solid var(--c-line);order:0}.bar-current{min-width:0;padding:var(--bar-pad-y) var(--bar-pad-x);flex-direction:column;flex:2 1 0;justify-content:center;gap:.9vh;display:flex}.bar-current-row{align-items:baseline;gap:1.5vw;min-width:0;display:flex}.bar-current-text,.bar-next-label,.bar-next-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bar-current-text{font-size:var(--bar-fs);flex:1;font-weight:700}.bar-sub{color:var(--c-text-muted);margin-left:.6em;font-weight:400}.bar-sub:empty{display:none}.bar-remaining{font-size:var(--bar-rem-fs);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700;line-height:1}.bar-track{height:var(--track-h);background:var(--c-track);border-radius:999px;overflow:hidden}.bar-fill{transform-origin:0;background:linear-gradient(90deg,#5c5c5c 0%,#b8b8b8 60%,#f4f4f4 100%);border-radius:999px;width:100%;height:100%;transform:scaleX(0)}.bar-next{min-width:0;padding:var(--bar-pad-y) var(--bar-pad-x);background:var(--c-surface-2);border-left:.15rem solid var(--c-line-2);flex-direction:column;flex:1 1 0;justify-content:center;gap:.4vh;display:flex}.bar-next-label{font-size:var(--bar-label-fs);color:var(--c-orange);text-transform:uppercase;font-weight:700}.bar-next-text{font-size:var(--bar-fs);font-weight:700}.display[data-phase=warn] .bar-fill{background:linear-gradient(90deg,#b35f00 0%,#ff9500 55%,#ffd200 100%)}.display[data-phase=warn] .bar-remaining{color:var(--c-phase-warn)}.display[data-phase=critical] .bar-fill{background:linear-gradient(90deg,#8f0000 0%,red 60%,#ff6a1a 100%)}.display[data-phase=critical] .bar-remaining{color:var(--c-phase-critical)}.display[data-kind=after] .bar-fill{opacity:.35}.display[data-kind=after] .bar-next-text{color:var(--c-text-muted)}.display[data-kind=empty] .bar-track,.display[data-kind=empty] .bar-next,.display.no-caption .bar{display:none}@media (aspect-ratio>=3){.display{--bar-fs:clamp(12px, min(9vh, 1.7vw), 72px);--bar-label-fs:clamp(10px, min(6vh, 1.1vw), 44px);--bar-rem-fs:clamp(16px, min(15vh, 2.8vw), 120px);--bar-pad-y:3vh;--bar-pad-x:1.5vw;--track-h:clamp(6px, 4vh, 24px);flex-direction:row}.clock-area{flex:0 38%;align-items:center!important}.bar,.display[data-progress-position=top] .bar{border:none;border-left:.2rem solid var(--c-line);flex:62%}.display[data-progress-position=top] .bar{border-left:none;border-right:.2rem solid var(--c-line)}}@media (aspect-ratio<=4/5){.display{--bar-fs:clamp(14px, min(3.2vh, 4.6vw), 72px);--bar-label-fs:clamp(11px, min(2.1vh, 3vw), 44px);--bar-rem-fs:clamp(18px, min(5vh, 7vw), 120px)}.bar{flex-direction:column}.bar-next{border-left:none;border-top:.15rem solid var(--c-line-2)}}.conn-dot{opacity:.35;z-index:20;background:#2ecc71;border-radius:50%;width:.8vh;min-width:5px;height:.8vh;min-height:5px;position:absolute;top:1vh;left:1vh}.conn-dot.is-offline{background:var(--c-red);opacity:.9}.screen-hints{z-index:25;gap:.5rem;display:flex;position:absolute;top:2vh;right:2vw}.screen-hints button{border:.1rem solid var(--c-line-2);border-radius:var(--radius);color:var(--c-text);font:inherit;cursor:pointer;background:#282828cc;padding:.6rem 1rem;font-weight:700}.display[data-progress-position=top] .screen-hints{top:auto;bottom:2vh}.display.is-idle .screen-hints{display:none}.overlay{z-index:30;background:var(--c-overlay);visibility:hidden;padding:8vh 10vw;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .5s;position:absolute;inset:0;transform:translateY(100%)}.overlay.is-open{visibility:visible;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility;transform:translateY(0)}.overlay-panel{flex-direction:column;height:100%;display:flex}.overlay-title{text-align:center;border-bottom:.2rem solid var(--c-red);margin:0 0 3vh;padding-bottom:2vh;font-size:clamp(1.5rem,min(3vw,4.5vh),4rem)}.overlay-list{scrollbar-width:none;flex:1;min-height:0;position:relative;overflow-y:auto}.overlay-list::-webkit-scrollbar{display:none}.overlay-day{color:var(--c-text-muted);text-transform:uppercase;margin:3vh 0 1vh;font-size:clamp(.9rem,min(1.4vw,2.2vh),2rem)}.overlay-row{border-bottom:.1rem solid var(--c-line);border-left:.4rem solid #0000;grid-template-columns:6ch minmax(0,2fr) minmax(0,1fr);gap:2vw;padding:1.5vh 2vw;font-size:clamp(1rem,min(2vw,3vh),2.6rem);display:grid}.overlay-time{font-variant-numeric:tabular-nums}.overlay-item-title,.overlay-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overlay-sub{color:var(--c-text-muted)}.overlay-row.is-past{opacity:.45}.overlay-row.is-current{background:var(--c-red-tint);border-left-color:var(--c-red);font-weight:700}.overlay-row.is-next{border-left-color:var(--c-orange)}.overlay-close{z-index:1;border-radius:var(--radius);background:var(--c-red);color:#fff;font:inherit;cursor:pointer;border:none;padding:1vh 2vw;font-size:clamp(1rem,min(1.5vw,2.5vh),2rem);font-weight:700;position:absolute;top:3vh;right:4vw}.overlay-empty{color:var(--c-text-muted);text-align:center}@media (aspect-ratio<=4/5){.overlay{padding:8vh 5vw}.overlay-row{grid-template-columns:6ch minmax(0,1fr)}.overlay-sub{display:none}}.backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.clock-area,.bar{z-index:1;position:relative}.video-bg{object-fit:cover;background:#000;width:100%;height:100%;display:block}.video-bg[data-fit=contain]{object-fit:contain}.video-bg[hidden]{display:none}.video-tint{position:absolute;inset:0}.display.has-video[data-page-bg=semi] .video-tint{background:#00000080}.preview-camera{fill:#ffffff24;width:28vh;height:28vh;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.display:not([data-video-allowed=true]) .preview-camera{display:none}.hidden-menu{z-index:100;background:var(--c-surface);border:.1rem solid var(--c-line-2);border-radius:var(--radius);flex-direction:column;gap:.5rem;width:min(26rem,90vw);padding:1.25rem;font-size:1rem;display:flex;position:fixed;top:3vh;right:3vw;cursor:default!important}.hidden-menu *{cursor:inherit!important}.hidden-menu button,.hidden-menu select{cursor:pointer!important}.hidden-menu h2{border-bottom:.15rem solid var(--c-red);margin:0 0 .5rem;padding-bottom:.4rem;font-size:1.1rem}.hidden-menu label{color:var(--c-label);margin-top:.4rem;font-weight:700}.menu-row{gap:.5rem;display:flex}.menu-row select{flex:1;min-width:0}.menu-status{color:var(--c-text-muted);margin:.5rem 0 0}.menu-status.warning{color:var(--c-yellow)}.menu-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.hidden-menu[hidden]{display:none}