:root{--s:1;--bar-bg:#06070bdb;--bar-fg:#e8e6df;--bar-dim:#8d909a;--bar-line:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;color:var(--bar-fg);background:#04050a;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0}#stage{touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#stage>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none}#hud-fade{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.chrome-bar{z-index:10;align-items:center;gap:calc(8px * var(--s));padding:0 calc(8px * var(--s));box-sizing:border-box;background:var(--bar-bg);font-size:calc(17px * var(--s));transition:opacity .35s;display:flex;position:absolute}#tabbar{border-bottom:1px solid var(--bar-line);gap:calc(2px * var(--s))}#transport{border-top:1px solid var(--bar-line)}#app[data-chrome=pinned] .chrome-bar{background:#07080c}#app[data-chrome=overlay][data-chrome-visible="0"] .chrome-bar,#app[data-chrome-hidden="1"] .chrome-bar{opacity:0;pointer-events:none}.spacer{flex:1}button,select{font:inherit;color:var(--bar-fg);border-radius:calc(2px * var(--s));cursor:pointer;background:0 0;border:1px solid #0000}button:focus-visible,select:focus-visible{outline:1px solid #ffd678}.btn,.icon-btn{height:calc(52px * var(--s));min-width:calc(50px * var(--s));padding:0 calc(10px * var(--s));font-size:calc(32px * var(--s));white-space:nowrap;line-height:1}.icon-btn{height:calc(40px * var(--s));min-width:calc(44px * var(--s));font-size:calc(28px * var(--s))}.btn:hover,.icon-btn:hover,.tab:hover{background:#ffffff12}.btn.play{min-width:calc(64px * var(--s));font-size:calc(38px * var(--s))}.group{align-items:center;gap:calc(2px * var(--s));display:flex}.segmented .mode{font-size:calc(20px * var(--s));color:var(--bar-dim);border-color:var(--bar-line)}.segmented .mode.active{color:#05060a;background:#e8e6df}.btn.toggle{font-size:calc(18px * var(--s));color:var(--bar-dim);border-color:var(--bar-line)}.btn.toggle.on{color:#ffd678;border-color:#ffd678}select{height:calc(52px * var(--s));border-color:var(--bar-line);font-size:calc(20px * var(--s));padding:0 calc(8px * var(--s));text-overflow:ellipsis;background:#0d0f15}#follow-select{width:calc(230px * var(--s))}#ui-scale{width:calc(124px * var(--s))}.tab{height:100%;padding:0 calc(16px * var(--s));opacity:.5;border-radius:0;position:relative}.tab.active{opacity:1}.tab.active:after{content:"";left:calc(8px * var(--s));right:calc(8px * var(--s));height:calc(3px * var(--s));background:var(--accent);position:absolute;bottom:0}.px-label{pointer-events:none;align-items:center;display:inline-flex}.px-label canvas{display:block}.px-fallback{font-size:calc(21px * var(--s));letter-spacing:.06em;font-weight:700}.badge{font-size:calc(18px * var(--s));padding:calc(3px * var(--s)) calc(6px * var(--s));color:#ffd678;border:1px solid #ffd678}.scrub{min-width:calc(200px * var(--s));flex:1;height:100%;position:relative}#scrub-canvas{inset:calc(6px * var(--s)) 0;width:100%;height:calc(100% - 12px * var(--s));cursor:pointer;touch-action:none;position:absolute}.scrub-tip{white-space:nowrap;border:1px solid var(--bar-line);padding:calc(5px * var(--s)) calc(10px * var(--s));font-size:calc(16px * var(--s));pointer-events:none;margin-bottom:calc(4px * var(--s));background:#06070bf2;position:absolute;bottom:100%;transform:translate(-50%)}.readouts{gap:calc(18px * var(--s))}#loading{z-index:50;background:#04050a;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .card,#help .card{background:#05070d;border:1px solid #282e40;min-width:480px;padding:36px 46px}#loading .title{letter-spacing:.12em;color:#ffd678;font-size:40px;font-weight:700}#loading .sub{color:var(--bar-dim);letter-spacing:.1em;margin-top:8px;font-size:15px}#loading .progress{background:#ffffff1a;height:4px;margin-top:28px}#loading .fill{background:#ffd678;width:0;height:100%;transition:width .15s linear}#loading .phase{color:var(--bar-dim);margin-top:12px;font-size:14px}#loading.error .phase{color:#ff6060}#help{z-index:40;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#help[hidden]{display:none}#help .title{color:#ffd678;letter-spacing:.1em;margin-bottom:16px;font-size:19px;font-weight:700}#help table{border-collapse:collapse;font-size:15px}#help th{text-align:left;color:#ffd678;white-space:nowrap;padding:3px 26px 3px 0;font-weight:400}#help td{padding:3px 0}#loading .version{letter-spacing:.1em;color:var(--bar-dim);opacity:.7;margin-top:24px;font-size:12px}#help .version{color:var(--bar-dim);opacity:.7;margin-top:10px;font-size:12px}#help .note,#help .attr{max-width:720px;color:var(--bar-dim);margin-top:16px;font-size:12px;line-height:1.5}#debug{z-index:30;color:#b8f0c0;pointer-events:none;white-space:pre;background:#000000c7;margin:0;padding:10px 12px;font-size:12px;line-height:1.45;position:fixed;top:50%;left:8px;transform:translateY(-50%)}#debug[hidden]{display:none}.attr-label{left:calc(10px * var(--s));bottom:calc(1px * var(--s));display:none;position:absolute}#app[data-chrome=overlay] .attr-label{display:inline-flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#scrub-canvas:focus-visible{outline:1px solid #ffd678}#help .style-help .subtitle{color:#ffd678;letter-spacing:.1em;margin-top:16px;margin-bottom:6px;font-size:14px}#help .style-help[hidden]{display:none}#app[data-chrome-hidden="1"] .chrome-bar{transition:none}#help .card{box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto}