:root{--bg:#f7f7f7;--panel:#fff;--panel-2:#f5f5f5;--line:#e5e5e5;--text:#333;--muted:#646464;--live:#468847;--next:#ff912c;--accent:#0098da;--danger:#b94a48;font-family:Titillium Web,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.muted{color:var(--muted)}.spacer{flex:1}.error{color:var(--danger)}.hint{color:var(--muted);font-size:.8rem}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem .9rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.tiny{padding:.25rem .5rem;font-size:.8rem}.btn.danger{border-color:var(--danger);color:var(--danger)}.centered{place-items:center;height:100%;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.2rem}.login{flex-direction:column;gap:.8rem;width:320px;display:flex}.login label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}input{background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:8px;padding:.5rem}.home{text-align:center;width:420px}.home-links{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.regia{flex-direction:column;height:100%;display:flex}.regia-top{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.regia-top .conn{color:var(--live);font-weight:700}.regia-top .pacing{color:var(--muted)}.regia-top .who{color:var(--muted);align-items:center;gap:.5rem;margin-left:auto;display:flex}.regia-body{flex:1;grid-template-columns:300px 1fr 320px;grid-template-areas:"rundown stage oversight";min-height:0;display:grid}.regia-mobilebar,.preview-toggle{display:none}.rundown{border-right:1px solid var(--line);grid-area:rundown;padding:.5rem;overflow:auto}.cue{color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.cue .cue-i{text-align:right;opacity:.5;font-variant-numeric:tabular-nums;width:1.8rem}.cue .cue-label{color:var(--text)}.cue.done{opacity:.45}.cue.live{outline:1px solid var(--live);background:#46884726}.cue.next{background:#ff912c24}.tag{border-radius:4px;margin-left:auto;padding:.05rem .4rem;font-size:.7rem}.live-tag{background:var(--live);color:#fff}.next-tag{background:var(--next);color:#2a1b02}.stage{flex-direction:column;grid-area:stage;align-items:center;gap:1rem;min-height:0;padding:1rem;display:flex}.preview-wrap{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.preview-label{color:var(--muted);align-self:flex-start}.preview{aspect-ratio:16/9;width:100%;max-width:120.889vh}.preview iframe{border:1px solid var(--line);background:#00458c;border-radius:8px;width:100%;height:100%;display:block}.oversight{border-left:1px solid var(--line);flex-direction:column;grid-area:oversight;gap:.6rem;padding:.6rem;display:flex;overflow:auto}.slot{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.7rem}.slot small{color:var(--muted)}.slot.live{outline:2px solid var(--live)}.slot.next{outline:2px solid var(--next)}.slot .big{margin-top:.3rem;font-size:1.4rem;font-weight:700}.up-list{color:var(--muted);flex-direction:column;gap:.4rem;display:flex}.up-list .up{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.3rem .6rem}.transport{justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:auto;display:flex}.transport .go{background:var(--live);border-color:var(--live);color:#fff;padding:1rem 3rem;font-size:1.8rem;font-weight:800}.transport .back,.transport .clear,.transport .photo{padding:.9rem 1.4rem}@media (width<=860px){.regia{--transport-h:4.6rem}.regia-mobilebar{border-bottom:1px solid var(--line);background:var(--panel);gap:.5rem;padding:.5rem .75rem;display:flex}.regia-mobilebar .mb-slot{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:.35rem .55rem}.regia-mobilebar .mb-slot.live{outline:2px solid var(--live)}.regia-mobilebar .mb-slot.next{outline:2px solid var(--next)}.regia-mobilebar .mb-slot small{color:var(--muted);letter-spacing:.05em;font-size:.65rem;display:block}.regia-mobilebar .mb-slot span{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;display:block;overflow:hidden}.regia-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.oversight{display:none}.stage{flex:none;order:-1;align-items:stretch;gap:.5rem;padding:.5rem .5rem 0}.rundown{padding-bottom:calc(var(--transport-h) + .5rem);border-right:none;flex:1;overflow:auto}.preview-toggle{align-self:flex-start;display:inline-block}.preview-wrap{display:none}.preview-wrap.open{display:flex}.preview{max-width:100%}.hint{display:none}.regia .cue{padding:.7rem .6rem;font-size:.95rem}.transport{background:var(--bg);border-top:1px solid var(--line);z-index:10;gap:.6rem;margin:0;padding:.6rem .75rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000001f}.transport .go{flex:1;padding:.95rem;font-size:1.3rem}.transport .back,.transport .clear,.transport .photo{padding:.95rem 1rem;font-size:.9rem}.regia-top{flex-wrap:wrap;gap:.3rem .8rem}.regia-top,.regia .conn,.regia .pacing,.regia .who{font-size:.78rem}}.next-view{background:#00458c;height:100%;position:relative;overflow:hidden}.next-bg-video{object-fit:cover;z-index:0;pointer-events:none;background-color:#00458c;width:100%;height:100%;position:fixed;inset:0}.next-overlay{z-index:2;pointer-events:none;box-sizing:border-box;flex-direction:column;height:100%;padding:2rem;display:flex;position:relative}.next-title{text-align:center;color:#fff;text-shadow:0 4px 18px #0009;white-space:pre-line;margin:0 0 2rem;font-size:4rem}.next-list{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:720px;margin:0 auto;display:flex}.next-card{color:#16233f;text-align:center;box-sizing:border-box;background:#fff;border-radius:10px;max-height:6rem;margin-bottom:.8rem;padding:.9rem 1.2rem;font-size:1.8rem;transition:background-color .45s,color .45s,opacity .45s;box-shadow:0 8px 24px #00000059}.next-card.enter{animation:.45s backwards next-enter}.next-card.exit{pointer-events:none;animation:.45s forwards next-exit}@keyframes next-enter{0%{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(12px)}to{opacity:1;max-height:6rem;margin-bottom:.8rem;padding-top:.9rem;padding-bottom:.9rem;transform:translateY(0)}}@keyframes next-exit{0%{opacity:1;max-height:6rem;margin-bottom:.8rem;padding-top:.9rem;padding-bottom:.9rem;transform:translateY(0)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(-12px)}}.next-card.done{opacity:.4}.next-card.live{background:var(--live);color:#fff;font-weight:700}.next-card.next{background:var(--next);color:#fff;font-weight:700}.next-card.muted{color:#cdd7f0;box-shadow:none;background:0 0}.admin{flex-direction:column;gap:.8rem;max-width:880px;margin:0 auto;padding:1rem;display:flex}.admin-top{align-items:center;gap:.6rem;display:flex}.admin-top .who{color:var(--muted);align-items:center;gap:.5rem;display:flex}.program{padding:.7rem}.program-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.drag-handle{cursor:grab;color:var(--muted);padding:0 .3rem}.student-row{border-top:1px solid var(--line);align-items:center;gap:.6rem;padding:.3rem;display:flex}.student-order{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);flex:0 0 2rem;font-size:.8rem}.thumb{object-fit:cover;background:var(--panel-2);border-radius:4px;width:34px;height:44px}.thumb.empty{display:inline-block}.student-name{font-weight:600}.student-info{flex:1;align-items:baseline;gap:.5rem;min-width:0;display:flex}.student-program-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:400;overflow:hidden}.featured{color:var(--next);align-items:center;gap:.3rem;font-size:.85rem;display:flex}.add-student{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.add-student input[type=text],.add-student input:not([type]){flex:1;min-width:160px}.prog-name{white-space:nowrap;text-overflow:ellipsis;max-width:38ch;overflow:hidden}.slideshow-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;display:grid}.slideshow-card{text-align:left;cursor:pointer;font:inherit;color:var(--text);flex-direction:column;gap:.4rem;transition:border-color .15s;display:flex}.slideshow-card:hover{border-color:var(--accent)}.slideshow-card:disabled{opacity:.6;cursor:default}.slideshow-card.active{border-color:var(--live)}.slideshow-card.active .slideshow-play{color:var(--live)}.slideshow-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.slideshow-card-actions{gap:.4rem;margin-top:.4rem;display:flex}.slideshow-play{color:var(--accent);margin-top:.4rem;font-weight:700}.slideshow-live{color:var(--next);white-space:nowrap;text-overflow:ellipsis;max-width:24ch;font-weight:600;overflow:hidden}.modal-overlay{z-index:100;background:#0009;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.8rem;width:440px;max-width:100%;padding:1.2rem;display:flex}.modal h3{margin:0}.field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.field textarea,.field input,.field select{background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:.5rem}.field select{resize:none}.modal-actions{justify-content:flex-end;gap:.6rem;margin-top:.4rem;display:flex}.modal-jump-cue{color:var(--muted);margin:0;font-size:.9rem}.modal-jump-target{word-break:break-word;margin:0;font-size:1.05rem;line-height:1.35}.modal-jump-target strong{color:var(--text);margin-top:.35rem;display:block}@media (width<=860px){.modal-jump-overlay{z-index:200;align-items:flex-end;padding:0}.modal-jump{width:100%;max-width:none;padding:1.25rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;max-height:min(70vh,100%);overflow-y:auto}.modal-jump .modal-actions{flex-direction:column-reverse;gap:.5rem;margin-top:.75rem}.modal-jump .modal-actions .btn{justify-content:center;width:100%;min-height:2.75rem;font-size:1rem}.modal-jump .modal-actions .btn.primary{min-height:3rem;font-size:1.05rem;font-weight:700}}@font-face{font-family:VIVITA;src:url(/fonts/VIVITA-Light-BF63e465259fbe9.ttf)format("truetype");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:VIVITA;src:url(/fonts/VIVITA-Regular-BF63e46525831c7.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:VIVITA;src:url(/fonts/VIVITA-Medium-BF63e465259fed5.ttf)format("truetype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:VIVITA;src:url(/fonts/VIVITA-Bold-BF63e4652584270.ttf)format("truetype");font-weight:700;font-style:normal;font-display:block}