:root{--brand: #14233d;--accent: #3b6ff5;--danger: #d23531;--ok: #12a85f;--text: #1a1c20;--text-2: #6b7280;--border: #dcdee3;--surface: #ffffff;--ground: #f4f6fa;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--ground);color:var(--text);font:15px/1.6 Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}#pc{border:0;background:var(--surface);transform-origin:center center;box-shadow:0 1px 3px #14233d14}.phone{position:fixed;right:18px;bottom:18px;z-index:10;width:268px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 24px #14233d1f;overflow:hidden}.phone-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:13px 16px;border:0;background:transparent;font:inherit;font-weight:600;font-size:14px;color:var(--text);text-align:left;cursor:pointer}.phone-toggle:hover{background:#fbfcfe}.dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex:none}.dot.ready{background:var(--ok)}.phone-body{padding:0 16px 16px;border-top:1px solid var(--border)}.phone-body p{margin:12px 0 0;font-size:13px;color:var(--text-2);line-height:1.5}.qr{width:100%;aspect-ratio:1;display:grid;place-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;margin-top:12px}.qr svg{width:100%;height:100%}.code{margin:10px 0 0;font-size:12.5px}.code b{color:var(--text);letter-spacing:2px;font-size:14px}.sub{font-size:12.5px;color:var(--text-2)}.sub.ok{color:var(--ok)}.sub.warn{color:var(--danger)}.handoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px;background:var(--brand);color:#fff}.handoff h1{margin:0;font-size:22px}.handoff p{margin:0;font-size:15px;line-height:1.6;opacity:.88}.handoff b{opacity:1}.handoff .sub{color:#fff;opacity:.6}.btn{display:block;width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:14px;font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.live-panel{position:fixed;left:18px;bottom:18px;z-index:10;width:344px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 24px #14233d1f;overflow:hidden}.live-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:13px 16px;border:0;background:transparent;font:inherit;font-weight:600;font-size:14px;color:var(--text);text-align:left;cursor:pointer}.live-toggle:hover{background:#fbfcfe}.live-title{flex:1;min-width:0}.live-store{color:var(--text-2);font-weight:500}.live-clock{font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}.live-body{padding:0 16px 16px;border-top:1px solid var(--border)}.live-state{margin:12px 0 0;font-size:13px;line-height:1.5}.live-state.warn{color:var(--danger)}.live-body .sub{margin:10px 0 0;line-height:1.5}.segments{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;max-height:196px;overflow:auto}.segment{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 10px;border-radius:8px;background:var(--ground);font-size:12.5px}.segment-label{color:var(--text-2);font-variant-numeric:tabular-nums}.segment-status{font-weight:600;text-align:right}.segment.is-live .segment-status,.segment.is-bad .segment-status{color:var(--danger)}.segment.is-busy .segment-status{color:var(--accent)}.segment.is-ok .segment-status{color:var(--ok)}.segment.is-alert{background:#fdecec}.segment.is-alert .segment-status{color:var(--danger)}.dot.is-live{background:var(--danger);animation:pulse 1.4s ease-in-out infinite}.dot.is-bad{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.btn.small{margin-top:12px;padding:10px;font-size:14px}.notice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;padding:24px;background:#14233d8c}.notice-card{width:min(480px,100%);background:var(--surface);border-radius:14px;padding:24px;box-shadow:0 12px 40px #14233d40}.notice-card h1{margin:0;font-size:18px}.notice-card p{margin:10px 0 0;font-size:14px;line-height:1.6}.notice-list{margin:10px 0 0;padding-left:20px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (max-width: 720px){.phone,.live-panel{display:none}}