:root{color-scheme:dark;font-family:Meiryo,Yu Gothic,Hiragino Sans,sans-serif}body{margin:0;background:#0a0d18;color:#e8ecf6}.app{max-width:1280px;margin:0 auto;padding:12px 16px 24px}header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}h1{font-size:20px;margin:0}nav{display:flex;gap:6px;flex-wrap:wrap}button{background:#1b2238;color:#e8ecf6;border:1px solid #34406a;border-radius:6px;padding:6px 12px;cursor:pointer;font:inherit}button.on{background:#3a5bd9;border-color:#6a86ff}.stage16x9{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:12px;background:#000;border-radius:8px;overflow:hidden}.viewer{position:absolute;top:0;right:0;bottom:0;left:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:clamp(11px,1.9vw,24px)}.overlay>*{position:absolute}.title-card{left:1.2%;top:2%;background:#0000008c;padding:.5em .9em;border-radius:4px}.t-series{font-size:.55em;opacity:.85}.t-title{font-size:1.5em;font-weight:700;line-height:1.1}.t-sub{font-size:.55em;opacity:.85}.caption{left:50%;bottom:3%;transform:translate(-50%);background:#0000008c;padding:.3em 1em;border-radius:4px;white-space:nowrap;max-width:96%}.caption.small{font-size:.78em}.badge{right:2%;bottom:3%;background:#0009;padding:.15em .6em;border-radius:4px;font-size:1.6em;font-weight:700}.badge.small{font-size:1em}.legends{right:2%;top:2.5%;text-align:right;font-size:.7em;line-height:1.5}.left-notes{left:2%;bottom:12%;font-size:.7em;line-height:1.6;background:#0006;padding:0 .6em;border-radius:4px}.left-notes:empty{display:none}.top-note{left:50%;top:3%;transform:translate(-50%);background:#0000008c;padding:.3em 1em;border-radius:4px;white-space:nowrap}.controls{display:flex;align-items:center;gap:12px;margin-top:10px}.controls input[type=range]{flex:1}.time{font-variant-numeric:tabular-nums;min-width:12em}.acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}