:root{--bg:#fff;--surface:#f4f4f6;--surface-2:#e9e9ee;--border:#c9c9d3;--text:#0f0f14;--muted:#4b4b5a;--accent:#f97316;--accent-strong:#c2410c;--accent-ink:#1a0a00;--done-bg:#22c55e;--done-border:#15803d;--done-ink:#04210f;--done-soft:#dcfce7;--danger:#dc2626;--radius:14px;--gutter:12px;--col:480px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);text-align:center;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font:16px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:var(--col);margin:0 auto}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.8rem;font-weight:400}.warn{color:var(--danger);font-weight:700}.card-name,.now-name,.next-name,.bin-name,.toast-text,.sheet-header h2,.dialog h2,.dialog p{overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:none;hyphens:none}.card,.card *,.now,.now *,.toast,.menu,.topbar{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.top{z-index:20;background:var(--bg);padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + var(--gutter)) 10px calc(var(--safe-left) + var(--gutter));position:sticky;top:0;box-shadow:0 8px 12px -10px #00000059}.topbar{align-items:center;gap:0;min-height:48px;display:flex}.topbar-spacer{flex:none;width:48px}.title{flex:1;min-width:0}.title-main{overflow-wrap:anywhere;font-size:.8rem;font-weight:800}.title-sub{color:var(--muted);font-size:.8rem}.now{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);overflow:hidden}.now-stage-1,.now-stage-2{border-color:var(--accent);border-width:3px}.now-complete{background:var(--done-bg);border-color:var(--done-border);color:var(--done-ink);padding:18px 16px}.now-main{touch-action:manipulation;min-height:112px;padding:12px 14px 10px}.now-main:active{background:var(--surface-2)}.now-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.now-label{letter-spacing:.12em;color:var(--muted);font-size:.75rem;font-weight:800}.now-complete .now-label{color:var(--done-ink)}.now-name{margin:6px 0 4px;font-size:1.75rem;font-weight:800;line-height:1.12}.now-hint{color:var(--muted);font-size:.82rem}.pill{letter-spacing:.04em;border-radius:999px;align-items:center;padding:3px 10px;font-size:.85rem;font-weight:800;display:inline-flex}.pill-next{border:2px solid var(--text);color:var(--text);background:var(--bg)}.pill-intro{border:2px solid var(--accent-strong);color:var(--accent-strong);background:#fff7ed}.pill-performing{background:var(--accent);color:var(--accent-ink);border:2px solid var(--accent-strong);animation:1.6s ease-in-out infinite pulse}.pill-fixed{background:var(--text);color:var(--bg);border:2px solid var(--text)}@keyframes pulse{50%{opacity:.7}}.next{border-top:1px solid var(--border);background:var(--bg);padding:8px 14px 10px}.next-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;display:flex}.next-name{font-size:1.05rem;font-weight:700}.cue-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.cue-chips li{background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;padding:3px 9px;font-size:.85rem}.main{padding:4px calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + 120px) calc(var(--safe-left) + var(--gutter))}.section-title{letter-spacing:.12em;color:var(--muted);flex-direction:column;align-items:center;gap:2px;margin:18px 4px 8px;font-size:.78rem;font-weight:800;display:flex}.section-title .small{letter-spacing:0}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.empty{color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);padding:16px}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);touch-action:manipulation;align-items:stretch;min-height:76px;transition:background-color .15s,border-color .15s;display:flex}.card:active{background-color:var(--surface-2)}.card-live{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset;background:#fff7ed}.card.stage-3{background:var(--done-bg);border-color:var(--done-border);color:var(--done-ink)}.card.stage-3:active{background:#16a34a}.card-dragging{box-shadow:0 12px 28px #0000004d}.card-handle{flex:none;justify-content:center;align-items:center;width:52px;display:flex}.grip,.lock{width:52px;height:100%;min-height:48px;color:var(--muted);justify-content:center;align-items:center;display:flex}.grip{touch-action:manipulation;cursor:grab;background:0 0;border:0;padding:0}.stage-3 .grip,.stage-3 .lock{color:var(--done-ink)}.card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:10px 2px;display:flex}.card-name{max-width:100%;font-size:1.1rem;font-weight:700;line-height:1.2}.card-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.card-cues{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.82rem;overflow:hidden}.stage-3 .card-cues{color:var(--done-ink)}.now-tag,.done-tag{letter-spacing:.06em;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:800}.now-tag{background:var(--accent);color:var(--accent-ink)}.done-tag{background:var(--done-ink);color:#fff}.chips{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.chip{border:1.5px solid var(--border);color:var(--muted);background:var(--bg);border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:700}.chip-active{background:var(--accent);border-color:var(--accent-strong);color:var(--accent-ink)}.chip-complete{border-color:var(--done-border);color:var(--done-border);background:var(--done-soft)}.stage-3 .chip-complete{background:var(--done-ink);border-color:var(--done-ink);color:#fff}.icon-btn{min-width:48px;min-height:48px;color:var(--text);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:active{background:#00000014}.card-edit{width:52px;color:var(--muted);flex:none;align-self:center}.stage-3 .card-edit{color:var(--done-ink)}.badge{letter-spacing:.06em;color:#fff;border:1px solid #0000;border-radius:6px;align-items:center;padding:2px 7px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-fixed{background:#3f3f46;border-color:#27272a}.badge-band{background:#6d28d9;border-color:#4c1d95}.badge-dance{background:#be185d;border-color:#831843}.badge-video{background:#1d4ed8;border-color:#1e3a8a}.badge-cosplay{background:#0f766e;border-color:#134e4a}.btn{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;min-height:48px;padding:0 18px;font-weight:700}.btn:active{filter:brightness(.92)}.btn-primary{background:var(--accent);border-color:var(--accent-strong);color:var(--accent-ink)}.btn-danger{background:var(--bg);border-color:var(--danger);color:var(--danger)}.dialog .btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.field{text-align:left;flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.field-label{color:var(--muted);font-size:.85rem;font-weight:600}.field-label strong{color:var(--text)}.input{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.input:focus{border-color:var(--accent-strong);outline:none;box-shadow:0 0 0 2px #fed7aa}.textarea{resize:vertical;min-height:96px}.segmented{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.seg{letter-spacing:.05em;opacity:.45;border-radius:10px;min-height:48px;font-size:.85rem;font-weight:800}.seg-on{opacity:1;box-shadow:0 0 0 3px var(--text)}.cue-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cue-row{align-items:center;gap:6px;display:flex}.cue-row .input{flex:1;min-width:0}.backdrop{z-index:50;background:#0f0f1473;position:fixed;inset:0}.sheet-backdrop{justify-content:center;align-items:flex-end;display:flex}.sheet{width:100%;max-width:var(--col);background:var(--bg);border:1px solid var(--border);border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;max-height:88dvh;animation:.18s ease-out rise;display:flex;box-shadow:0 -8px 30px #0003}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.sheet-grabber{background:var(--border);border-radius:3px;width:40px;height:5px;margin:8px auto 0}.sheet-header{padding:8px calc(var(--safe-right) + 16px) 8px calc(var(--safe-left) + 16px);align-items:center;gap:8px;display:flex}.sheet-header:before{content:"";flex:none;width:84px}.sheet-header h2{text-align:center;flex:1;margin:0;font-size:1.15rem}.sheet-header .btn{flex:none;width:84px;padding:0}.sheet-body{overscroll-behavior:contain;padding:8px calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 16px);overflow-y:auto}.menu-backdrop{background:#0f0f1440}.menu{top:calc(var(--safe-top) + 56px);right:max(calc(var(--safe-right) + var(--gutter)), calc((100vw - var(--col)) / 2 + var(--gutter)));width:min(300px, calc(100vw - 2 * var(--gutter)));background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);animation:.14s ease-out rise;position:absolute;overflow:hidden;box-shadow:0 16px 40px #00000040}.menu-item{border:0;border-bottom:1px solid var(--border);text-align:center;background:0 0;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 16px;font-weight:600;display:flex}.menu-item:last-child{border-bottom:0}.menu-item:active{background:var(--surface)}.menu-sub{color:var(--muted);font-size:.78rem;font-weight:400;display:block}.count{background:var(--surface-2);border-radius:999px;min-width:28px;padding:2px 8px;font-size:.85rem}.switch{background:var(--border);border-radius:999px;flex:none;width:46px;height:28px;transition:background .15s;position:relative}.switch-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch-on{background:var(--done-border)}.switch-on .switch-knob{transform:translate(18px)}.dialog-backdrop{z-index:60;justify-content:center;align-items:center;padding:24px;display:flex}.dialog{background:var(--bg);border:1px solid var(--border);border-radius:18px;width:100%;max-width:400px;padding:20px;box-shadow:0 16px 40px #00000040}.dialog h2{margin:0 0 8px;font-size:1.2rem}.dialog p{color:var(--muted);margin:0 0 20px}.dialog-actions{justify-content:center;gap:10px;display:flex}.dialog-actions .btn{flex:1}.toasts{z-index:40;left:calc(var(--safe-left) + var(--gutter));right:calc(var(--safe-right) + var(--gutter));bottom:calc(var(--safe-bottom) + 12px);max-width:calc(var(--col) - 2 * var(--gutter));flex-direction:column;gap:8px;margin:0 auto;display:flex;position:fixed}.toast{color:#fff;border-radius:var(--radius);background:#18181b;align-items:center;gap:8px;padding:6px 6px 6px 14px;animation:.18s ease-out rise;display:flex;box-shadow:0 8px 24px #0000004d}.toast-text{text-align:center;flex:1;min-width:0}.toast .icon-btn{color:#fff}.toast .icon-btn:active{background:#ffffff26}.bin-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.bin-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.bin-info{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.bin-name{font-weight:700}.banner{border:1px solid var(--danger);color:#991b1b;background:#fef2f2;border-radius:10px;margin-top:10px;padding:10px 12px;font-weight:600}.update-bar{border:2px solid var(--accent-strong);background:var(--accent);width:100%;min-height:48px;color:var(--accent-ink);border-radius:10px;margin-bottom:6px;font-size:.95rem;font-weight:800;display:block}.offline-tag{color:var(--done-border);font-weight:700}.help{margin-bottom:18px}.help h3{margin:0 0 6px;font-size:1rem}.help ol{text-align:left;flex-direction:column;gap:6px;max-width:360px;margin:0 auto;padding-left:22px;display:flex}.help p{color:var(--muted);margin:0}.help strong{color:var(--text)}.help-status{background:var(--done-bg);color:var(--done-ink);border-radius:10px;margin:0 0 18px;padding:10px 12px;font-weight:700}.help-install{margin-bottom:18px}.rescue{padding:calc(var(--safe-top) + 40px) 20px 20px;flex-direction:column;gap:12px;display:flex}.rescue h1{margin:0;font-size:1.4rem}.rescue p{color:var(--muted);margin:0 0 8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}