:root{--bg: #0c0d10;--bg-elev: #16181e;--ink: #f2f0ea;--muted: #9a968c;--accent: #e8ff47;--live: #2ee66b;--standby: #c8a24a;--danger: #ff5c5c;--line: #2a2d36;--font-display: "Segoe UI", "Helvetica Neue", sans-serif;--font-body: "Segoe UI", "Helvetica Neue", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body)}a{color:var(--accent)}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);border-radius:8px;padding:.55rem .9rem}button:disabled{opacity:.45;cursor:not-allowed}input{width:100%;padding:.7rem .85rem;border-radius:8px;border:1px solid var(--line);background:#0a0b0e;color:var(--ink)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted);margin:0 0 .4rem}.hint{color:var(--muted);font-size:.85rem}.home{min-height:100%;display:grid;place-content:center;gap:.75rem;padding:2rem;background:radial-gradient(ellipse at 20% 0%,#1a2210 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,#12182a 0%,transparent 45%),var(--bg)}.home h1{font-size:clamp(2.4rem,8vw,4rem);margin:0;font-family:var(--font-display)}.lede{color:var(--muted);max-width:28rem}.home-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.home-links a{text-decoration:none;padding:.75rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);color:var(--ink)}.home-join{display:grid;gap:.45rem;max-width:22rem;margin-top:.5rem}.home-join button{background:var(--accent);color:#111;border:none;font-weight:700}.settings-toggle{display:flex;align-items:center;gap:.55rem;margin-top:.75rem;font-weight:600}.settings-toggle input{width:auto}.thumb-clickable video{pointer-events:none}.thumb-clickable:hover,.thumb-clickable:focus-visible{outline:2px solid var(--accent)}.thumb-selected{outline:2px solid var(--accent)}.join-gate,.admin-gate{min-height:100%;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(160deg,#12140c,#0c0d10 40%,#10131c)}.join-card,.admin-login{width:min(100%,26rem);background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;padding:1.5rem;display:grid;gap:.65rem}.join-card h1,.admin-login h1{margin:0 0 .5rem}.join-card button,.admin-login button{background:var(--accent);color:#111;border:none;font-weight:700;margin-top:.4rem}.join-consent{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;font-size:.82rem;line-height:1.35;color:var(--muted, #a8adb8);cursor:pointer}.join-consent input{margin-top:.2rem;width:1rem;height:1rem;accent-color:var(--accent)}.join-camera{display:grid;gap:.35rem}.join-cam-btn{background:#1a1c22!important;color:#e8eaef!important;border:1px solid var(--line)!important;font-weight:600!important}.join-cam-btn.ready{background:#1e2a1e!important;border-color:#3d6b3d!important;color:#c8e6c8!important}.join-cam-error{margin:0;font-size:.8rem;color:var(--danger, #f07178)}.leave-body{margin:0 0 .35rem;line-height:1.4}.camera-stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#050505;border:6px solid var(--standby);box-sizing:border-box;touch-action:none}.camera-stage.is-live{border-color:var(--live)}.camera-stage.is-preview{border-color:#5aa7ff}.camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;transform:scaleX(-1);display:block;z-index:0;transform-origin:center center;transition:none;will-change:transform}.camera-video.rear{transform:none}.aspect-guide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;max-width:100%;max-height:100%;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 9999px #0000006b}.aspect-guide.assigned{border-color:#e8ff47d9;box-shadow:0 0 0 9999px #00000061}.aspect-guide.waiting{border-color:#ffffff59;border-style:dashed}.safe-overlay{pointer-events:none;position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px dashed rgba(255,255,255,.35);border-radius:4px}.camera-chrome{position:absolute;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;pointer-events:none}.camera-chrome>*{pointer-events:auto}.frame-meta{opacity:.92}.tally-badge{font-weight:800;letter-spacing:.08em;padding:.45rem .75rem;border-radius:6px;background:#000000a6;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;max-width:min(320px,calc(100vw - 48px))}.tally-label{letter-spacing:.08em}.tally-hint{font-weight:600;letter-spacing:0;font-size:.72rem;line-height:1.3;opacity:.92}.is-live .tally-badge{background:var(--live);color:#062}.is-preview .tally-badge{background:#5aa7ff;color:#041526}.is-standby .tally-badge{background:var(--standby);color:#211}.cam-tour{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.cam-tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;pointer-events:auto}.cam-tour-spot{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px #0000009e,0 0 0 2px #e8ff47f2,0 0 24px #e8ff4759;animation:cam-tour-pulse 1.4s ease-in-out infinite;pointer-events:none;transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease}@keyframes cam-tour-pulse{0%,to{box-shadow:0 0 0 9999px #0000009e,0 0 0 2px #e8ff47f2,0 0 18px #e8ff4740}50%{box-shadow:0 0 0 9999px #0000009e,0 0 0 3px #e8ff47,0 0 28px #e8ff4780}}.cam-tour-card{position:absolute;width:min(360px,calc(100% - 32px));background:#12141af5;border:1px solid var(--line);border-radius:14px;padding:.95rem 1rem 1rem;box-shadow:0 16px 40px #00000080;pointer-events:auto;z-index:2;animation:cam-tour-card-in .28s ease}@keyframes cam-tour-card-in{0%{opacity:0}to{opacity:1}}.cam-tour-progress{margin:0;font-size:.75rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.cam-tour-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.cam-tour-lang button{min-width:2.6rem;padding:.28rem .45rem;font-size:.78rem}.cam-tour-finale .cam-tour-dim{background:#00000094}.cam-tour-enjoy{text-align:center;padding:1.25rem 1.2rem 1.2rem}.cam-tour-enjoy h2{font-size:1.55rem;letter-spacing:.02em}.cam-tour-enjoy .cam-tour-actions{justify-content:center}.cam-tour-enjoy .cam-tour-actions button{min-width:8rem}.cam-tour-card h2{margin:0 0 .4rem;font-size:1.1rem}.cam-tour-card p{margin:0 0 .9rem;color:var(--muted);font-size:.92rem;line-height:1.45;white-space:pre-line}.cam-tour-actions{display:flex;gap:.55rem;justify-content:flex-end}.cam-tour-skip{background:transparent;border:1px solid var(--line);color:var(--muted)}.camera-reset-btn{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:6;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#000000a6;color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.04em;touch-action:manipulation;pointer-events:auto}.join-lang{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.lang-switch{display:inline-flex;gap:.35rem}.lang-switch button{min-width:3.2rem;padding:.35rem .55rem;border-radius:8px;border:1px solid var(--line);background:#12141a;color:var(--muted);font-weight:700}.lang-switch button.active{background:var(--accent);color:#111;border-color:var(--accent)}.meta{display:flex;gap:.4rem;font-size:.85rem;background:#00000080;padding:.35rem .55rem;border-radius:6px}.cam-error{color:#fff;background:var(--danger);padding:.35rem .55rem;border-radius:6px;font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.camera-flip-btn{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:6;width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#0000008c;color:#fff;touch-action:manipulation;pointer-events:auto}.camera-flip-btn:disabled{opacity:.4}.camera-settings-btn{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:6;width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#0000008c;color:#fff;touch-action:manipulation;pointer-events:auto}.cam-settings{position:absolute;top:0;right:0;bottom:0;left:0;z-index:21;display:flex;align-items:flex-end;justify-content:center;padding:max(16px,env(safe-area-inset-bottom)) 16px 16px;background:#0000008c;pointer-events:auto}.cam-settings-card{width:min(420px,100%);background:#12141af5;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem 1.15rem;box-shadow:0 12px 40px #00000073;display:flex;flex-direction:column;gap:.75rem}.cam-settings-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cam-settings-head h2{margin:0;font-size:1.15rem}.cam-settings-close{background:transparent;border:1px solid var(--line);color:var(--ink);padding:.35rem .7rem;font-size:.85rem}.cam-settings-form{display:flex;flex-direction:column;gap:.45rem}.cam-settings-form label{font-size:.85rem;color:var(--muted)}.cam-settings-form input{width:100%}.cam-settings-action{width:100%;background:#1a1c22;border:1px solid var(--line);color:var(--ink);font-weight:600}.cam-settings-action.danger{border-color:#ff5c5c73;color:#ffb4b4}.admin-shell{height:100%;min-height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#12141a,#0c0d10)}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0}.admin-header h1{margin:0;font-size:1.4rem}.ver{color:var(--muted);font-weight:500;font-size:.95rem}.admin-status{margin:.25rem 0 0;color:var(--muted);font-size:.85rem}.tab-switch{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.tab-switch button{border:none;border-radius:0;background:transparent;padding:.45rem .75rem}.tab-switch button.active{background:var(--accent);color:#111;font-weight:700}.take-screen-btn{background:var(--accent);color:#111;border:none;font-weight:700}.settings-panel{flex:1;min-height:0;overflow-y:auto;padding:1rem}.settings-form{max-width:28rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:1.1rem;display:grid;gap:.55rem}.settings-form.wide{max-width:40rem}.settings-form h2{margin:0}.settings-screen-card{margin-top:.5rem;padding:.75rem;border:1px solid var(--line);border-radius:10px;display:grid;gap:.45rem;background:#0f1116}.settings-screen-card h3{margin:0;font-size:.95rem}.settings-size-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:.4rem;align-items:center}.settings-presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.frame-order-sort{justify-self:start;margin-top:.25rem}.frame-order-list{list-style:none;margin:.35rem 0 0;padding:0;display:grid;gap:.35rem}.frame-order-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:8px;font-size:.88rem}.frame-order-actions{display:flex;gap:.25rem}.frame-order-actions button:disabled{opacity:.35}.settings-save{margin-top:.5rem;background:var(--accent);color:#111;border:none;font-weight:700}.size-tag{color:var(--muted);font-weight:500;font-size:.78rem}.header-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.pill{font-size:.75rem;padding:.35rem .55rem;border-radius:999px;border:1px solid var(--line)}.pill.ok{color:var(--live)}.pill.bad{color:var(--danger)}.take-btn{background:var(--accent);color:#111;border:none;font-weight:800;letter-spacing:.06em;padding:.7rem 1.4rem;font-size:1.05rem}.logout-btn{background:transparent;color:var(--muted);border:1px solid var(--line)}.logout-btn:hover{color:var(--ink);border-color:var(--muted)}.fade-btn{background:#1a1c22;color:var(--ink);border:1px solid var(--line);font-weight:800;letter-spacing:.06em;padding:.7rem 1.2rem;font-size:1.05rem}.fade-btn:hover,.fade-screen-btn:hover{border-color:var(--muted)}.fade-screen-btn{background:#12141a;color:var(--ink);border:1px solid var(--line)}.admin-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.15fr);grid-template-rows:auto minmax(0,1fr);gap:1rem;padding:1rem;overflow-x:auto;overflow-y:hidden}.control-playout-bar{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:auto auto 1fr auto auto auto;gap:.65rem;align-items:center;padding:.65rem .85rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px}.control-playout-meta{display:flex;flex-direction:column;gap:.1rem;min-width:8rem}.control-playout-meta strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}@media(max-width:960px){.admin-grid{grid-template-columns:1fr;grid-template-rows:auto minmax(220px,40vh) minmax(0,1fr);overflow:auto}.control-playout-bar{grid-template-columns:1fr}.multiview,.program-area{grid-row:auto;grid-column:auto}}.program-area,.multiview{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:.9rem;min-height:0}.program-area h2,.multiview h2{margin:0 0 .75rem;font-size:.95rem}.multiview{grid-row:2;grid-column:1;display:flex;flex-direction:column;overflow:hidden;min-width:320px;width:100%}.program-area{grid-row:2;grid-column:2;overflow-y:auto}.empty{color:var(--muted);font-size:.85rem}.pv-row.labels{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.screen-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;align-items:start}@media(max-width:720px){.screen-row,.pv-row.labels{grid-template-columns:1fr}}.screen-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.row-actions{display:flex;gap:.35rem}.row-actions button{padding:.35rem .55rem;font-size:.8rem}.thumb{position:relative;aspect-ratio:16 / 9;background:#08090c;border:1px solid var(--line);border-radius:8px;overflow:hidden}.thumb-compact{width:min(100%,20rem);max-height:11.25rem;aspect-ratio:16 / 9;margin-inline:0}.thumb video{width:100%;height:100%;object-fit:cover}.thumb-compact video{object-fit:contain}.thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:.85rem;min-height:100px}.thumb-compact .thumb-empty{min-height:0}.thumb-label{position:absolute;left:8px;bottom:8px;background:#000000a6;padding:.2rem .45rem;border-radius:4px;font-size:.75rem}.screen-col.program .thumb{box-shadow:inset 0 0 0 2px #2ee66b59}.multiview>.hint{margin:-.35rem 0 .75rem;flex-shrink:0}.mv-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;align-content:start}.pill.playback{background:#3b2a12;color:#fbbf24}.pill.rec{background:#3f1212;color:#f87171}.record-toggle{font:inherit;font-size:.78rem;font-weight:700;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-elev);color:var(--muted);cursor:pointer}.record-toggle.on{border-color:#7f1d1d;color:#fca5a5}.rec-badge{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#fecaca;background:#7f1d1d;padding:.35rem .55rem;border-radius:6px}.recordings-panel{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:1rem}.recordings-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1rem}@media(max-width:860px){.recordings-layout{grid-template-columns:1fr;overflow:auto}}.recordings-list,.recording-player{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:.9rem;min-height:0}.recordings-list{display:flex;flex-direction:column;overflow:hidden}.recording-player{overflow-y:auto}.recordings-list-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.recordings-list-head h2,.recording-player h2{margin:0;font-size:.95rem}.recordings-user-filter{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;margin-bottom:.75rem;font-size:.85rem;flex-shrink:0}.recordings-user-filter select{width:100%}.recordings-groups{flex:1;min-height:0;overflow-y:auto;display:grid;gap:.85rem;align-content:start;padding-right:.15rem}.recordings-group ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.recordings-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;width:100%;margin:0 0 .4rem;padding:.2rem .1rem;border:none;background:transparent;color:inherit;font:inherit;font-weight:600;font-size:.82rem;text-align:left;cursor:pointer}.recordings-group-head:hover{color:var(--accent)}.recordings-list ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.recording-row{display:flex;flex-direction:column;gap:.2rem;width:100%;text-align:left;font:inherit;color:inherit;background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;padding:.65rem .85rem;cursor:pointer}.recording-row.selected{border-color:var(--accent)}.recording-title{font-weight:600}.recording-meta{color:var(--muted);font-size:.82rem}.recording-player video{display:block;width:100%;max-height:420px;background:#000;border-radius:8px}.recording-playout-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev);font-size:.9rem}.recording-live-wrap{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden;min-height:200px}.recording-live-wrap .thumb-empty{min-height:200px}.recording-live{display:block;width:100%;max-height:420px;background:#000}.recording-live-badge{position:absolute;top:10px;left:10px;padding:.25rem .5rem;border-radius:4px;background:#b41414e6;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;z-index:2}.recording-live-badge.is-dvr{background:#1e5aa0eb}.recording-dvr-bar{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;padding:.55rem .65rem .65rem;background:#0000008c}.recording-dvr-bar button.active{background:#b41414;color:#fff;border-color:#b41414}.recording-range{margin-top:.75rem;display:grid;gap:.45rem}.recording-range-head{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;font-size:.9rem}.recording-range label{display:grid;grid-template-columns:3.5rem 1fr;gap:.5rem;align-items:center;font-size:.85rem}.recording-range input[type=range]{width:100%}.recording-range-actions{display:flex;flex-wrap:wrap;gap:.4rem}.recording-transport{margin-top:.75rem;display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center}.recording-scrub{width:100%}.recording-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}.recording-actions select{margin-left:.35rem}