:root{--bg-primary: #101010;--bg-secondary: #1a1a1a;--bg-tertiary: #202020;--bg-hover: #2a2a2a;--bg-active: #303030;--text-primary: #f6f6f6;--text-secondary: #b1b1b1;--text-muted: #8a8a8a;--text-label: #9d9d9d;--accent: #578af4;--accent-hover: #779be7;--accent-dim: rgba(87, 138, 244, .12);--fixed-color: #578af4;--flexible-color: #ffbc56;--danger: #fa5656;--warning: #ffbc56;--success: #55b469;--play-green: #339e4e;--play-green-bg: #087a27;--roll-blue: #22a0e9;--pause-orange: #c05621;--stop-red: #e4281e;--over-time: #f57c13;--brand: #ff7597;--border-card: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .1);--radius: 3px;--radius-sm: 2px;--radius-panel: 8px;--font-sans: "Open Sans", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1600px){html{font-size:14px}}.app{display:flex;flex-direction:column;height:100%}.app-nav{display:flex;align-items:center;gap:12px;padding:0 12px;height:40px;background:var(--bg-primary);border-bottom:1px solid var(--border-card);flex-shrink:0}.app-nav-brand{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.brand-icon{font-size:18px;color:var(--brand)}.brand-name{color:var(--brand)}.app-nav-links{display:flex;gap:2px;margin-left:16px}.nav-btn{padding:4px 10px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;border-radius:var(--radius);cursor:pointer;transition:color .3s,background-color .3s;text-decoration:none}.nav-btn:hover{color:var(--text-primary);background:var(--bg-active)}.nav-btn.active{color:var(--text-primary);background:var(--bg-tertiary)}.app-nav-status{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.status-dot{width:10px;height:10px;border-radius:5px;background:var(--text-muted);transition:background-color .3s}.status-dot.playing{background:var(--play-green)}.status-dot.roll{background:var(--roll-blue)}.status-dot.paused{background:var(--pause-orange)}.status-dot.stopped{background:var(--stop-red)}.status-dot.idle{background:var(--text-muted)}.app-main{flex:1;overflow:hidden}.app-main.fullscreen{height:100vh}.nav-btn{text-decoration:none}.editor{display:flex;height:100%}.editor-left{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border-card);overflow:hidden}.editor-right{width:380px;display:flex;flex-direction:column;gap:0;overflow-y:auto;background:var(--bg-secondary)}.editor-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary)}.btn{padding:6px 12px;border:none;border-radius:var(--radius);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:color .3s,background-color .3s;letter-spacing:.3px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.rundown-list{flex:1;overflow-y:auto;padding:8px}.rundown-empty{padding:40px;text-align:center;color:var(--text-muted)}.rundown-item{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-block:2px;background:var(--bg-tertiary);border:1px solid var(--border-card);border-radius:var(--radius);cursor:pointer;transition:background-color .3s;border-left:3px solid var(--bg-active);box-shadow:#0000004d 0 0 2px 1px}.rundown-item:hover{background:var(--bg-hover)}.rundown-item.selected{outline:1px solid var(--accent);outline-offset:-1px}.rundown-item.current{background:var(--play-green-bg);border-left-color:var(--play-green)}.rundown-item.fixed{border-left-color:var(--fixed-color)}.rundown-item.flexible{border-left-color:var(--flexible-color)}.rundown-item.current.fixed,.rundown-item.current.flexible{border-left-color:var(--play-green)}.rundown-item-indicator{width:16px;text-align:center;color:var(--success);font-size:10px}.strategy-badge{font-size:12px;width:20px;text-align:center}.strategy-badge.fixed{color:var(--fixed-color)}.strategy-badge.flexible{color:var(--flexible-color)}.rundown-item-content{flex:1;min-width:0}.rundown-item-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rundown-item-duration{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.rundown-item-adjusted.shortened{color:var(--flexible-color)}.rundown-item-adjusted.extended{color:var(--success)}.adjustment-delta{color:var(--danger);margin-left:4px;font-size:11px}.adjustment-delta-extend{color:var(--success);margin-left:4px;font-size:11px}.at-maximum{color:var(--success);font-weight:700;font-size:9px;margin-left:3px}.at-minimum{color:var(--danger);font-weight:700;margin-left:2px}.rundown-item-colour{width:4px;height:28px;border-radius:2px;flex-shrink:0}.rundown-item-delete{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px;border-radius:var(--radius-sm);opacity:0;transition:all .15s}.rundown-item:hover .rundown-item-delete{opacity:1}.rundown-item-delete:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.playback-controls{padding:12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-card)}.playback-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.playback-event-title{font-weight:600;font-size:13px;color:var(--text-secondary)}.playback-timer-small{font-family:var(--font-mono);font-size:20px;font-weight:700}.playback-timer-small .overtime{color:var(--danger)}.playback-buttons{display:flex;gap:4px;justify-content:center}.btn-control{width:40px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-active);border:none;border-radius:var(--radius);font-size:15px;cursor:pointer;transition:color .3s,background-color .3s;color:var(--text-label)}.btn-control:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-control:active{background:var(--text-primary);color:var(--bg-active);transition-duration:.1s}.btn-play{color:var(--play-green)}.btn-play:hover{background:var(--play-green);color:var(--text-primary)}.btn-pause{color:var(--pause-orange)}.btn-pause:hover{background:var(--pause-orange);color:var(--text-primary)}.btn-stop{color:var(--stop-red)}.btn-stop:hover{background:var(--stop-red);color:var(--text-primary)}.rebalancing-panel{padding:16px;background:var(--bg-tertiary);border-left:3px solid var(--flexible-color)}.rebalancing-panel.warning{border-left-color:var(--danger)}.rebalancing-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rebalancing-icon{font-size:16px}.rebalancing-title{font-weight:600;font-size:13px}.rebalancing-warning-badge{background:var(--danger);color:#fff;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.rebalancing-warning-msg{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:12px;font-size:12px;color:var(--danger)}.rebalancing-stats{display:flex;gap:16px;margin-bottom:12px}.rebalancing-stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-mono);font-size:14px;font-weight:600}.stat-value.deficit{color:var(--danger)}.stat-value.adjusted{color:var(--flexible-color)}.rebalancing-events{display:flex;flex-direction:column;gap:6px}.rebalancing-event{display:flex;align-items:center;gap:8px}.rebalancing-event-bar{flex:1;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.rebalancing-event-fill{height:100%;background:var(--flexible-color);border-radius:3px;transition:width .3s ease}.rebalancing-event.at-minimum .rebalancing-event-fill{background:var(--danger)}.rebalancing-event-label{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);white-space:nowrap;min-width:120px}.event-form{padding:12px;background:var(--bg-secondary)}.event-form h3{font-size:12px;font-weight:600;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.form-field{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.form-field>span{font-size:12px;color:var(--text-muted)}.form-field input[type=text],.form-field input[type=number],.form-field select,.form-field textarea{padding:6px 8px;background:var(--bg-primary);border:1px solid var(--border-card);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none;transition:border-color .3s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field input[type=number]{width:60px;font-family:var(--font-mono)}.form-field input[type=color]{width:40px;height:32px;padding:2px;border:1px solid var(--bg-hover);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.form-field textarea{resize:vertical}.duration-input{display:flex;align-items:center;gap:6px}.duration-input span{font-size:12px;color:var(--text-muted)}.strategy-toggle{display:flex;gap:4px}.strategy-btn{flex:1;padding:6px;background:var(--bg-active);border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;border-radius:var(--radius);cursor:pointer;transition:color .3s,background-color .3s}.strategy-btn:hover{color:var(--text-primary)}.strategy-btn.active.fixed{background:#578af433;color:var(--fixed-color)}.strategy-btn.active.flexible{background:#ffbc5626;color:var(--flexible-color)}.timer-view{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);position:relative}.timer-current-title{font-size:24px;font-weight:300;color:var(--text-secondary);margin-bottom:16px}.timer-display{font-family:var(--font-mono);font-size:clamp(80px,15vw,200px);font-weight:700;line-height:1;letter-spacing:-.02em;transition:color .3s}.timer-normal .timer-display{color:var(--text-primary)}.timer-caution .timer-display{color:var(--flexible-color)}.timer-warning .timer-display{color:var(--warning)}.timer-danger .timer-display,.timer-overtime-prefix{color:var(--danger)}.timer-meta{display:flex;gap:32px;margin-top:24px;font-family:var(--font-mono);font-size:18px;color:var(--text-secondary)}.timer-offset{color:var(--danger)}.timer-adjusted-info{margin-top:12px;font-size:14px;color:var(--flexible-color);background:color-mix(in srgb,var(--warning) 10%,transparent);padding:6px 16px;border-radius:var(--radius)}.timer-next{position:absolute;bottom:40px;display:flex;align-items:center;gap:12px;font-size:16px}.timer-next-label{color:var(--text-muted)}.timer-next-title{color:var(--text-secondary);font-weight:500}.timer-next-strategy{font-size:12px;padding:2px 8px;border-radius:var(--radius-sm)}.timer-next-strategy.fixed{color:var(--fixed-color);background:color-mix(in srgb,var(--fixed-color) 10%,transparent)}.timer-next-strategy.flexible{color:var(--flexible-color);background:color-mix(in srgb,var(--warning) 10%,transparent)}.timer-warning-banner{position:absolute;top:0;left:0;right:0;padding:12px;background:color-mix(in srgb,var(--danger) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);text-align:center;font-weight:500;animation:pulse-bg 2s ease-in-out infinite}@keyframes pulse-bg{0%,to{background:color-mix(in srgb,var(--danger) 10%,transparent)}50%{background:color-mix(in srgb,var(--danger) 20%,transparent)}}.timer-idle-message{font-size:18px;color:var(--text-muted);margin-top:24px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff03}::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff9}.rundown-item-drag{cursor:grab;color:var(--text-muted);font-size:12px;padding:0 2px;-webkit-user-select:none;user-select:none;opacity:.4;transition:opacity .15s}.rundown-item:hover .rundown-item-drag{opacity:1}.rundown-item-drag:active{cursor:grabbing}.editor-right-tabs{display:flex;border-bottom:1px solid var(--border-card);background:var(--bg-primary)}.tab-btn{flex:1;padding:6px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:12px;cursor:pointer;transition:color .3s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--brand)}.editor-right-content{flex:1;overflow-y:auto}.editor-no-selection{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:13px}.toolbar-info{margin-left:12px;font-size:12px;color:var(--text-muted)}.nav-rebalancing{font-size:14px}.nav-rebalancing.warning{color:var(--danger)}.nav-offset{font-family:var(--font-mono);font-size:12px;color:var(--danger)}.nav-offset.ahead{color:var(--success)}.message-panel{padding:16px}.message-panel h3{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.message-row{margin-bottom:12px}.message-row label{font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:block}.message-input-row{display:flex;gap:4px}.message-input-row input{flex:1;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none}.message-input-row input:focus{border-color:var(--accent)}.message-active{font-size:11px;color:var(--success);margin-top:4px}.message-toggles{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:5px 10px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn-sm:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-muted{opacity:.6}.btn-toggle{padding:6px 12px;font-size:12px;background:var(--bg-secondary);border:1px solid var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn-toggle.active.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);border-color:var(--danger);color:var(--danger)}.btn-toggle.active.warning{background:color-mix(in srgb,var(--warning) 15%,transparent);border-color:var(--warning);color:var(--warning)}.aux-timer-panel{padding:16px}.aux-timer-panel h3{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.aux-timer-grid{display:flex;flex-direction:column;gap:8px}.aux-timer-card{background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:var(--radius);padding:12px}.aux-timer-card.running{border-color:var(--success)}.aux-timer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.aux-timer-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.aux-timer-state{font-size:10px}.aux-timer-state.running{color:var(--success)}.aux-timer-state.paused{color:var(--warning)}.aux-timer-display{font-family:var(--font-mono);font-size:28px;font-weight:700;text-align:center;margin-bottom:8px}.aux-timer-controls{display:flex;gap:4px;justify-content:center;margin-bottom:8px}.aux-timer-controls .btn-sm{width:36px;height:28px;display:flex;align-items:center;justify-content:center}.aux-timer-controls .btn-play{color:var(--success)}.aux-timer-controls .btn-pause{color:var(--warning)}.aux-timer-controls .btn-stop{color:var(--danger)}.aux-timer-settings{display:flex;gap:8px;align-items:center}.aux-timer-settings select{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px}.duration-input.compact input{width:40px;padding:4px 6px;font-size:12px;font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center}.backstage-view{height:100%;background:var(--bg-primary);display:flex;flex-direction:column;padding:40px;position:relative}.backstage-view.blackout{background:#000}.backstage-view.blink{animation:blink-anim 1s ease-in-out infinite}@keyframes blink-anim{0%,to{opacity:1}50%{opacity:.3}}.backstage-message{background:var(--accent);color:#fff;padding:12px 24px;border-radius:var(--radius);text-align:center;font-size:20px;font-weight:600;margin-bottom:24px;animation:pulse-bg 2s ease-in-out infinite}.backstage-clock{font-family:var(--font-mono);font-size:24px;color:var(--text-muted);text-align:right;margin-bottom:24px}.backstage-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:32px}.backstage-section-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.backstage-event-title{font-size:28px;font-weight:600;margin-bottom:12px}.backstage-event-title.dim{color:var(--text-muted)}.backstage-timer{font-family:var(--font-mono);font-size:72px;font-weight:700}.backstage-timer.warning{color:var(--warning)}.backstage-timer.danger{color:var(--danger)}.backstage-event-duration{font-family:var(--font-mono);font-size:24px;color:var(--text-secondary);display:flex;align-items:center;gap:12px}.backstage-strategy{font-size:12px;padding:2px 8px;border-radius:var(--radius-sm)}.backstage-strategy.fixed{color:var(--fixed-color);background:color-mix(in srgb,var(--fixed-color) 10%,transparent)}.backstage-strategy.flexible{color:var(--flexible-color);background:color-mix(in srgb,var(--warning) 10%,transparent)}.backstage-event-note{margin-top:12px;font-size:16px;color:var(--text-secondary);font-style:italic}.backstage-progress{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-top:12px}.backstage-progress-fill{height:100%;border-radius:2px;transition:width .15s linear}.backstage-progress-fill.normal{background:var(--text-primary)}.backstage-progress-fill.warning{background:var(--warning)}.backstage-progress-fill.danger{background:var(--danger)}.backstage-progress-fill.overtime{background:var(--danger);width:100%!important}.backstage-flag{color:var(--warning);font-size:16px;margin-left:8px}.backstage-upcoming-list{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}.backstage-upcoming-item{padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--bg-hover)}.backstage-upcoming-item.next{border-left-color:var(--success);background:color-mix(in srgb,var(--success) 6%,transparent)}.backstage-upcoming-header{display:flex;align-items:center;gap:8px}.backstage-upcoming-strategy.fixed{color:var(--fixed-color)}.backstage-upcoming-strategy.flexible{color:var(--flexible-color)}.backstage-upcoming-title{flex:1;font-size:16px;font-weight:500}.backstage-upcoming-duration{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary)}.backstage-upcoming-flag{color:var(--warning);font-size:14px}.backstage-upcoming-note{font-size:13px;color:var(--text-muted);font-style:italic;margin-top:4px}.offset-value.ahead{color:var(--success)}.backstage-offset{display:flex;align-items:center;gap:12px;padding:12px;background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:var(--radius);margin-top:16px}.offset-label{color:var(--text-secondary);font-size:14px}.offset-value{font-family:var(--font-mono);font-size:18px;color:var(--danger);font-weight:700}.offset-rebalanced{font-size:13px;color:var(--flexible-color)}.offset-warning{font-size:13px;color:var(--danger)}.backstage-public-message{margin-top:16px;padding:12px 24px;background:var(--bg-tertiary);border-radius:var(--radius);text-align:center;font-size:18px}.clock-view{height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.clock-view.blackout{background:#000}.clock-view.blink{animation:blink-anim 1s ease-in-out infinite}.clock-message{position:absolute;top:40px;background:var(--accent);color:#fff;padding:8px 24px;border-radius:var(--radius);font-size:18px;font-weight:600}.clock-display{font-family:var(--font-mono);font-size:clamp(60px,20vw,240px);font-weight:700;line-height:1;color:var(--text-primary)}.clock-separator{margin:0 4px}.clock-separator.dim,.clock-seconds.dim{opacity:.4}.clock-event-info{margin-top:24px;display:flex;gap:16px;font-size:18px;color:var(--text-secondary)}.clock-offset{font-family:var(--font-mono);color:var(--danger)}.timeline-view{height:100%;padding:32px;overflow-y:auto}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.timeline-header h2{font-size:18px;font-weight:600}.timeline-offset{font-family:var(--font-mono);font-size:14px;color:var(--danger)}.timeline-empty{text-align:center;color:var(--text-muted);padding:60px}.timeline-bar-container{margin-bottom:24px}.timeline-bar{display:flex;height:40px;border-radius:var(--radius);overflow:hidden;gap:1px}.timeline-block{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s}.timeline-block.fixed{background:color-mix(in srgb,var(--fixed-color) 30%,transparent);border-bottom:3px solid var(--fixed-color)}.timeline-block.flexible{background:color-mix(in srgb,var(--warning) 20%,transparent);border-bottom:3px solid var(--flexible-color)}.timeline-block.current{background:color-mix(in srgb,var(--success) 30%,transparent);border-bottom-color:var(--success)}.timeline-block-reduction{position:absolute;right:0;top:0;bottom:0;background:color-mix(in srgb,var(--danger) 30%,transparent)}.timeline-block-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;color:var(--text-primary);position:relative;z-index:1}.timeline-legend{display:flex;gap:16px;margin-bottom:24px}.timeline-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:2px}.legend-dot.fixed{background:var(--fixed-color)}.legend-dot.flexible{background:var(--flexible-color)}.legend-dot.reduction{background:var(--danger)}.timeline-events-list{display:flex;flex-direction:column;gap:2px}.timeline-event-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px}.timeline-event-row.current{background:color-mix(in srgb,var(--success) 10%,transparent);border-left:3px solid var(--success)}.timeline-event-num{color:var(--text-muted);font-size:12px;width:24px;text-align:center}.timeline-event-strategy.fixed{color:var(--fixed-color)}.timeline-event-strategy.flexible{color:var(--flexible-color)}.timeline-event-title{flex:1}.timeline-event-duration{font-family:var(--font-mono);color:var(--text-secondary)}.timeline-event-adjusted{font-family:var(--font-mono);color:var(--flexible-color);font-size:12px}.timeline-event-adjusted .delta{color:var(--danger);margin-left:4px}.cuesheet-view{height:100%;overflow:auto;padding:16px}.cuesheet-table{width:100%;border-collapse:collapse;font-size:13px}.cuesheet-table th{padding:8px 12px;text-align:left;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1}.cuesheet-table td{padding:8px 12px;border-bottom:1px solid var(--bg-tertiary)}.cuesheet-table tr.current td{background:color-mix(in srgb,var(--success) 8%,transparent)}.cuesheet-table .mono{font-family:var(--font-mono)}.cuesheet-strategy.fixed{color:var(--fixed-color)}.cuesheet-strategy.flexible,.cuesheet-table .adjusted{color:var(--flexible-color)}.cuesheet-table .delta{color:var(--danger);font-size:11px}.cuesheet-note{color:var(--text-secondary);font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cuesheet-num{color:var(--text-muted);text-align:center;width:32px}.cuesheet-table tfoot td{font-weight:600;border-top:2px solid var(--bg-hover);color:var(--text-secondary)}.settings-view{max-width:640px;margin:0 auto;padding:32px;height:100%;overflow-y:auto}.settings-saved{position:fixed;top:56px;right:16px;background:var(--success);color:#fff;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;z-index:100;animation:fadeout 2s ease forwards}@keyframes fadeout{0%,70%{opacity:1}to{opacity:0}}.settings-section{margin-bottom:32px}.settings-section h2{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--bg-hover)}.settings-section input[type=text],.settings-section input[type=number],.settings-section select,.settings-section textarea{width:100%;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none}.settings-section input:focus,.settings-section select:focus,.settings-section textarea:focus{border-color:var(--accent)}.settings-section textarea{resize:vertical}.settings-actions{display:flex;gap:12px}.settings-actions .btn{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.settings-section input[type=checkbox]{margin-right:6px}.rundown-block-divider{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:4px 0}.block-divider-line{flex:1;height:1px;background:var(--text-muted);opacity:.3}.rundown-block-divider .rundown-item-drag{opacity:.3}.rundown-block-divider .rundown-item-delete{opacity:0;transition:opacity .15s}.rundown-block-divider:hover .rundown-item-delete{opacity:1}.block-divider-input{background:transparent;border:none;border-bottom:1px solid var(--accent);color:var(--text-primary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-align:center;outline:none;padding:2px 4px;font-family:var(--font-sans)}.block-divider-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap;cursor:default}.rundown-delay{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:2px 0;background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.delay-icon{font-size:14px;color:var(--accent)}.delay-label{font-family:var(--font-mono);font-size:12px;color:var(--accent);cursor:default;flex:1}.delay-edit{display:flex;align-items:center;gap:4px;flex:1}.delay-edit input{width:50px;padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;text-align:center;outline:none}.delay-edit span{font-size:12px;color:var(--text-muted)}.rundown-delay .rundown-item-delete{opacity:0;transition:opacity .15s}.rundown-delay:hover .rundown-item-delete{opacity:1}.rundown-group{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 0 0;background:var(--bg-tertiary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-left:4px solid var(--accent)}.group-collapse-btn{cursor:pointer;font-size:12px;color:var(--text-muted);width:16px;text-align:center;-webkit-user-select:none;user-select:none}.group-collapse-btn:hover{color:var(--text-primary)}.group-title{font-size:13px;font-weight:600;flex:1;cursor:default}.group-title-input{background:transparent;border:none;border-bottom:1px solid var(--accent);color:var(--text-primary);font-size:13px;font-weight:600;outline:none;padding:0 2px;flex:1;font-family:var(--font-sans)}.group-count{font-size:11px;color:var(--text-muted);background:var(--bg-hover);padding:1px 6px;border-radius:2px}.group-add-btn{background:transparent;border:1px dashed var(--bg-hover);color:var(--text-muted);cursor:pointer;font-size:14px;width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s;opacity:0}.rundown-group:hover .group-add-btn{opacity:1}.group-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.rundown-group .rundown-item-delete{opacity:0;transition:opacity .15s}.rundown-group:hover .rundown-item-delete{opacity:1}.rundown-item-note{font-size:11px;color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.skip-badge{font-size:9px;font-weight:700;padding:1px 4px;background:var(--danger);color:#fff;border-radius:2px;margin-right:6px;text-transform:uppercase;letter-spacing:.05em}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--bg-hover)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.rundown-item-times{display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);min-width:40px;gap:1px}.rundown-item-start{color:var(--text-secondary)}.rundown-item-end{opacity:.6}.toolbar-start-time{display:flex;align-items:center;gap:6px;margin-left:12px;font-size:12px;color:var(--text-secondary)}.toolbar-start-time input[type=time]{padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;outline:none}.toolbar-start-time input[type=time]:focus{border-color:var(--accent)}.toolbar-airtime-badge{font-size:10px;font-weight:700;letter-spacing:.1em;padding:3px 8px;background:color-mix(in srgb,var(--roll-blue) 15%,transparent);color:var(--roll-blue);border-radius:var(--radius)}.timer-view.blackout{background:#000!important}.timer-view.blink{animation:blink-anim 1s ease-in-out infinite}.timer-message-overlay{position:absolute;top:60px;background:var(--accent);color:#fff;padding:12px 32px;border-radius:var(--radius);font-size:24px;font-weight:600;z-index:10;animation:pulse-bg 2s ease-in-out infinite}.timer-public-message{position:absolute;bottom:100px;background:var(--bg-tertiary);padding:8px 24px;border-radius:var(--radius);font-size:16px;color:var(--text-secondary)}.timer-lower-third{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:24px 40px}.lower-third-inner{background:var(--accent);color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-size:18px;font-weight:500;display:inline-block}.playback-mode-badge{margin-left:8px;font-size:10px;padding:2px 6px;background:var(--accent-dim);color:var(--accent);border-radius:var(--radius-sm);font-weight:700;letter-spacing:.05em}.btn-roll{font-size:18px}.btn-roll.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent)}.event-log{padding:16px}.event-log h3{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.log-empty{color:var(--text-muted);font-size:12px}.log-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.log-entry{display:flex;gap:8px;font-size:12px;padding:4px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.log-time{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.log-entry.warning .log-message{color:var(--danger)}.log-entry.playback .log-message{color:var(--accent)}.log-entry.event .log-message{color:var(--success)}.custom-fields{margin-top:16px;padding-top:16px;border-top:1px solid var(--bg-hover)}.custom-fields h4{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.custom-fields-empty{font-size:12px;color:var(--text-muted);margin-bottom:8px}.custom-field-input{display:flex;gap:4px}.custom-field-input input{flex:1}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px}.btn-icon:hover{color:var(--danger)}.custom-field-add{display:flex;gap:4px;margin-top:8px}.custom-field-add input{flex:1;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px}.sharing-panel h3{font-size:16px;font-weight:600;margin-bottom:16px}.sharing-section{margin-bottom:20px}.sharing-section h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.sharing-address{margin-bottom:4px}.sharing-address code{font-family:var(--font-mono);font-size:13px;background:var(--bg-secondary);padding:4px 8px;border-radius:var(--radius-sm)}.sharing-empty{font-size:12px;color:var(--text-muted)}.sharing-links{display:flex;flex-direction:column;gap:8px}.sharing-link{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.sharing-link span{font-weight:500;min-width:80px}.sharing-link code{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);flex:1}.qr-placeholder{flex-shrink:0}.sharing-client{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:4px;font-size:13px}.client-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.client-name{font-weight:500}.client-view{color:var(--text-muted);font-size:12px;margin-left:auto}.studio-view{height:100%;background:#000;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px;overflow:hidden}@media(max-width:900px){.studio-view{grid-template-columns:1fr;overflow-y:auto}}.studio-clock-area{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.studio-clock-circle{width:480px;height:480px;position:relative;display:flex;align-items:center;justify-content:center}.studio-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--bg-secondary);top:50%;left:50%;margin:-4px 0 0 -4px;transform-origin:4px 4px;transition:background .15s}.studio-dot.marker{width:10px;height:10px;margin:-5px 0 0 -5px;transform-origin:5px 5px}.studio-dot.active{background:var(--danger);box-shadow:0 0 6px color-mix(in srgb,var(--danger) 60%,transparent)}.studio-dot.marker.active{background:var(--danger);box-shadow:0 0 8px color-mix(in srgb,var(--danger) 80%,transparent)}.studio-minute-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--danger);top:50%;left:50%;margin:-3.5px 0 0 -3.5px;transform-origin:3.5px 3.5px;opacity:.6}.studio-clock-time{font-family:var(--font-mono);font-size:72px;font-weight:700;color:var(--danger);letter-spacing:-.02em;text-align:center;z-index:1}.studio-clock-sep{opacity:.6}.studio-clock-sec{font-size:40px;opacity:.5;vertical-align:super;margin-left:2px}.studio-onair{margin-top:24px;padding:6px 20px;background:transparent;border:2px solid var(--bg-active);border-radius:var(--radius);font-size:14px;font-weight:700;letter-spacing:.2em;color:var(--bg-active);text-transform:uppercase;transition:all .3s;opacity:.3}.studio-onair.visible{background:var(--danger);border-color:var(--danger);color:#fff;opacity:1;box-shadow:0 0 20px color-mix(in srgb,var(--danger) 40%,transparent)}.studio-cards{display:flex;flex-direction:column;gap:8px;justify-content:center}.studio-card{background:var(--bg-secondary);border:1px solid var(--bg-secondary);border-radius:var(--radius);padding:16px 20px}.studio-card-row{display:flex}.studio-card-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.studio-card-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.studio-card-col{display:flex;flex-direction:column;gap:4px}.studio-card-col.center{text-align:center;align-items:center}.studio-card-col.right{text-align:right;align-items:flex-end}.studio-card-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.studio-card-value{font-family:var(--font-mono);font-size:16px;color:var(--text-primary)}.studio-card-value.small{font-size:14px;color:var(--text-secondary)}.studio-card-value.mono{font-family:var(--font-mono)}.studio-card-value.over{color:var(--danger)}.studio-card-value.under,.studio-card-value.running{color:var(--success)}.studio-card-event-title{font-size:16px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-card-event-title.dim{color:var(--text-muted)}.studio-event-timer{font-family:var(--font-mono);font-size:48px;font-weight:700;line-height:1;transition:color .3s,opacity .3s}.studio-event-timer.normal{color:var(--text-primary)}.studio-event-timer.warning{color:var(--warning)}.studio-event-timer.danger{color:var(--danger)}.studio-event-timer.overtime{color:var(--danger);animation:pulse-text 1s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.studio-card-col.paused .studio-event-timer{opacity:.4}.card-event{border-left:3px solid transparent;transition:border-color .3s}.card-event.normal{border-left-color:var(--success)}.card-event.warning{border-left-color:var(--warning)}.card-event.danger,.card-event.overtime{border-left-color:var(--danger)}.studio-adjusted-badge{margin-top:8px;font-size:12px;color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent);padding:4px 12px;border-radius:var(--radius-sm);display:inline-block}.card-message{border-left:3px solid var(--accent)}.card-message.secondary{border-left-color:var(--text-secondary)}.studio-message-text{font-size:16px;font-weight:500;color:var(--text-primary);margin-top:4px;display:block}.card-warning{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.studio-warning-text{color:var(--danger);font-size:13px;font-weight:500}.studio-custom-fields{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.studio-custom-tag{font-size:12px;padding:2px 8px;background:var(--bg-active);border-radius:var(--radius);color:var(--text-secondary)}.studio-custom-label{color:var(--text-muted)}.studio-event-note{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:6px}.studio-upcoming{display:flex;flex-direction:column;gap:4px;margin-top:8px}.studio-upcoming-item{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--bg-primary);border-radius:var(--radius);border-left:2px solid var(--bg-hover);font-size:13px}.studio-upcoming-item.next{border-left-color:var(--success)}.studio-upcoming-strategy.fixed{color:var(--fixed-color)}.studio-upcoming-strategy.flexible{color:var(--warning)}.studio-upcoming-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-upcoming-duration{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.studio-upcoming-flag{color:var(--warning);font-size:12px}.addtime-controls{display:flex;gap:4px;justify-content:center;margin-top:8px}.btn-addtime{padding:4px 10px;font-size:11px;font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn-addtime:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.finder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;justify-content:center;padding-top:80px}.finder{width:500px;max-height:500px;background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:var(--radius);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}.finder-input{padding:14px 16px;background:transparent;border:none;border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;outline:none}.finder-results{flex:1;overflow-y:auto;padding:4px}.finder-result{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:background .1s}.finder-result.selected{background:var(--accent-dim)}.finder-strategy.fixed{color:var(--fixed-color)}.finder-strategy.flexible{color:var(--flexible-color)}.finder-cue{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 6px;border-radius:2px}.finder-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-duration{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.finder-empty{padding:24px;text-align:center;color:var(--text-muted)}.finder-hint{padding:8px 12px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--bg-hover);text-align:center}.report-panel h3{font-size:16px;font-weight:600;margin-bottom:12px}.report-actions{display:flex;gap:8px;margin-bottom:12px}.report-empty{color:var(--text-muted);font-size:13px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th{text-align:left;padding:6px 8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.report-table td{padding:6px 8px;border-bottom:1px solid var(--bg-tertiary)}.report-table .mono{font-family:var(--font-mono)}.report-table tr.over td{background:color-mix(in srgb,var(--danger) 5%,transparent)}.report-table .over{color:var(--danger)}.report-table .under{color:var(--success)}.operator-view{height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.op-topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);flex-shrink:0}.op-clock{font-family:var(--font-mono);font-size:18px;color:var(--text-secondary)}.op-timer{font-family:var(--font-mono);font-size:32px;font-weight:700;min-width:120px;text-align:center}.op-timer.warning{color:var(--warning)}.op-timer.danger{color:var(--danger)}.op-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);text-transform:uppercase;margin-left:auto}.op-offset{font-family:var(--font-mono);color:var(--danger)}.op-follow{flex-shrink:0}.op-follow.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.op-message{padding:8px 20px;background:var(--accent);color:#fff;font-weight:500;text-align:center}.op-warning{padding:6px 20px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-size:13px;text-align:center}.op-events{flex:1;overflow-y:auto;padding:8px 12px}.op-event{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:2px;border-radius:var(--radius-sm);border-left:3px solid transparent;transition:all .15s}.op-event.past{opacity:.4}.op-event.current{background:color-mix(in srgb,var(--success) 8%,transparent);border-left-color:var(--success)}.op-event.future{background:var(--bg-secondary)}.op-event-num{font-size:12px;color:var(--text-muted);width:24px;text-align:center;flex-shrink:0}.op-event-strategy.fixed{color:var(--fixed-color)}.op-event-strategy.flexible{color:var(--flexible-color)}.op-event-content{flex:1;min-width:0}.op-event-title{font-size:15px;font-weight:500}.op-event-note{font-size:12px;color:var(--text-secondary);font-style:italic;margin-top:2px}.op-event-duration{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);flex-shrink:0}.op-event-cue{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:2px;flex-shrink:0}.automation-panel h3{font-size:16px;font-weight:600}.automation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.automation-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.automation-empty{color:var(--text-muted);font-size:13px}.automation-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px}.automation-item.disabled{opacity:.5}.automation-name{flex:1;font-weight:500;cursor:pointer}.automation-name:hover{color:var(--accent)}.automation-trigger-badge,.automation-action-badge{font-size:10px;padding:2px 6px;background:var(--bg-tertiary);border-radius:2px;color:var(--text-muted);font-family:var(--font-mono)}.automation-editor{background:var(--bg-tertiary);border:1px solid var(--bg-hover);border-radius:var(--radius);padding:16px}.automation-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.automation-editor h4{font-size:14px;font-weight:600}.project-manager h3{font-size:16px;font-weight:600;margin-bottom:12px}.project-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.project-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid transparent}.project-item.active{border-left-color:var(--success)}.project-title{font-weight:500;display:flex;align-items:center;gap:6px}.project-active-badge{font-size:9px;padding:1px 5px;background:var(--success);color:#fff;border-radius:2px;font-weight:700;text-transform:uppercase}.project-demo-badge{font-size:9px;padding:1px 5px;background:var(--brand);color:#fff;border-radius:2px;font-weight:700;text-transform:uppercase}.project-protected-badge{font-size:9px;padding:1px 5px;background:var(--text-muted);color:var(--bg-primary);border-radius:2px;font-weight:700;text-transform:uppercase}.project-item.demo{border-left-color:var(--brand)}.btn-demo-reset{background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand);border:none}.project-filename{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);flex:1}.project-actions,.project-create{display:flex;gap:4px}.project-create input{flex:1;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none}.project-create input:focus{border-color:var(--accent)}.timer-progress-bar{width:80%;max-width:600px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-top:16px}.timer-progress-fill{height:100%;border-radius:2px;transition:width .15s linear}.timer-progress-fill.normal{background:var(--text-primary)}.timer-progress-fill.warning{background:var(--warning)}.timer-progress-fill.danger{background:var(--danger)}.timer-progress-fill.overtime{background:var(--danger);width:100%!important}.timer-offset.ahead{color:var(--success)}.form-field-row{display:flex;gap:16px;margin-bottom:12px}.form-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.form-checkbox input[type=checkbox]{cursor:pointer}.rundown-item.skipped{opacity:.35;text-decoration:line-through}.rundown-item-flag{color:var(--warning);font-size:12px}.grouped-entry{margin-left:20px;border-left:2px solid var(--bg-hover);padding-left:4px}.rundown-item.flagged,.rundown-item:has(.rundown-item-flag){border-right:3px solid var(--warning)}.cuesheet-flag{color:var(--warning);font-size:14px;text-align:center}.op-event-flag{color:var(--warning);font-size:14px;flex-shrink:0}.skipped-text{text-decoration:line-through;opacity:.5}.cuesheet-flag{width:24px;text-align:center}.countdown-view{height:100vh;background:#000;display:flex;flex-direction:column;padding:32px;overflow-y:auto}.countdown-view.blackout{background:#000}.countdown-view.blink{animation:blink-anim 1s ease-in-out infinite}.countdown-clock{font-family:var(--font-mono);font-size:20px;color:var(--text-muted);text-align:right;margin-bottom:24px}.countdown-cards{display:flex;flex-direction:column;gap:12px;max-width:700px;margin:0 auto;width:100%}.countdown-card{background:var(--bg-secondary);border:1px solid var(--bg-secondary);border-radius:var(--radius);padding:20px 24px;border-left:4px solid transparent}.countdown-card.current{border-left-color:var(--success);background:color-mix(in srgb,var(--success) 5%,transparent)}.countdown-card.future{border-left-color:var(--bg-hover)}.countdown-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.countdown-card-cue{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.countdown-card-strategy.fixed{color:var(--fixed-color)}.countdown-card-strategy.flexible{color:var(--flexible-color)}.countdown-card-title{font-size:20px;font-weight:600;margin-bottom:12px}.countdown-card-timer{display:flex;flex-direction:column;gap:8px}.countdown-time{font-family:var(--font-mono);font-size:48px;font-weight:700;text-align:center}.countdown-time.overtime{color:var(--danger)}.countdown-progress{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.countdown-progress-fill{height:100%;background:var(--success);border-radius:2px;transition:width .15s linear}.countdown-card-duration{font-family:var(--font-mono);font-size:18px;color:var(--text-secondary);text-align:center}.countdown-empty{text-align:center;color:var(--text-muted);padding:60px;font-size:18px}.info-view{height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.info-clock{position:absolute;top:24px;right:32px;font-family:var(--font-mono);font-size:18px;color:var(--text-muted)}.info-content{text-align:center;max-width:600px}.info-title{font-size:48px;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.info-description{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.info-url{font-size:16px;color:var(--accent);text-decoration:none}.info-url:hover{text-decoration:underline}@media(max-width:768px){.app-nav{padding:0 8px;height:40px}.app-nav-links{overflow-x:auto;gap:2px}.nav-btn{padding:4px 8px;font-size:11px;white-space:nowrap}.editor{flex-direction:column}.editor-left{border-right:none;border-bottom:1px solid var(--bg-tertiary);max-height:50%}.editor-right{width:100%;max-height:50%}.studio-view{grid-template-columns:1fr;padding:16px;gap:16px}.backstage-layout{grid-template-columns:1fr}.backstage-timer{font-size:48px}.timer-display{font-size:clamp(48px,12vw,120px)}.playback-buttons,.addtime-controls{flex-wrap:wrap}}.custom-field-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.custom-tag{font-size:11px;padding:2px 8px;background:var(--bg-tertiary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-secondary)}.op-event-custom{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.op-custom-tag{font-size:10px;padding:1px 6px;background:var(--bg-tertiary);border-radius:2px;color:var(--text-muted)}.cuesheet-custom-header{color:var(--accent)}.cuesheet-custom{font-size:12px;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}