*{box-sizing:border-box}:root{--bg: #0a0e1a;--panel: #10162b;--panel-2: #151b33;--border: #232a3f;--border-soft: #1b2136;--text: #f2f4f8;--dim: #8b93a7;--accent: #4f7cff;--green: #5fd3a3;--amber: #f5a623;--red: #ff5c5c;--radius: 12px;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.22);--mono: "SF Mono", ui-monospace, Menlo, monospace;--sans: "Inter", -apple-system, system-ui, sans-serif;--display: "Space Grotesk", "Inter", system-ui, sans-serif}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(92,147,255,.07),transparent 60%),radial-gradient(900px 500px at 0% 0%,rgba(62,207,142,.05),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display)}.brand{display:inline-flex;align-items:center;gap:.5rem}.brand-mark{display:block;width:auto}.brand-word{font-family:var(--display);font-weight:700;letter-spacing:-.01em;color:var(--text);font-size:1.15rem}.loading{padding:2rem;color:var(--dim)}.dim{color:var(--dim)}.console header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.2rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--border-soft);background:#0c0c11b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.console h1{font-size:1.05rem;margin:0;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:.5rem}.console h1:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.console .spacer{flex:1}.console header .user{font-size:.9rem}.console header a{color:var(--accent);text-decoration:none;font-size:.9rem}.console header a:hover{text-decoration:underline}.linkish{background:none;border:none;color:var(--accent);font-size:.9rem;padding:0;cursor:pointer}.linkish:hover{text-decoration:underline;background:none}.conn{font-size:.8rem}.show-switch{display:flex;align-items:center;gap:.4rem;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:.35rem .5rem .35rem .9rem;font-size:.92rem;font-weight:600;max-width:320px}.show-switch:hover{background:#24242e;border-color:#363642}.show-switch .ss-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-switch .ss-caret{color:var(--dim);font-size:.75rem}.hdr-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.user-chip{display:flex;align-items:center;gap:.45rem;font-size:.88rem}.user-chip .user-role{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);border:1px solid var(--border);border-radius:999px;padding:.08rem .5rem}.viewer-banner{margin:0 1rem;padding:.5rem .9rem;background:#2a2410;border:1px solid #4a3f1a;border-radius:8px;color:var(--amber);font-size:.9rem}.rooms-strip{display:flex;gap:.7rem;padding:.9rem 1rem 0;flex-wrap:wrap;align-items:stretch}.room-card{min-width:155px;flex:0 0 auto;cursor:pointer;transition:border-color .12s,box-shadow .12s;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-soft);border-radius:11px;padding:.6rem .75rem;box-shadow:var(--shadow)}.room-card:hover{border-color:#363642}.room-card.focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.room-head{display:flex;justify-content:space-between;align-items:center}.room-name{font-weight:700;font-size:.92rem}.room-x{background:none;border:none;color:var(--dim);padding:0 .25rem;font-size:.8rem}.room-x:hover{color:var(--red);background:none}.room-proj{font-size:.74rem;color:var(--dim);margin:.15rem 0 .35rem;max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-timer{font-family:var(--mono);font-size:1.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.room-card.mode-playing .room-timer{color:var(--green)}.room-card.mode-paused .room-timer{color:var(--amber)}.room-timer.over{color:var(--red)}.room-transport{display:flex;gap:.25rem;margin-top:.5rem}.room-transport button{flex:1;padding:.3rem .1rem;font-size:.8rem}.room-add{flex:0 0 auto;min-width:84px;border-style:dashed;color:var(--dim);font-weight:600}.conn.ok{color:var(--green)}.conn.bad{color:var(--red)}.console main{display:grid;grid-template-columns:1fr 380px;gap:1rem;padding:1rem;align-items:start}@media(max-width:900px){.console main{display:flex;flex-direction:column}.control{order:-1;position:static;top:auto}}@media(max-width:640px){.console header{flex-wrap:wrap;gap:.6rem;padding:.6rem .8rem}.console h1{font-size:.95rem}.show-switch{max-width:55vw}.console header .user-chip .user-role{display:none}.console header a,.hdr-btn{font-size:.82rem}.console main{padding:.7rem;gap:.7rem}.panel{padding:.8rem}.event{flex-wrap:wrap;row-gap:.45rem;padding:.5rem}.event input.title{flex:1 1 48%;font-size:1rem}.event .dur{width:68px}.event>button,.event .pin,.event .expand{min-width:42px;min-height:38px}.block-row{flex-wrap:wrap;row-gap:.4rem}.show-bar{flex-wrap:wrap;row-gap:.5rem}.show-name,.add-btns{flex:1 1 100%}.add-btns button{flex:1}.big-timer{font-size:3.6rem}.buttons button,.roll-btn,.messagebox button,.aux-controls button{min-height:42px}.rooms-strip{flex-wrap:nowrap;overflow-x:auto;padding:.7rem .8rem 0;-webkit-overflow-scrolling:touch}.room-card{min-width:150px}.event-details label{min-width:100%}.modal-card,.modal-card.wide{width:100%}.help-grid{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-soft);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.panel h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:var(--dim);margin:0 0 .6rem;font-weight:700}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}button{background:#23232c;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem .85rem;font-size:.9rem;cursor:pointer;transition:background .14s,border-color .14s,transform .05s}button:hover:not(:disabled){background:#2e2e39;border-color:#363642}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.32;cursor:default}button.primary{background:linear-gradient(180deg,var(--accent),#4a80f0);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 10px #5c93ff47}button.primary:hover{filter:brightness(1.08)}button.danger{background:transparent;border-color:#5a2a2a;color:var(--red)}button.danger:hover{background:#ff52521f;border-color:#6e3232}.event{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;margin-bottom:.35rem;background:#202029;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:6px}.event-wrap{margin-bottom:.35rem}.event-wrap .event{margin-bottom:0}.block-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:linear-gradient(90deg,rgba(92,147,255,.12),transparent);border:1px solid var(--border-soft);border-left:4px solid var(--accent);border-radius:8px}.block-tag{font-size:.62rem;font-weight:800;letter-spacing:.14em;color:var(--dim);border:1px solid var(--border);border-radius:4px;padding:.1rem .35rem;flex:none}.block-title{flex:1;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text);font-weight:700;font-size:.98rem;padding:.25rem .4rem;text-transform:uppercase;letter-spacing:.02em}.block-title:focus{outline:none;border-color:var(--accent);background:#16161c}.block-title-static{flex:1;font-weight:700;text-transform:uppercase}.block-row input[type=color]{width:26px;height:26px;padding:0;border:none;background:none;cursor:pointer}.block-row button{padding:.25rem .5rem;font-size:.8rem}.add-btns{display:flex;gap:.4rem}.roll-row button{width:100%}.roll-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.roll-btn .roll-dot{width:9px;height:9px;border-radius:50%;background:#55555f;flex:none}.roll-btn.on{background:linear-gradient(180deg,var(--green),#33b878);border-color:transparent;color:#06231a;box-shadow:0 2px 12px #3ecf8e4d}.roll-btn.on .roll-dot{background:#06231a;animation:blink 1.4s step-start infinite}.event.active{outline:2px solid var(--accent)}.event .cue{width:44px;font-family:var(--mono);font-size:.8rem;text-align:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--amber);padding:.3rem .2rem}.event .cue:focus{outline:none;border-color:var(--accent);background:#16161c}.event .cue-static{width:30px;font-family:var(--mono);font-size:.8rem;color:var(--amber)}.event .expand{padding:.25rem .45rem;font-size:.9rem}.event .expand.on{background:var(--accent);border-color:var(--accent);color:#fff}.event-details{display:flex;flex-wrap:wrap;gap:.6rem;padding:.6rem .7rem;background:#16161c;border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px}.event-details label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;color:var(--dim);flex:1;min-width:150px}.event-details label.wide{flex-basis:100%}.event-details input,.event-details select{background:#202029;border:1px solid var(--border);border-radius:5px;color:var(--text);padding:.35rem .45rem;font-size:.9rem}.event-details input:focus,.event-details select:focus{outline:none;border-color:var(--accent)}.event .idx{width:1.4rem;text-align:right;color:var(--dim);font-family:var(--mono);font-size:.8rem}.time-cell{display:flex;align-items:center;gap:.15rem}.time-cell .pin{background:none;border:none;padding:0 .1rem;font-size:.8rem;cursor:pointer;opacity:.55;filter:grayscale(1)}.time-cell .pin.on{opacity:1;filter:none}.time-cell .pin:hover{opacity:1;background:none}.time-auto{font-family:var(--mono);font-size:.8rem;color:var(--dim);width:44px}.time-auto.fixed{color:var(--accent)}.time-in{width:52px;font-family:var(--mono);font-size:.8rem;text-align:center;background:#16161c;border:1px solid var(--accent);border-radius:4px;color:var(--accent);padding:.2rem .1rem}.time-in:focus{outline:none}.day-start{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--dim)}.day-start input{width:56px;font-family:var(--mono);text-align:center;font-size:.9rem;background:#16161c;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.35rem .2rem}.day-start input:focus{outline:none;border-color:var(--accent)}.event input[type=color]{width:26px;height:26px;padding:0;border:none;background:none;cursor:pointer}.event input.title{flex:1;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text);padding:.3rem .4rem;font-size:.95rem}.event input.dur{width:76px;text-align:right;font-family:var(--mono);background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text);padding:.3rem .4rem}.event input:focus{outline:none;border-color:var(--accent);background:#16161c}.event button{padding:.25rem .5rem;font-size:.8rem}.show-bar{align-items:center;gap:.6rem}.show-name{flex:1;background:#16161c;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:1.05rem;font-weight:600;padding:.4rem .6rem}.show-name:focus{outline:none;border-color:var(--accent)}.show-name-static{margin:0;font-size:1.05rem}.shows-panel .panel-head{margin-bottom:.4rem}.shows-actions{display:flex;gap:.4rem}.shows-actions button{padding:.3rem .55rem;font-size:.8rem}.show-row{display:flex;align-items:center;gap:.4rem;border-top:1px solid var(--border)}.show-open{flex:1;text-align:left;background:none;border:none;color:var(--text);padding:.5rem .3rem;border-radius:6px;cursor:pointer}.show-open:hover{background:#26262f}.show-row.active .show-open{color:var(--accent);font-weight:600;cursor:default}.show-row.active .show-open:hover{background:none}.show-row .danger{padding:.25rem .5rem;font-size:.8rem}.control{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem}.timerbox{text-align:center;background:radial-gradient(120% 120% at 50% 0%,rgba(92,147,255,.08),transparent 62%),linear-gradient(180deg,var(--panel-2),var(--panel))}.timerbox .mode{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--dim);padding:.15rem .6rem;border:1px solid var(--border);border-radius:999px}.mode-playing .mode{color:var(--green);border-color:#3ecf8e66;background:#3ecf8e14}.mode-paused .mode{color:var(--amber);border-color:#f5a62366;background:#f5a62314}.timerbox .current-title{font-size:1.15rem;font-weight:600;margin:.5rem 0 0;min-height:1.4em}.timerbox .current-sub{font-size:.85rem;color:var(--dim);margin-bottom:.3rem}.cu-tag{color:var(--green);font-size:.5em}.big-timer{font-family:var(--mono);font-size:4.6rem;font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:.3rem 0 .1rem}.timerbox.overrun .big-timer{color:var(--red);animation:blink 1s step-start infinite}.timerbox .added{color:var(--amber);font-size:.85rem;margin-top:.2rem}.timerbox .offset{font-size:.95rem;font-weight:600;margin-top:.3rem;font-variant-numeric:tabular-nums}.timerbox .offset.late{color:var(--red)}.timerbox .offset.early{color:var(--green)}.timerbox .next-up{color:var(--dim);font-size:.9rem;margin-top:.6rem}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.buttons button{flex:1;white-space:nowrap}.shows-actions .btn-link{display:inline-block;background:#26262f;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.3rem .55rem;font-size:.8rem;text-decoration:none}.shows-actions .btn-link:hover{background:#30303b}.auxbox .aux-val{font-family:var(--mono);font-size:1.1rem;font-variant-numeric:tabular-nums}.auxbox .aux-val.over{color:var(--red)}.aux-controls{display:flex;gap:.4rem;align-items:center}.aux-controls .aux-dur{width:64px;font-family:var(--mono);text-align:center;background:#16161c;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.4rem .2rem}.aux-controls .aux-dur:focus{outline:none;border-color:var(--accent)}.aux-controls select{background:#16161c;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.4rem}.aux-controls button{flex:1}.messagebox textarea{width:100%;background:#16161c;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.5rem;font-family:inherit;font-size:.95rem;resize:vertical;margin-bottom:.5rem}.messagebox button{width:100%}.msg-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.msg-presets button{flex:1;min-width:45%;padding:.35rem .4rem;font-size:.8rem}.msg-opts{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.swatches{display:flex;gap:.3rem}.swatches .swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer}.swatches .swatch.on{border-color:var(--text)}.flash-toggle{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--dim)}.chime-label{flex-direction:row!important;align-items:center;gap:.4rem!important;color:var(--text)!important}.chime-label input{flex:none}.brandbox .brand-row{display:flex;gap:.8rem;align-items:flex-end}.brand-accent{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--dim)}.brand-accent input[type=color]{width:46px;height:32px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}.brand-logo{flex:1;display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--dim)}.brand-logo input{background:#16161c;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.45rem .5rem;font-size:.85rem}.brand-logo input:focus{outline:none;border-color:var(--accent)}.brandbox .outputs-hint{margin:.5rem 0 0}.brand-themes{display:flex;gap:.4rem;margin-bottom:.7rem}.theme-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .3rem;font-size:.72rem;color:var(--dim)}.theme-opt.on{border-color:var(--accent);color:var(--text);background:#5c93ff1a}.theme-ico{width:100%;height:26px;border-radius:5px;background:#0e0e13;position:relative;overflow:hidden}.theme-ico:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.theme-ico-ring:after{width:16px;height:16px;border:2px solid var(--accent);border-radius:50%}.theme-ico-big:after{width:18px;height:7px;border-radius:2px;background:var(--accent)}.theme-ico-minimal:after{width:12px;height:4px;border-radius:2px;background:#55555f}.conns .panel-head{margin-bottom:.5rem}.conn-count{font-family:var(--mono);font-size:.8rem;color:var(--text);background:#23232c;border:1px solid var(--border);border-radius:999px;padding:.05rem .55rem}.conn-list{display:flex;flex-direction:column;gap:.35rem}.conn-item{display:flex;align-items:center;gap:.5rem;font-size:.88rem}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex:none}.conn-label{flex:1}.conn-x{font-family:var(--mono);font-size:.8rem;color:var(--dim)}.outputs-hint{font-size:.8rem;margin:0 0 .6rem}.output-block{border-top:1px solid var(--border)}.output-block:first-of-type{border-top:none}.output-row{display:flex;align-items:center;gap:.5rem;padding:.35rem 0}.output-row a{flex:1;color:var(--accent);text-decoration:none;font-size:.9rem}.output-row a:hover{text-decoration:underline}.output-row button{padding:.3rem .6rem;font-size:.8rem}.output-row button.on{background:var(--accent);border-color:var(--accent);color:#fff}.qr-box{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem 0 .8rem}.qr-img{border-radius:6px;display:block}.qr-box .dim{font-size:.75rem}@keyframes blink{50%{opacity:.25}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#06060aa8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5vh 1rem;animation:fadein .15s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal-card{width:460px;max-width:100%;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000080;animation:pop .16s ease}.modal-card.wide{width:760px}@keyframes pop{0%{transform:translateY(8px) scale(.99);opacity:0}to{transform:none;opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:var(--panel-2);border-radius:16px 16px 0 0}.modal-head h2{margin:0;font-size:1.15rem}.modal-sub{margin:.25rem 0 0;font-size:.85rem;color:var(--dim)}.modal-close{background:none;border:none;color:var(--dim);font-size:1rem;padding:.2rem .5rem}.modal-close:hover{color:var(--text);background:none}.modal-body{padding:1.3rem}.pp-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.pp-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem;display:flex;flex-direction:column;gap:.5rem}.pp-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pp-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pp-card-name{font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-badge{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#06231a;background:var(--green);border-radius:999px;padding:.1rem .5rem;flex:none}.pp-card-meta{font-size:.8rem;color:var(--dim)}.pp-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}.pp-card-actions button,.pp-card-actions .pp-link{font-size:.8rem;padding:.35rem .6rem}.pp-card-actions .primary{flex:1}.pp-link{display:inline-flex;align-items:center;background:#23232c;color:var(--text);border:1px solid var(--border);border-radius:8px;text-decoration:none}.pp-link:hover{background:#2e2e39}.pp-tag{font-weight:600}.pp-tag.shared-to{color:var(--green)}.pp-tag.shared-by{color:var(--accent)}.share-list{display:flex;flex-direction:column;gap:.4rem;max-height:50vh;overflow-y:auto;margin-bottom:1rem}.share-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;background:var(--panel);border:1px solid var(--border-soft);border-radius:9px;cursor:pointer}.share-item.on{border-color:var(--accent);background:#5c93ff14}.share-item input{width:17px;height:17px;flex:none;accent-color:var(--accent)}.share-info{display:flex;flex-direction:column;min-width:0}.share-name{font-weight:600}.share-email{font-size:.8rem;color:var(--dim)}.share-actions{display:flex;justify-content:flex-end;gap:.5rem}.info-form{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.1rem}.info-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--dim);font-weight:600}.info-form input,.info-form textarea{background:#14141a;border:1px solid var(--border);border-radius:9px;color:var(--text);padding:.55rem .65rem;font-size:.95rem;font-family:inherit;resize:vertical}.info-form input:focus,.info-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5c93ff26}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:620px){.help-grid{grid-template-columns:1fr}}.help-grid h3{margin:0 0 .4rem;font-size:.98rem}.help-grid p{margin:0;font-size:.88rem;color:#b8b8c2;line-height:1.5}.help-grid a{color:var(--accent)}.help-keys{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;color:#b8b8c2}.help-keys kbd{font-family:var(--mono);font-size:.78rem;background:#0e0e13;border:1px solid var(--border);border-radius:5px;padding:.05rem .4rem;margin-right:.4rem;color:var(--text)}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:1rem}.login-card{width:360px;max-width:100%;display:flex;flex-direction:column;gap:.8rem;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:16px;padding:2rem 1.8rem;box-shadow:0 20px 60px #00000073}.login-brand{display:flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:800;letter-spacing:.02em}.login-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.login-tag{margin:-.2rem 0 .8rem;font-size:.9rem;color:var(--dim)}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--dim);font-weight:600}.login-card input{background:#14141a;border:1px solid var(--border);border-radius:9px;color:var(--text);padding:.65rem .75rem;font-size:1rem}.login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5c93ff26}.login-card button{margin-top:.6rem;padding:.7rem;font-size:.98rem}.login-foot{font-size:.78rem;color:#55555f}.login-err{background:#2a1414;border:1px solid #5a2a2a;color:#ff8a8a;border-radius:6px;padding:.5rem .7rem;font-size:.9rem}.admin .crumb{font-size:.9rem;color:var(--dim);padding:.2rem .7rem;border:1px solid var(--border);border-radius:999px}.admin-main{display:flex;flex-direction:column;gap:1rem;padding:1.2rem;max-width:760px;margin:0 auto}.user-list{display:flex;flex-direction:column;gap:.5rem}.user-row{display:flex;align-items:center;gap:.8rem;background:var(--panel);border:1px solid var(--border-soft);border-radius:10px;padding:.7rem .9rem}.avatar{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#0b0b0f}.user-info{flex:1;min-width:0}.user-name-l{font-weight:600;display:flex;align-items:center;gap:.5rem}.user-name-l .you{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid rgba(92,147,255,.4);border-radius:999px;padding:.05rem .45rem}.user-email{font-size:.82rem;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-select{background:#16161c;border:1px solid var(--border);border-radius:999px;color:var(--text);padding:.35rem .6rem;font-size:.82rem;font-weight:600;cursor:pointer}.role-select.role-admin{color:var(--accent);border-color:#5c93ff66}.role-select.role-operator{color:var(--green);border-color:#3ecf8e66}.role-select.role-viewer{color:var(--dim)}.role-select:focus{outline:none;border-color:var(--accent)}.user-actions{display:flex;gap:.4rem}.user-actions button{padding:.35rem .55rem;font-size:.85rem}.new-user{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.new-user input{background:#16161c;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .6rem;font-size:.95rem;flex:1;min-width:140px}.new-user select{background:#16161c;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem}.new-user input:focus,.new-user select:focus,.admin .token-row:focus-within{outline:none;border-color:var(--accent)}.role-cards{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.role-card{flex:1;min-width:180px;font-size:.82rem;color:var(--dim);background:#16161c;border:1px solid var(--border-soft);border-radius:9px;padding:.6rem .7rem}.rc-badge{display:inline-block;font-size:.7rem;font-weight:700;border-radius:999px;padding:.08rem .5rem;margin-right:.4rem}.rc-badge.role-admin{color:var(--accent);background:#5c93ff24}.rc-badge.role-operator{color:var(--green);background:#3ecf8e24}.rc-badge.role-viewer{color:var(--dim);background:#8a8a9724}.backup-btn{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(180deg,var(--accent),#4a80f0);color:#fff;font-weight:600;border-radius:9px;padding:.6rem 1rem;text-decoration:none;box-shadow:0 2px 10px #5c93ff47}.backup-btn:hover{filter:brightness(1.08)}.auto-list{display:flex;flex-direction:column;gap:.5rem;margin:.6rem 0}.auto-row{display:flex;gap:.4rem;align-items:center}.auto-row select,.auto-row input{background:#16161c;border:1px solid var(--border);border-radius:7px;color:var(--text);padding:.4rem .5rem;font-size:.85rem}.auto-row input:focus,.auto-row select:focus{outline:none;border-color:var(--accent)}.auto-row .auto-grow{flex:1;min-width:80px}.auto-row .danger{padding:.35rem .55rem}.auto-save{display:flex;align-items:center;gap:.7rem}.token-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.token-row code{flex:1;min-width:200px;font-family:var(--mono);font-size:.8rem;color:var(--dim);background:#16161c;border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;word-break:break-all}.bkstg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;display:flex;flex-direction:column;padding:3vh 2.5vw;gap:2vh;overflow:hidden;font-family:var(--sans, system-ui)}.bk-top{display:flex;align-items:center;justify-content:space-between;flex:none}.bk-proj{display:flex;align-items:center;gap:1vw;min-width:0}.bk-logo{height:4.4vh;width:auto;object-fit:contain}.bk-name{font-size:3.4vh;font-weight:800;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-now{display:flex;flex-direction:column;align-items:flex-end}.bk-now-lbl{font-size:1.3vh;font-weight:700;letter-spacing:.12em;color:#6f7488}.bk-now-val{font-family:var(--mono);font-size:4.4vh;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.bk-prog{height:.7vh;background:#1a1c22;border-radius:999px;overflow:hidden;flex:none}.bk-prog .bar{height:100%;background:#ff5c5c;border-radius:999px;transition:width .25s linear}.bk-body{flex:1;display:grid;grid-template-columns:1.55fr 1fr;gap:3vw;min-height:0}.bk-main{display:flex;flex-direction:column;gap:2vh;min-width:0}.bk-cur{background:#16181e;border-radius:12px;padding:3vh 2vw}.bk-cur-title{font-size:4vh;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-cur-sub{font-size:2.1vh;color:#9aa0b0;margin-top:.6vh}.bk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw;margin-top:3.2vh;padding-top:2.4vh;border-top:1px solid #262932}.bk-lbl{display:block;font-size:1.3vh;font-weight:700;letter-spacing:.1em;color:#6f7488;margin-bottom:.8vh}.bk-val{font-family:var(--mono);font-size:3.4vh;font-weight:700;font-variant-numeric:tabular-nums}.bk-val em{font-style:normal;font-size:2vh;color:#7a7f90}.bk-val.over{color:#ff5c5c}.bk-next{background:#16181e;border-radius:12px;padding:2.4vh 2vw;position:relative}.bk-next-lbl{position:absolute;top:2.4vh;right:2vw;font-size:1.4vh;font-weight:800;letter-spacing:.1em;color:#6f7488}.bk-next-title{font-size:3vh;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6vw}.bk-next-sub{font-size:2vh;color:#9aa0b0;margin-top:.5vh}.bk-side{display:flex;flex-direction:column;gap:2.4vh;overflow:hidden;padding-top:.5vh}.bk-sch{min-width:0}.bk-sch-meta{display:flex;align-items:center;gap:.8vw;font-size:1.7vh;color:#8b90a0;font-variant-numeric:tabular-nums}.bk-dot{width:1vh;height:1vh;border-radius:50%;flex:none}.bk-sch-title{font-size:2.4vh;font-weight:600;margin-top:.3vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-foot{display:flex;align-items:center;gap:1.5vw;flex:none}.bk-foot .qr-img{border-radius:6px;display:block}.bk-foot-info{min-width:0}.bk-foot-desc{font-size:1.9vh;color:#c7ccd8}.bk-foot-desc.bk-muted{color:#6f7488}.bk-foot-meta{font-size:1.7vh;color:#7a7f90;margin-top:.6vh}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 25%,#16161f,#000 72%);color:#fff;display:grid;grid-template-rows:auto auto auto 1fr auto;padding:3.5vh 4vw 4vh;gap:.8vh;overflow:hidden}.stage-top{display:flex;justify-content:space-between;align-items:flex-start;min-height:8vh}.stage-logo{max-height:8vh;max-width:22vw;object-fit:contain}.stage-title-row{display:flex;align-items:center;justify-content:center;gap:1.4vw;text-align:center}.stage-cue{font-family:var(--mono);font-weight:700;color:#0b0b0f;background:var(--amber);border-radius:.35em;padding:.06em .45em;font-size:3vw;line-height:1.2}.stage-title{font-size:4.4vw;font-weight:600;letter-spacing:-.01em}.stage-subtitle{font-size:2.3vw;color:#9498a8;text-align:center}.stage-mid{min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.stage-timer{width:100%;height:100%;color:#fff}.tone-warn .stage-timer{color:var(--amber)}.tone-danger .stage-timer{color:var(--red)}.tone-over .stage-timer{color:var(--red);animation:blink 1s step-start infinite}.stage-idle{font-family:var(--mono);font-size:12vw;color:#2a2a33}.stage-roll{display:flex;flex-direction:column;align-items:center;gap:1.2vh;width:100%}.stage-roll .stage-timer{color:var(--accent);opacity:.92}.stage-roll-next{font-size:2.6vw;color:#aeb4c6;letter-spacing:.01em;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ring-inner .stage-roll-next{font-size:2vw}.stage-paused{position:absolute;bottom:4%;left:50%;transform:translate(-50%);font-size:2.2vw;letter-spacing:.45em;color:var(--amber);font-weight:600}.stage-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2vw;min-height:5vh}.stage-next{font-size:2.5vw;color:#7a7e8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-offset,.stage-aux{display:inline-flex;flex-direction:column;line-height:1.05;font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none}.stage-offset{align-items:flex-end}.stage-aux{align-items:flex-start}.chip-label{font-size:1.15vw;letter-spacing:.22em;color:#6b6f7e;font-family:-apple-system,system-ui,sans-serif;font-weight:600}.stage-offset .chip-val{font-size:3vw;font-weight:700}.stage-offset.late .chip-val{color:var(--red)}.stage-offset.early .chip-val{color:var(--green)}.stage-aux .chip-val{font-size:3.4vw;font-weight:700;color:#7aa2ff}.stage-aux.over .chip-val{color:var(--red)}.stage-progress{position:fixed;bottom:0;left:0;right:0;height:1vh;background:#17171d}.stage-progress .bar{height:100%;background:var(--accent);transition:width .2s linear}.tone-warn .stage-progress .bar{background:var(--amber)}.tone-danger .stage-progress .bar,.tone-over .stage-progress .bar{background:var(--red)}.ring-wrap{position:relative;height:100%;aspect-ratio:1 / 1;max-width:100%;margin:0 auto}.ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#1b1b23;stroke-width:2.6}.ring-prog{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.tone-warn .ring-prog{stroke:var(--amber)}.tone-danger .ring-prog,.tone-over .ring-prog{stroke:var(--red)}.ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ring-inner .stage-timer{width:62%;height:34%}.ring-inner .stage-paused{bottom:22%}.flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:50;pointer-events:none;animation:flashfade .85s ease-out forwards}@keyframes flashfade{0%{opacity:.95}to{opacity:0}}.blackout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:60}.fs-btn{position:fixed;bottom:3vh;left:50%;transform:translate(-50%);z-index:40;background:#282832b3;color:#fff;border:1px solid #555;border-radius:999px;padding:.6vh 1.4vw;font-size:1.3vw;cursor:pointer;transition:opacity .4s}.fs-btn:hover{background:#373744e6}.fs-btn.hidden{opacity:0;pointer-events:none}.stage--minimal .stage-top,.stage--minimal .stage-title-row,.stage--minimal .stage-subtitle,.stage--minimal .stage-bottom{display:none}.stage--minimal{grid-template-rows:1fr;padding:5vh 5vw}.stage--minimal .stage-progress{height:.7vh}.stage--big .stage-mid{padding:0 2vw}.clock-view{grid-template-rows:1fr auto}.clock-date{width:100%;text-align:center;font-size:2.8vw;color:#6b6f7e;text-transform:capitalize;letter-spacing:.03em}.schedule{position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;padding:3.5vh 4vw;overflow-y:auto;background:radial-gradient(120% 80% at 100% 0%,rgba(92,147,255,.06),transparent 55%),#0a0a0e}.sched-head{border-bottom:1px solid #22222c;padding-bottom:1.6vh;margin-bottom:2vh}.schedule h1{font-size:3.4vw;margin:0;letter-spacing:-.01em}.sched-meta{font-size:1.9vw;color:var(--accent);font-weight:600;margin-top:.6vh}.sched-desc{font-size:1.5vw;color:#9aa;margin-top:.6vh;max-width:70vw}.sched-summary{font-family:var(--mono);font-size:1.4vw;color:#778;margin-top:.9vh}.sched-contact{color:#667}.sched-list{display:flex;flex-direction:column;gap:.9vh}.sched-row{display:flex;align-items:center;gap:2vw;padding:1.3vh 2vw;background:#15151c;border-left:.5vw solid #444;border-radius:8px;font-size:2.2vw}.sched-block{border-left:.5vw solid var(--accent);padding:1vh 2vw .4vh;margin-top:1.5vh;font-size:1.8vw;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#9fb3d6}.sched-block:first-child{margin-top:0}.sched-row.current{background:#1e2a44;outline:2px solid var(--accent)}.sched-row.done{opacity:.38}.sched-time{font-family:var(--mono);color:#9ab;display:flex;flex-direction:column;line-height:1.15;min-width:8vw}.sched-time .sched-end{font-size:1.2vw;color:#667}.sched-cue{font-family:var(--mono);color:var(--amber);min-width:3vw;font-weight:700}.sched-title{flex:1;font-weight:600;display:flex;flex-direction:column}.sched-title em{color:#99a;font-weight:400;font-style:normal;font-size:1.5vw}.sched-now{font-size:1.1vw;font-weight:800;letter-spacing:.12em;color:#06231a;background:var(--accent);border-radius:999px;padding:.3vh 1vw;flex:none}.sched-dur{font-family:var(--mono);color:#889;min-width:5vw;text-align:right}.sched-empty{color:#666;font-size:2vw}.stage-message{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d1;padding:4vw}.stage-message span{font-size:7vw;font-weight:700;color:var(--amber);text-align:center}.stage-message span.flash{animation:blink 1.6s step-start infinite}.sched-logo{position:fixed;top:3vh;right:4vw;max-height:8vh;max-width:22vw;object-fit:contain}.sound-enable{position:fixed;top:2.5vh;left:50%;transform:translate(-50%);z-index:10;background:#282832d9;color:#fff;border:1px solid #555;border-radius:999px;padding:.7vh 1.6vw;font-size:1.4vw;cursor:pointer}.sound-enable:hover{background:#373744f2}.lower-third{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent}.lt-card{position:absolute;left:4vw;bottom:6vh;background:#0a0a0ed9;border-left:.6vw solid var(--accent);border-radius:8px;padding:1.2vw 2vw;max-width:60vw}.lt-title{font-size:2.6vw;font-weight:600}.lt-note{font-size:1.6vw;color:#bbb;margin-top:.3vw}