:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6f5;letter-spacing:0;background:#272c2b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}[hidden]{display:none!important}#stage{outline-offset:-3px;touch-action:none;width:100vw;height:100dvh;display:block}header{padding:max(24px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 20px max(28px, env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#17201c9c,#0000);justify-content:space-between;align-items:start;display:flex;position:fixed;inset:0 0 auto}.studio{color:#b5d8ca;font-size:10px;font-weight:700}h1{margin:8px 0 0;font-size:24px;font-weight:500}.graphics{color:#d1ded7;padding-top:3px;font-size:11px}button{font:inherit;cursor:pointer;color:inherit;background:#242c28;border:1px solid #ffffff28;border-radius:5px;justify-content:center;align-items:center;gap:9px;display:inline-flex}button:hover{background:#3c4942}button:disabled{cursor:wait;opacity:.55}button[aria-pressed=true]{color:#1e3026;background:#d4eade}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #eabf75}button svg{pointer-events:none;flex-shrink:0;width:19px;height:19px}#welcome{pointer-events:none;justify-content:center;align-items:end;padding:0 20px max(14vh,70px);display:flex;position:fixed;inset:0}.welcome-content{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:420px;display:flex}#load-status{color:#e1e8e3;text-wrap:balance;margin:0;font-size:13px;line-height:1.6}#begin{pointer-events:auto;color:#1e3026;background:#d4eade;min-height:48px;padding:13px 24px}#controls{padding:20px max(28px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));background:linear-gradient(#0000,#121a16ed);position:fixed;inset:auto 0 0}.timeline{font-variant-numeric:tabular-nums;align-items:center;gap:14px;max-width:1000px;margin:0 auto 14px;font-size:11px;display:flex}.timeline output,.timeline span{flex:0 0 34px}input[type=range]{accent-color:#d4eade;cursor:pointer;min-width:0;height:22px}#seek{flex:1;margin:0}.toolbar{justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin:auto;display:flex}.toolgroup{align-items:center;gap:8px;display:flex}.modes{gap:2px;margin-left:6px;display:flex}.icon-button{flex-shrink:0;width:42px;height:42px}#volume{width:76px}#notice{background:#243329f2;border-radius:4px;max-width:min(440px,100vw - 36px);margin:0;padding:10px 14px;font-size:12px;line-height:1.5;position:fixed;bottom:144px;left:50%;transform:translate(-50%)}@media (width<=600px){header{padding:max(20px, env(safe-area-inset-top)) 18px 16px}h1{font-size:21px}.graphics{font-size:10px}#controls{padding:20px 14px max(18px, env(safe-area-inset-bottom))}.toolgroup{gap:4px}.modes{margin-left:3px}.toolbar{gap:6px}#volume{width:42px}.icon-button{width:36px;height:40px}}@media (height<=500px){header{padding-top:12px}#controls{padding-bottom:10px}#welcome{padding-bottom:30px}}