:root{--color-bg: #07080d;--color-surface: rgba(18, 18, 20, .92);--color-border: rgba(255, 255, 255, .14);--color-border-faint: rgba(255, 255, 255, .1);--color-text: #e8ecf4;--color-text-sub: #9aa6bb;--color-text-faint: #5b6472;--color-accent: #7de3f4;--color-ok: #34d399;--color-warn: #ffd479;--color-error: #ff7a7a;--color-button: #2563eb;--color-button-sec: #333333;--color-input-bg: #111111;--color-input-border: #444444}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--color-bg);overflow:hidden;color-scheme:dark}#gl{display:block;width:100vw;height:100vh;image-rendering:pixelated}#panel{position:fixed;top:12px;left:12px;z-index:10;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px 14px;max-width:340px;backdrop-filter:blur(4px)}#panel h1{font-size:13px;margin-bottom:8px;color:#fff;font-weight:600}#panel h1 .ver{color:var(--color-text-faint);font-weight:400}:where(#panel .row){display:flex;align-items:center;gap:8px;margin:4px 0;flex-wrap:wrap}#panel label{flex:0 0 122px;color:var(--color-text-sub)}#panel input[type=number]{width:92px;background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-input-border);border-radius:4px;padding:3px 6px;font:inherit}#panel input[type=checkbox]{width:16px;height:16px}#panel button{background:var(--color-button);color:#fff;border:0;border-radius:5px;padding:6px 10px;font:inherit;cursor:pointer;margin:3px 4px 3px 0}#panel button.sec{background:var(--color-button-sec)}#panel button:hover{filter:brightness(1.12)}#panel .sep{border-top:1px solid #2a2a2a;margin:9px 0}#seek{flex:1;min-width:120px}#time{color:var(--color-text-sub);font-size:11px}#info{color:#7fd7a0;white-space:pre-wrap;font-size:11px}#detect{color:var(--color-warn);white-space:pre-wrap;font-size:11px;margin-top:6px}#err{color:var(--color-error);white-space:pre-wrap;font-size:11px;margin-top:6px}#hint{color:#777;font-size:11px;margin-top:8px}:where(.screen){position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at 50% 35%,rgba(99,102,241,.1),transparent 65%),var(--color-bg);color:var(--color-text);font-family:Inter,Noto Sans JP,system-ui,sans-serif}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#6366f1 55%,#a855f7);box-shadow:0 4px 20px #6366f173}.brand-name{font-size:22px;font-weight:650;letter-spacing:.5px}.screen-lead{font-size:14px;color:var(--color-text-sub)}.screen-title{font-size:16px;font-weight:600}.screen-title.dim{color:var(--color-text-sub)}.standby-hint{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:var(--color-warn)}.uncalibrated-badge{position:fixed;top:16px;right:16px;z-index:14;padding:7px 12px;border-radius:9px;background:#07080dc7;border:1px solid var(--color-border-faint);backdrop-filter:blur(6px);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--color-warn)}.code-cells{display:flex;gap:12px;justify-content:center}.code-cell{width:66px;height:84px;border-radius:14px;background:#ffffff0d;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:38px;font-weight:600;color:var(--color-accent)}.screen-footnote{display:flex;align-items:center;gap:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--color-text-faint);max-width:560px;text-align:center}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#2563eb;animation:pulse 1.6s infinite;flex:none}.pulse-dot.ok{background:var(--color-ok)}.pulse-dot.offline{background:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.progress-block{width:420px;max-width:80vw}.progress-meta{display:flex;justify-content:space-between;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--color-text-sub);gap:12px}.progress-track{margin-top:8px;height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden}.progress-track.slim{margin-top:6px;height:3px}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#22d3ee,#6366f1)}:where(.hud-box){position:fixed;z-index:15;display:flex;align-items:center;gap:9px;padding:8px 13px;border-radius:10px;background:#07080dc7;border:1px solid var(--color-border-faint);backdrop-filter:blur(6px);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;color:var(--color-text-sub)}.hud-top-left{top:16px;left:16px}.hud-top-right{top:16px;right:16px;flex-direction:column;align-items:flex-start;gap:6px}.hud-bottom{left:16px;right:16px;bottom:16px;gap:14px;padding:10px 14px;border-radius:12px}.hud-strong{color:var(--color-text);font-weight:600}.hud-accent{color:var(--color-accent)}.hud-ok{color:var(--color-ok)}.hud-now{flex:1;min-width:0}.hud-now-head{display:flex;justify-content:space-between;gap:12px;font-size:11px}.hud-next{flex:none;color:var(--color-text-sub)}.hud-next span{color:var(--color-text)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:root,:host{--font-sans:var(--font-inter), var(--font-noto-sans-jp), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.625rem;--color-surface:#fff;--color-primary:#6366f1;--color-faint:#8a93a5;--color-accent:#f3f5f9;--color-destructive-soft:#f87171;--color-border:#e5e8ef;--color-accent-cyan:#22d3ee;--color-accent-violet:#a855f7;--color-online-soft:#34d399;--color-warning-soft:#fbbf24;--color-media-raise:#1a1f2b;--color-media-fade:#0a0c12;--color-media-label:#7de3f4;--color-panel-bar:#0d101a;--color-panel-panel:#12151e;--color-panel-fg:#e8ecf4;--color-panel-dim:#5f6b80;--color-media-meta:#c7cedc}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.z-30{z-index:30}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-\[19px\]{width:19px;height:19px}.size-\[220px\]{width:220px;height:220px}.size-\[340px\]{width:340px;height:340px}.h-14{height:calc(var(--spacing) * 14)}.h-px{height:1px}.min-h-0{min-height:0}.w-\[360px\]{width:360px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.flex-1{flex:1}.flex-\[2\]{flex:2}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.overflow-y-auto{overflow-y:auto}.rounded-\[7px\]{border-radius:7px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-accent-cyan\/22{border-color:#22d3ee38}@supports (color:color-mix(in lab,red,red)){.border-accent-cyan\/22{border-color:color-mix(in oklab,var(--color-accent-cyan) 22%,transparent)}}.border-accent-cyan\/35{border-color:#22d3ee59}@supports (color:color-mix(in lab,red,red)){.border-accent-cyan\/35{border-color:color-mix(in oklab,var(--color-accent-cyan) 35%,transparent)}}.border-online-soft\/30{border-color:#34d3994d}@supports (color:color-mix(in lab,red,red)){.border-online-soft\/30{border-color:color-mix(in oklab,var(--color-online-soft) 30%,transparent)}}.border-online-soft\/35{border-color:#34d39959}@supports (color:color-mix(in lab,red,red)){.border-online-soft\/35{border-color:color-mix(in oklab,var(--color-online-soft) 35%,transparent)}}.border-primary\/40{border-color:#6366f166}@supports (color:color-mix(in lab,red,red)){.border-primary\/40{border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.border-transparent{border-color:#0000}.border-warning-soft\/30{border-color:#fbbf244d}@supports (color:color-mix(in lab,red,red)){.border-warning-soft\/30{border-color:color-mix(in oklab,var(--color-warning-soft) 30%,transparent)}}.border-white\/7{border-color:#ffffff12}@supports (color:color-mix(in lab,red,red)){.border-white\/7{border-color:color-mix(in oklab,var(--color-white) 7%,transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.border-white\/12{border-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab,red,red)){.border-white\/14{border-color:color-mix(in oklab,var(--color-white) 14%,transparent)}}.border-white\/18{border-color:#ffffff2e}@supports (color:color-mix(in lab,red,red)){.border-white\/18{border-color:color-mix(in oklab,var(--color-white) 18%,transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.bg-accent-cyan\/6{background-color:#22d3ee0f}@supports (color:color-mix(in lab,red,red)){.bg-accent-cyan\/6{background-color:color-mix(in oklab,var(--color-accent-cyan) 6%,transparent)}}.bg-media-fade\/85{background-color:#0a0c12d9}@supports (color:color-mix(in lab,red,red)){.bg-media-fade\/85{background-color:color-mix(in oklab,var(--color-media-fade) 85%,transparent)}}.bg-media-raise{background-color:var(--color-media-raise)}.bg-online-soft\/10{background-color:#34d3991a}@supports (color:color-mix(in lab,red,red)){.bg-online-soft\/10{background-color:color-mix(in oklab,var(--color-online-soft) 10%,transparent)}}.bg-online-soft\/12{background-color:#34d3991f}@supports (color:color-mix(in lab,red,red)){.bg-online-soft\/12{background-color:color-mix(in oklab,var(--color-online-soft) 12%,transparent)}}.bg-panel-bar{background-color:var(--color-panel-bar)}.bg-panel-panel{background-color:var(--color-panel-panel)}.bg-primary\/12{background-color:#6366f11f}@supports (color:color-mix(in lab,red,red)){.bg-primary\/12{background-color:color-mix(in oklab,var(--color-primary) 12%,transparent)}}.bg-warning-soft\/10{background-color:#fbbf241a}@supports (color:color-mix(in lab,red,red)){.bg-warning-soft\/10{background-color:color-mix(in oklab,var(--color-warning-soft) 10%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/4{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/4{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-white\/14{background-color:#ffffff24}@supports (color:color-mix(in lab,red,red)){.bg-white\/14{background-color:color-mix(in oklab,var(--color-white) 14%,transparent)}}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[11px\]{padding-inline:11px}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-\[3px\]{padding-block:3px}.py-\[9px\]{padding-block:9px}.py-\[11px\]{padding-block:11px}.py-\[18px\]{padding-block:18px}.pt-\[18px\]{padding-top:18px}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\[9\.5px\]{font-size:9.5px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[14\.5px\]{font-size:14.5px}.text-\[15px\]{font-size:15px}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.font-\[650\]{--tw-font-weight:650;font-weight:650}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-destructive-soft{color:var(--color-destructive-soft)}.text-faint{color:var(--color-faint)}.text-media-label{color:var(--color-media-label)}.text-media-meta{color:var(--color-media-meta)}.text-online-soft{color:var(--color-online-soft)}.text-panel-dim{color:var(--color-panel-dim)}.text-panel-fg{color:var(--color-panel-fg)}.text-warning-soft{color:var(--color-warning-soft)}.text-white{color:var(--color-white)}.accent-primary{accent-color:var(--color-primary)}.shadow-glow-primary{--tw-shadow:0 0 24px var(--tw-shadow-color,#6366f159)}@supports (color:color-mix(in lab,red,red)){.shadow-glow-primary{--tw-shadow:0 0 24px var(--tw-shadow-color,color-mix(in srgb, var(--color-primary) 35%, transparent))}}.shadow-glow-primary{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-glow-white{--tw-shadow:0 0 14px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:text-media-label:hover{color:var(--color-media-label)}}.disabled\:opacity-40:disabled{opacity:.4}@layer base{:root{--accent-from:var(--color-accent-cyan);--accent-via:var(--color-primary);--accent-to:var(--color-accent-violet)}#reactRoot *,#reactRoot :before,#reactRoot :after{border:0 solid}#reactRoot button{font:inherit;color:inherit;cursor:pointer;background:0 0;padding:0}}@layer utilities{.tabular{font-variant-numeric:tabular-nums}.bg-accent-gradient{background-image:linear-gradient(135deg,var(--accent-from) 0%,var(--accent-via) 55%,var(--accent-to) 100%)}.text-accent-gradient{background-image:linear-gradient(135deg,var(--accent-from) 0%,var(--accent-via) 55%,var(--accent-to) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}:root{--font-inter:Inter;--font-noto-sans-jp:"Noto Sans JP";--font-jetbrains-mono:ui-monospace}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}