*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}.app-shell{min-height:100vh;display:flex}.side{background:#0a0e148c;border-right:1px solid #232c3a;flex-direction:column;flex:0 0 212px;gap:20px;width:212px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.logo{object-fit:contain;border-radius:11px;flex:none;width:38px;height:38px;display:block}.logo-lg{border-radius:13px;width:46px;height:46px}.brand h1{letter-spacing:.3px;margin:0;font-size:15px;font-weight:600}.side-nav{flex-direction:column;gap:6px;display:flex}.side-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.chips{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.chip{color:#8b97a8;white-space:nowrap;background:#141922;border:1px solid #232c3a;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;display:inline-flex}.chip b{color:#e8eef7;font-weight:600}.chip:before{content:"";background:#8b97a8;border-radius:50%;width:7px;height:7px}.chip.ok{color:#b7e9d3;border-color:#35c98a59}.chip.ok:before{background:#35c98a}.chip.warn{color:#f7dfa8;border-color:#f0b42966}.chip.warn:before{background:#f0b429}.chip.err{color:#ffc9c9;border-color:#ff6b6b66}.chip.err:before{background:#ff6b6b}.chip.busy:before{background:#4f8cff;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.side-user{color:#8b97a8;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:13px;display:flex}.side-user span{text-overflow:ellipsis;white-space:nowrap;color:#e8eef7;overflow:hidden}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.main-inner{gap:18px;width:100%;max-width:980px;margin:0 auto;padding:20px 28px 30px;display:grid}.page-card{background:0 0;border:0;border-radius:0;padding:0}.desktop-toolbar{justify-content:flex-end;align-items:center;min-height:40px;padding:16px 28px 0;display:flex}.desktop-toolbar:has(.page-actions:empty){display:none}.page-actions{justify-content:flex-end;align-items:center;gap:6px;min-height:40px;display:flex}.topbar-right{display:none}.card-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-head h2{margin:0;font-size:16px;font-weight:600}.live-round-tag{color:#d6e4ff;letter-spacing:.04em;background:#4f8cff2e;border-radius:999px;margin-left:4px;padding:2px 10px;font-size:15px;font-weight:650;line-height:1.6}.head-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.muted{color:#8b97a8;font-size:12.5px}.voice-list,.script-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.script-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.voice-card,.item-card{text-align:left;color:inherit;background:#141922;border:0;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:13px 14px;display:flex}.item-card{cursor:pointer;font:inherit;padding:14px 15px}.item-card:hover{background:#1a2130}.voice-card.fresh,.item-card.fresh{background:#35c98a14}.vc-head{align-items:center;gap:8px;display:flex}.vc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.vc-meta{color:#8b97a8;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.tag{color:#8b97a8;background:#1d2635;border:1px solid #232c3a;border-radius:99px;flex:none;padding:1px 8px;font-size:11.5px}.tag.good{color:#a9e8cd;background:#35c98a14;border-color:#35c98a59}.play-btn{color:#e8eef7;cursor:pointer;background:#141922;border:1px solid #232c3a;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.play-btn:hover{background:#1a2130;border-color:#3a4860}.guide{background:#141922;border:1px dashed #232c3a;border-radius:12px;margin-bottom:18px;padding:14px 16px}.guide-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide p{color:#cdd8e6;margin:8px 0 0}.rec-area{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.rec-btn{color:#ffd3d3;cursor:pointer;background:#ff6b6b1f;border:1px solid #ff6b6b73;border-radius:999px;align-items:center;gap:10px;padding:13px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.rec-btn:hover{background:#ff6b6b33}.rec-btn .dot{background:#ff6b6b;border-radius:50%;width:11px;height:11px;box-shadow:0 0 #ff6b6b80}.rec-btn.recording{background:#ff6b6b3d;border-color:#ff6b6b}.rec-btn.blocked{opacity:.55;cursor:not-allowed;color:#8b97a8;background:#ffffff08;border-color:#232c3a}.rec-btn.blocked .dot{background:#556176}.rec-btn.recording .dot{animation:1.2s infinite recPulse}@keyframes recPulse{0%{box-shadow:0 0 #ff6b6b8c}to{box-shadow:0 0 0 12px #ff6b6b00}}.rec-meta{flex:1;min-width:220px}.timer{font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:22px}.meter{background:#1f2633;border-radius:99px;height:6px;margin:6px 0;overflow:hidden}.meter i{background:linear-gradient(90deg,#35c98a,#f0b429,#ff6b6b);border-radius:99px;width:0;height:100%;transition:width 60ms linear;display:block}.rec-tip{color:#8b97a8;font-size:12.5px}.mic-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}.warn-line{color:#f7dfa8;white-space:pre-wrap;background:#f0b4291a;border:1px solid #f0b4296b;border-radius:9px;margin:0 0 12px;padding:10px 13px;font-size:12.5px;line-height:1.65}.warn-line.hot{color:#ffc9c9;background:#ff6b6b1a;border-color:#ff6b6b73}.pending{background:#4f8cff0f;border:1px solid #4f8cff40;border-radius:12px;margin-top:18px;padding:16px}.pending-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pending-play{align-items:center;gap:10px;display:inline-flex}.live-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-field{color:#8b97a8;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.read-status{color:#8b97a8;min-height:20px;margin-top:14px;font-size:13px}.read-queue{gap:8px;margin-top:8px;display:grid}.rq-row{background:#141922;border:1px solid #232c3a;border-radius:9px;grid-template-columns:26px 56px 1fr 96px;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:grid}.rq-row.playing{background:#4f8cff14;border-color:#4f8cff80}.rq-row.done{opacity:.7}.rq-idx{color:#8b97a8}.rq-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rq-gap{color:#8b97a8;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rq-gap.bad{color:#f0b429}.rq-row.chat{background:#f0b4290f;border-color:#f0b42961}.rq-row.chat.playing{background:#4f8cff14;border-color:#4f8cff80}.rq-row.chat.done{opacity:.75}.chat-presets{flex-wrap:wrap;gap:8px;margin:10px 0 8px;display:flex}.chat-compose{align-items:center;gap:8px;display:flex}.chat-list{gap:8px;max-height:36vh;margin-top:12px;display:grid;overflow-y:auto}.chat-item{background:#141922;border:1px solid #232c3a;border-radius:9px;padding:10px 12px;font-size:13px}.chat-item.playing{background:#4f8cff14;border-color:#4f8cff80}.chat-item.skip{opacity:.8}.chat-item.err{border-color:#ff6b6b66}.chat-who{color:#8b97a8;align-items:center;gap:8px;font-size:12px;display:flex}.chat-who b{color:#e8eef7;font-weight:600}.chat-who .chat-play{margin-left:auto}.chat-q{margin-top:4px}.chat-host{color:#c9dcff;margin-top:6px}.script-editor{flex-direction:column;flex:auto;min-height:0;display:flex}.script-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.script-card.is-editing{flex-direction:column;min-height:calc(100vh - 80px);display:flex}.script-area textarea,.script-area .MuiInputBase-root{flex:auto}.auth-gate{z-index:80;background:#080b10eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-card{background:linear-gradient(#ffffff04,#fff0),#171d27;border:1px solid #232c3a;border-radius:14px;flex-direction:column;gap:14px;width:min(420px,100%);padding:28px 26px 24px;display:flex}.auth-card .brand{margin-bottom:6px}.auth-lead{color:#8b97a8;margin:-6px 0 0;font-size:12.5px}.auth-msg{color:#ff6b6b;min-height:1.4em;margin:0;font-size:12.5px}.auth-switch{text-align:center;color:#8b97a8;margin:2px 0 0;font-size:13px}.banner-stack{gap:8px;width:100%;max-width:980px;margin:16px auto 0;padding:0 28px;display:grid}.banner-stack .MuiAlert-root{white-space:pre-line;font-size:13px}.link-btn{color:#7cb2ff;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px;text-decoration:underline}.link-btn:hover{color:#a9caff}.mobile-topbar,.side-backdrop,.side-close{display:none}@media (width<=860px){.pending-form{grid-template-columns:1fr!important}.app-shell{flex-direction:column}.mobile-topbar{z-index:50;width:100%;min-height:52px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;background:#0a0e14;border-bottom:1px solid #232c3a;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.desktop-toolbar{padding:0;display:none}.topbar-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.mobile-topbar .brand{flex:1;min-width:0}.mobile-topbar .zb-head-status{text-overflow:ellipsis;max-width:30vw;overflow:hidden}.mobile-topbar .brand h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-toggle{appearance:none;color:#e8eef7;cursor:pointer;background:#141922;border:1px solid #232c3a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;font-family:inherit;display:inline-flex}.menu-toggle:focus-visible{outline-offset:2px;outline:2px solid #4f8cff}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{background:currentColor;border-radius:1px;width:18px;height:2px;display:block}.menu-toggle-bars{position:relative}.menu-toggle-bars:before,.menu-toggle-bars:after{content:"";position:absolute;left:0}.menu-toggle-bars:before{top:-6px}.menu-toggle-bars:after{top:6px}.side-backdrop{z-index:55;background:#080b109e;display:block;position:fixed;inset:0}.side{z-index:60;width:min(280px,86vw);height:100dvh;max-height:100dvh;padding:calc(18px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px));visibility:hidden;pointer-events:none;background:#0a0e14;border-bottom:0;border-right:1px solid #232c3a;flex-direction:column;flex:none;align-items:stretch;gap:20px;transition:transform .22s,visibility .22s;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-100%)}.side.is-open{visibility:visible;pointer-events:auto;transform:translate(0)}.side-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.side-head .brand{min-width:0}.side-close{color:#e8eef7;cursor:pointer;background:#141922;border:1px solid #232c3a;border-radius:10px;flex:none;justify-content:center;align-items:center;min-height:44px;padding:0 12px;font-family:inherit;font-size:13px;display:inline-flex}.side-close:focus-visible{outline-offset:2px;outline:2px solid #4f8cff}.side-nav{flex-direction:column}.side-nav .MuiButton-root{min-height:44px}.side-foot{flex-direction:column;align-items:stretch;margin-top:auto;margin-left:0}.side .chips{display:flex}.main-inner{padding:14px 14px 30px}.banner-stack{padding:0 14px}}.live-page .live-steps{margin:8px 0 28px}.live-lead{margin:0 0 18px}.live-wizard-fields{gap:16px;max-width:420px;display:grid}.live-wizard-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.live-play{padding:8px 0 0}.live-status-line{color:#8b97a8;margin:0 0 16px;font-size:13px;line-height:1.5}.live-now-text{margin:0;font-size:22px;font-weight:600;line-height:1.55}.live-play.chat .live-now-text{color:#f7dfa8}.live-next-text{margin:16px 0 0;font-size:16px;line-height:1.6}.live-progress{margin:14px 0 0}.live-host-line{margin:16px 0 0}.live-cat-list{margin:8px 0 4px}.item-card:disabled{opacity:.6;cursor:default}.live-log-list{margin-top:28px}.live-log-list ul{margin:8px 0 0;padding:0;list-style:none}.live-log-list li{color:#c5cdd8;border-bottom:1px solid #232c3a;flex-wrap:wrap;gap:14px;padding:8px 0;font-size:13px;display:flex}.live-log-list li span:last-child{color:#8b97a8;margin-left:auto}.live-shift-setting{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 16px;display:flex}.live-shift-setting label{color:#c5cdd8;font-size:13px}.live-shift-setting input[type=number]{color:#e8edf4;background:#10141c;border:1px solid #2a3340;border-radius:8px;width:88px;padding:6px 8px;font-size:14px}.live-shift-setting.compact{margin:0 0 12px}.live-log-group{margin-top:12px}.live-log-group-head{color:#e8edf4;gap:12px;margin-bottom:2px;font-size:13px;font-weight:600;display:flex}.live-host-roster{margin:8px 0 16px}.live-host-roster.compact{margin:0 0 12px}.live-host-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.live-host-card{color:#c5cdd8;background:#10141c;border:1px solid #2a3340;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.live-host-card.current{color:#e8edf4;background:#152033;border-color:#3d8bfd}.live-host-shift{color:#8b98a8}