:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf3f3;background:#000}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#242d33;border:1px solid #3c494f;border-radius:12px;min-height:48px;padding:12px 16px;cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid #89e6ee;outline-offset:3px}button:disabled{opacity:.35;cursor:default}button:hover{background:#334047}[hidden]{display:none!important}#stage{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;align-items:center;justify-content:center;outline:none;background:#000;touch-action:manipulation}#page{display:block;max-width:100%;max-height:100%;object-fit:contain}#loading{position:absolute;max-width:80%;text-align:center;background:#151d22;padding:16px 22px;border-radius:12px;line-height:1.8}#menu{position:fixed;inset:0;z-index:2;background:#000b;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:auto;touch-action:pan-y}.panel{width:min(620px,100%);max-height:100%;overflow:auto;background:#131b20;border:1px solid #354149;border-radius:24px;padding:28px;box-shadow:0 22px 90px #000a}header{display:flex;justify-content:space-between;gap:18px;align-items:center}h1{font-size:26px;margin:5px 0 16px;font-weight:650}.eyebrow{font-size:10px;letter-spacing:.18em;color:#8fdce3;margin:0}.filename{color:#f1df79;overflow-wrap:anywhere;font-size:18px}.navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0}.navigation strong{white-space:nowrap;font-variant-numeric:tabular-nums}.primary{width:100%;background:#a6e4e6;border-color:#a6e4e6;color:#0c2328;font-weight:700;font-size:18px}.primary:hover{background:#c5f6f4}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tools button{flex:1;white-space:nowrap;font-size:14px}.toggle{display:flex;align-items:center;gap:9px;margin:22px 0 16px;font-size:15px}.toggle input{width:22px;height:22px;accent-color:#8fdce3}.toggle span{color:#94a4ad;font-size:12px}.hint,.footnote,details{font-size:13px;line-height:1.7;color:#a9b8bf}.footnote{margin-bottom:0;color:#91a0a8}details{border-top:1px solid #354149;padding-top:16px}summary{cursor:pointer;padding:5px 0;color:#cfdee3}pre{white-space:pre-wrap;word-break:break-all;background:#090e12;border-radius:10px;padding:12px;font-size:11px;color:#b6efef;max-height:150px;overflow:auto}#toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#19272c;color:#def6f5;padding:12px 20px;border-radius:12px;z-index:4;max-width:90%;font-size:14px;text-align:center}@media(max-width:520px){.panel{padding:20px}.navigation button{padding:10px;font-size:13px}.toggle{flex-wrap:wrap}.toggle span{margin-left:30px}}

#song-change{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;user-select:none;color:#d8dfe3;background:#10171bc9;border:1px solid #ffffff18;border-radius:7px;padding:6px 10px;font-size:15px;font-weight:500;line-height:1.4;z-index:1}