:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0a0a0b;--panel:#111113;--raise:#1a1a1d;--line:#eeece41a;--paper:#eeece4;--dim:#eeece48c;--faint:#eeece44d;--orange:#fa8023;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}body{box-sizing:border-box;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--ink);color:var(--paper);font:500 12px/1.45 var(--sans);grid-template:"top top top"36px"explorer view inspector"minmax(0,1fr)"timeline timeline timeline"/248px minmax(0,1fr) 288px;margin:0;display:grid;overflow:hidden}body[data-wide]{grid-template-columns:0 minmax(0,1fr) 0}body[data-wide] :is(#explorer,#inspector){visibility:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}svg{fill:currentColor;width:16px;height:16px}svg.line{fill:none;stroke:currentColor;stroke-width:1.5px}:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}h2{font:600 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0;padding:12px 12px 6px}#top{border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:16px;padding:0 12px;display:flex}h1{font:600 12px var(--sans);letter-spacing:.04em;margin:0}.brand{padding:0 7px;position:relative}.brand:before,.brand:after{content:"";border:0 solid;width:4px;height:7px;position:absolute}.brand:before{border-width:1.5px 0 0 1.5px;top:0;left:0}.brand:after{border-width:0 1.5px 1.5px 0;bottom:0;right:0}#status{font:11px var(--mono);color:var(--dim);align-items:center;gap:6px;margin:0 auto 0 0;display:flex}body[data-state=live] #status:before{content:"";background:var(--paper);border-radius:50%;width:6px;height:6px}body[data-playing] #status:before{background:var(--orange)}#top nav{align-items:center;gap:14px;display:flex}#top a{color:var(--dim);font:11px var(--mono);text-decoration:none}#top a:hover{color:var(--paper)}#keys{border:1px solid var(--line);width:24px;height:24px;font:12px var(--mono);background:0 0;padding:0}#explorer,#inspector{background:var(--panel);min-height:0;overflow:auto}#explorer{border-right:1px solid var(--line);grid-area:explorer}#inspector{border-left:1px solid var(--line);grid-area:inspector}.tree,.tree ul{margin:0;padding:0;list-style:none}.row{box-sizing:border-box;width:100%;padding:3px 10px 3px calc(18px + var(--d,0) * 12px);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:8px;display:grid;position:relative}.row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row small{font:11px var(--mono);color:var(--dim)}.row em{font:400 11px var(--sans);color:var(--dim);grid-column:1/-1}.row.pass span{font:11px var(--mono)}.root{color:var(--dim)}button.row:hover{background:var(--raise)}button.row:disabled{cursor:default;color:var(--dim)}.row[aria-expanded]:before{content:"";top:9px;left:calc(7px + var(--d,0) * 12px);border:solid var(--dim);border-width:0 1px 1px 0;width:4px;height:4px;position:absolute;rotate:-45deg}.row[aria-expanded=true]:before{top:7px;rotate:45deg}.row[aria-current]:after{content:"";background:var(--orange);width:2px;position:absolute;inset:0 auto 0 0}.row.sel{color:var(--orange);background:#fa80231a}#inspector section{border-bottom:1px solid var(--line);padding-bottom:12px}#inspector dl,#card dl{grid-template-columns:72px minmax(0,1fr);gap:3px 10px;margin:0;padding:0 12px;display:grid}#inspector dt,#card dt{color:var(--dim)}#inspector dd,#card dd{font:11px/1.5 var(--mono);overflow-wrap:anywhere;margin:0}.none,#f-about{color:var(--dim);margin:0;padding:0 12px}#s-swatch{border:1px solid var(--line);vertical-align:-1px;width:9px;height:9px;margin-right:6px;display:inline-block}#f-link{color:var(--paper);font:600 13px var(--sans);margin:0 12px 4px;text-decoration:none;display:inline-block}#f-link:hover{text-decoration:underline}#f-link:after{content:"";vertical-align:2px;border:1.5px solid;border-width:1.5px 1.5px 0 0;width:6px;height:6px;margin-left:6px;display:inline-block}#l-jp{min-height:21px;color:var(--dim);margin:0 12px 2px;font:700 14px/1.5 Zen Kaku Gothic New,Noto Sans JP,sans-serif}#l-jp b{color:var(--paper);font-weight:inherit}#l-en{color:var(--dim);font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:0 12px}#view{flex-direction:column;grid-area:view;min-width:0;min-height:0;display:flex}#toolbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}#toolbar button{white-space:nowrap;border:1px solid var(--line);height:24px;color:var(--dim);font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:0 9px}#toolbar button:hover{color:var(--paper)}#toolbar [aria-pressed=true]{color:var(--orange);border-color:#fa802380}.seg{display:flex}.seg button+button{margin-left:-1px}#stats{white-space:nowrap;font:11px var(--mono);color:var(--dim);margin-left:auto}#toolbar #full{padding:0 4px}#frame{flex:1;place-items:center;min-height:0;display:grid;container-type:size}#screen{aspect-ratio:16/9;width:min(100cqw,177.778cqh);position:relative}#out,#overlay,#poster{width:100%;height:100%;position:absolute;inset:0}#overlay,#poster{pointer-events:none}#poster{object-fit:cover}body[data-state=live] :is(#poster,#gate){display:none}#gate{justify-items:center;gap:8px;display:grid;position:absolute;bottom:9%;left:50%;translate:-50%}#start{background:var(--ink);color:var(--paper);font:600 13px var(--sans);border:0;align-items:center;gap:8px;padding:10px 18px 10px 14px;display:flex}#start svg{fill:var(--orange)}#start:disabled{cursor:progress;opacity:.55}#note{color:var(--ink);font:11px var(--mono);opacity:.7;margin:0}#hint{border:1px solid var(--line);width:max-content;max-width:calc(100% - 20px);font:11px var(--mono);letter-spacing:.06em;text-align:center;text-transform:uppercase;pointer-events:none;background:#0a0a0bd9;margin:0;padding:4px 10px;position:absolute;top:10px;left:50%;translate:-50%}#hint:empty{display:none}body[data-free] #out{cursor:grab;touch-action:none}body[data-drag] #out{cursor:grabbing}#timeline{border-top:1px solid var(--line);background:var(--panel);grid-area:timeline}#transport{border-bottom:1px solid var(--line);align-items:center;gap:2px;height:34px;padding:0 8px;display:flex}#transport button{width:28px;height:26px;color:var(--dim);background:0 0;border:0;place-items:center;padding:0;display:grid}#transport button:hover{background:var(--raise);color:var(--paper)}#transport #toggle{color:var(--paper)}body[data-playing] #toggle .play,body:not([data-playing]) #toggle .pause{display:none}#transport output{color:var(--dim);font:12px var(--mono);font-variant-numeric:tabular-nums;margin-left:14px}#transport #t-time{color:var(--paper)}#tracks{grid-template-rows:18px 26px 20px 34px;grid-template-columns:64px minmax(0,1fr);display:grid}#tracks>span{border-bottom:1px solid var(--line);color:var(--faint);font:600 9px var(--sans);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding-left:10px;display:flex}#lanes{grid-area:1/2/-1;grid-template-rows:subgrid;touch-action:none;cursor:ew-resize;display:grid;position:relative;overflow:hidden}#lanes>*{border-bottom:1px solid var(--line);min-width:0}#ruler,#wave{width:100%;height:100%;display:block}.lane{position:relative}.clip{box-sizing:border-box;border-left:1px solid var(--faint);color:var(--dim);font:11px/19px var(--sans);white-space:nowrap;text-overflow:ellipsis;background:#eeece40d;padding:0 6px;position:absolute;top:3px;bottom:3px;overflow:hidden}#lyric-clips .clip{font:10px/13px var(--mono);padding:0 4px}.clip.on{color:var(--paper);background:#eeece41f}#playhead{background:var(--orange);pointer-events:none;will-change:transform;width:1px;position:absolute;inset:0 auto 0 0}#playhead:before{content:"";border:4.5px solid #0000;border-top-color:var(--orange);position:absolute;top:0;left:-4px}#tabs{display:none}#card{z-index:2;border:1px solid var(--line);background:var(--panel);padding-bottom:12px;position:fixed;top:44px;right:12px}#card dl{grid-template-columns:max-content minmax(0,1fr);column-gap:16px}@media (width<=1099px),(orientation:portrait){body{grid-template:"top""view""timeline""tabs""panel"minmax(0,1fr)/minmax(0,1fr)}#top{gap:10px;height:36px}#top a+a,#keys,#explorer>h2{display:none}#toolbar{gap:4px;padding:0 8px}#toolbar button{padding:0 7px}#frame{display:block;container-type:normal}#screen{width:100%}#explorer,#inspector{border:0;grid-area:panel}body[data-tab=explorer] #inspector,body[data-tab=inspector] #explorer{display:none}#tabs{border-top:1px solid var(--line);grid-area:tabs;display:flex}#tabs button{background:var(--panel);height:38px;color:var(--dim);font:600 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;border:0;border-bottom:2px solid #0000;flex:1}#tabs [aria-selected=true]{border-bottom-color:var(--orange);color:var(--paper)}#tracks{grid-template-rows:32px;grid-template-columns:minmax(0,1fr)}#tracks>span,#ruler,#lyric-clips,#wave{display:none}#lanes{grid-column:1}.row{padding-top:8px;padding-bottom:8px}.row[aria-expanded]:before{top:14px}.row[aria-expanded=true]:before{top:12px}}@media (width<=480px){#prev-beat,#next-beat,#t-bar{display:none}}body.render{display:block}body.render>:not(#view),body.render :is(#toolbar,#gate,#poster){display:none}