:root{--bg: #f4ecd8;--ink: #111;--mute: #5a5348;--bar: #1a1a1a;--bar-ink: #f4ecd8;--hit: #e23b2e;--hit-ink: #fff;--mark: #fff3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;height:100dvh;margin:0;touch-action:none}body{font-family:-apple-system,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none}#app{height:100%;height:100dvh;display:flex;flex-direction:column}.show{display:grid;grid-template-columns:minmax(220px,28vw) 1fr;grid-template-rows:auto 1fr;height:100%;min-height:0}.top{grid-column:1 / -1;display:flex;align-items:stretch;gap:10px;padding:8px 10px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:max(8px,env(safe-area-inset-top));background:var(--bar);color:var(--bar-ink);min-height:72px}.set-name,.timer,.request-btn,.backstage-btn,.timer-btn,.song-btn,.hit,.close-overlay,.zoom-btn,.step-btn{-webkit-appearance:none;appearance:none;touch-action:manipulation}.set-name,.timer,.request-btn,.backstage-btn{border:0;font:inherit;font-weight:700;font-size:22px;min-height:56px}.set-name{background:#2a2a2a;color:var(--bar-ink);padding:0 16px;border-radius:8px;min-width:180px;max-width:36vw}.timer-wrap{display:flex;align-items:stretch;gap:8px;margin-left:auto}.timer{background:#2a2a2a;color:#fff;min-width:110px;font-size:28px;font-variant-numeric:tabular-nums;border-radius:8px}.timer-btn{background:#3a3a3a;color:#fff;border:0;border-radius:8px;font-weight:700;font-size:20px;min-width:88px;min-height:56px}.timer-btn.go{background:#2e7d32}.timer-btn.stop{background:#c62828}.step-btn{min-width:72px;background:#2a2a2a}.request-btn{background:var(--hit);color:var(--hit-ink);border-radius:8px;padding:0 28px;min-width:160px;letter-spacing:.04em;flex-shrink:0}.backstage-btn{background:transparent;color:#aaa;font-size:16px;min-width:48px}.rail{background:#222;color:#eee;overflow:hidden;display:flex;flex-direction:column;padding:8px 0}.rail h2{margin:0 12px 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#aaa}.songs{flex:1;overflow:hidden;display:flex;flex-direction:column}.song-btn{display:block;width:100%;text-align:left;border:0;background:transparent;color:#eee;font:inherit;font-size:18px;padding:14px;min-height:52px;border-left:6px solid transparent}.song-btn .n{color:#888;margin-right:8px}.song-btn.on{background:#3a3a3a;border-left-color:var(--hit);font-weight:700}.stage{position:relative;overflow:hidden;background:var(--bg);padding:8px 10px 68px;min-height:0;touch-action:none}.stage.zoomed{overflow:auto;-webkit-overflow-scrolling:touch}.chart-frame{transform-origin:0 0}.chart-zoom{transform-origin:0 0;will-change:transform}.chart{width:auto;height:auto;overflow:visible;font-size:20px;line-height:1.08;display:flex;flex-direction:column}.chart-body{overflow:visible}.chart-col{flex:0 0 auto;width:max-content;min-width:min-content;overflow:visible}.zoom-ui{position:absolute;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:8px;z-index:20;pointer-events:none}.zoom-ui .zoom-btn{pointer-events:auto}.zoom-btn{width:56px;height:56px;border:0;border-radius:8px;background:#1a1a1a;color:#f4ecd8;font-size:28px;font-weight:700;line-height:1}.chart-line{width:max-content;max-width:none}.song-pick{display:none}.chart-head{break-inside:avoid;margin-bottom:8px}.chart-title{font-weight:800;font-size:1.15em}.chart-artist{color:var(--mute);font-size:.7em}.chart-meta{color:var(--mute);font-size:.62em;font-weight:700}.chart-section{font-size:.62em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-top:.4em;break-after:avoid}.chart-line{break-inside:avoid;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;white-space:pre}.chart-chords{color:#9b1c1c;font-weight:800;min-height:1em}.chart-lyric{font-weight:600}.chart-blank{height:.45em}.chart-tight{letter-spacing:-.03em}.chart-tight .chart-lyric,.chart-tight .chart-chords{white-space:pre-wrap;word-break:break-word}.qa-fail{position:absolute;left:8px;bottom:8px;font-size:13px;color:#fff;background:#9b1c1c;font-weight:700;padding:4px 8px}.qa-list{font-size:16px}.overlay{position:fixed;inset:0;background:#111;color:#fff;z-index:20;display:flex;flex-direction:column;padding:16px;gap:12px}.overlay.hidden{display:none}.overlay input{font-size:32px;padding:18px;border-radius:10px;border:0;min-height:64px}.hits{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px}.hit{text-align:left;font-size:24px;padding:18px 16px;min-height:64px;border:0;border-radius:10px;background:#2a2a2a;color:#fff}.hit small{display:block;color:#bbb;font-size:16px}.close-overlay{align-self:flex-end;min-height:56px;min-width:120px;font-size:20px;font-weight:700;border:0;border-radius:8px}.backstage{position:fixed;inset:0;background:#f4ecd8;color:#111;z-index:15;padding:16px;overflow:auto}.backstage.hidden{display:none}.backstage h1{margin:0 0 12px}.backstage li{font-size:20px;margin:8px 0}@media(max-width:900px){.show{grid-template-columns:1fr;grid-template-rows:auto 1fr}.rail{display:none}.song-pick{display:block;max-width:22vw;min-width:0}.set-name{max-width:18vw;min-width:0}.set-name,.request-btn,.timer-btn{font-size:16px;min-height:48px}.top{min-height:56px;gap:6px}.request-btn{min-width:110px;padding:0 14px}.step-btn{min-width:64px}.backstage-btn{min-width:44px;width:44px;font-size:0;padding:0}.backstage-btn:after{content:"⋯";font-size:22px;color:#aaa}}