:root,[data-theme=ice]{--accent:#69b4cc;--accent-rgb:105 180 204;--accent-strong:#9fe3f5;--star:#e6f4ff;--flaw:#ff6b8a;--flaw-rgb:255 107 138;--bg:#070b1a;--nebula-1:31 78 121;--nebula-2:52 38 110;--text:#e3f1f7;--text-muted:#9bb7c4}[data-theme=nebula]{--accent:#b48cff;--accent-rgb:180 140 255;--accent-strong:#dcc8ff;--star:#f3eaff;--flaw:#ffb454;--flaw-rgb:255 180 84;--bg:#0b0716;--nebula-1:96 40 140;--nebula-2:160 40 110;--text:#efe7ff;--text-muted:#b9a8d6}[data-theme=solar]{--accent:#f2a65a;--accent-rgb:242 166 90;--accent-strong:#ffd29e;--star:#fff3e0;--flaw:#ff4f6d;--flaw-rgb:255 79 109;--bg:#0f0a08;--nebula-1:140 60 30;--nebula-2:110 30 60;--text:#fbefe2;--text-muted:#d2b8a0}:root{--glass-bg:#ffffff0f;--glass-border:#ffffff24;--glass-highlight:#ffffff14;--glass-blur:18px;--radius:20px;--gap:16px;--tap:44px;--font:"Space Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:radial-gradient(ellipse 70% 55% at 20% 15%, rgb(var(--nebula-1) / .55), transparent 70%), radial-gradient(ellipse 60% 50% at 85% 80%, rgb(var(--nebula-2) / .45), transparent 70%), radial-gradient(ellipse 50% 40% at 60% 40%, rgb(var(--accent-rgb) / .12), transparent 70%);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .6s;overflow:hidden}canvas{z-index:0;display:block;position:fixed;inset:0}.grid-overlay{z-index:1;pointer-events:none;background-image:linear-gradient(to right, rgb(var(--accent-rgb) / .06) 1px, transparent 1px), linear-gradient(to bottom, rgb(var(--accent-rgb) / .06) 1px, transparent 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.app{z-index:2;height:100dvh;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));pointer-events:none;grid-template:"header""stage"minmax(0,1fr)"panel"/minmax(0,1fr);gap:12px;display:grid;position:relative}.app>.glass{pointer-events:auto}.header{grid-area:header}.stage{grid-area:stage;min-height:160px}.panel{overscroll-behavior:contain;grid-area:panel;max-height:46dvh;overflow-y:auto}@media (width>=900px){.app{gap:var(--gap);padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));grid-template:"header header""stage panel"minmax(0,1fr)/minmax(0,1fr) minmax(320px,380px)}.panel{align-self:start;max-height:100%}}@media (orientation:landscape) and (height<=540px){.app{padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));grid-template:"header panel""stage panel"minmax(0,1fr)/minmax(0,1fr) minmax(260px,300px);gap:10px}.panel{max-height:100%}.header{align-self:start}}.glass{background:linear-gradient(135deg, var(--glass-highlight), transparent 40%, rgb(var(--accent-rgb) / .05)), var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);box-shadow:0 10px 40px #00000059, 0 0 0 1px rgb(var(--accent-rgb) / .05), inset 0 1px 0 #ffffff1f;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#0c1224e0}}.header{border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 20px;display:flex}.title{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg, var(--text), var(--accent-strong));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1rem,.85rem + .8vw,1.4rem);font-weight:600;overflow:hidden}.theme-picker{flex-shrink:0;display:flex}.theme-swatch{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.theme-swatch:before{content:"";border:2px solid #ffffff40;border-radius:50%;width:20px;height:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.theme-swatch[data-theme-option=ice]:before{background:linear-gradient(135deg,#9fe3f5,#3d7f9c)}.theme-swatch[data-theme-option=nebula]:before{background:linear-gradient(135deg,#dcc8ff,#7a3fd0)}.theme-swatch[data-theme-option=solar]:before{background:linear-gradient(135deg,#ffd29e,#c4602a)}.theme-swatch:hover:before{transform:scale(1.12)}.theme-swatch[aria-pressed=true]:before{box-shadow:0 0 12px rgb(var(--accent-rgb) / .8);border-color:#fff}.theme-swatch:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-4px}.panel{scrollbar-width:thin;scrollbar-color:rgb(var(--accent-rgb) / .4) transparent;flex-direction:column;gap:20px;padding:20px;display:flex}.panel-section{flex-direction:column;gap:8px;display:flex}.section-heading{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:600}.control{flex-direction:column;display:flex}.control-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.control-label{color:var(--text);font-size:.95rem}.control-value{font-variant-numeric:tabular-nums;color:var(--accent-strong);text-shadow:0 0 12px rgb(var(--accent-rgb) / .6);font-weight:600}.slider{--fill:50%;appearance:none;width:100%;height:var(--tap);cursor:pointer;touch-action:pan-y;background:0 0;margin:0}.slider:focus{outline:none}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), #ffffff1f var(--fill));border-radius:999px;height:6px;box-shadow:inset 0 1px 2px #0006}.slider::-moz-range-track{background:#ffffff1f;border-radius:999px;height:6px;box-shadow:inset 0 1px 2px #0006}.slider::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 35%, #fff, var(--accent-strong) 45%, var(--accent));width:24px;height:24px;box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .18), 0 0 16px rgb(var(--accent-rgb) / .7);border:2px solid #ffffffb3;border-radius:50%;margin-top:-9px;transition:transform .15s,box-shadow .15s}.slider::-moz-range-thumb{background:radial-gradient(circle at 35% 35%, #fff, var(--accent-strong) 45%, var(--accent));width:24px;height:24px;box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .18), 0 0 16px rgb(var(--accent-rgb) / .7);border:2px solid #ffffffb3;border-radius:50%;transition:transform .15s,box-shadow .15s}.slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px rgb(var(--accent-rgb) / .22), 0 0 22px rgb(var(--accent-rgb) / .9);transform:scale(1.12)}.slider:active::-webkit-slider-thumb{box-shadow:0 0 0 6px rgb(var(--accent-rgb) / .22), 0 0 22px rgb(var(--accent-rgb) / .9);transform:scale(1.12)}.slider:hover::-moz-range-thumb{box-shadow:0 0 0 6px rgb(var(--accent-rgb) / .22), 0 0 22px rgb(var(--accent-rgb) / .9);transform:scale(1.12)}.slider:active::-moz-range-thumb{box-shadow:0 0 0 6px rgb(var(--accent-rgb) / .22), 0 0 22px rgb(var(--accent-rgb) / .9);transform:scale(1.12)}.slider:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #fff}.slider:focus-visible::-moz-range-thumb{outline-offset:2px;outline:2px solid #fff}.end-vis-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.end-vis{background:rgb(var(--accent-rgb) / .06);border:1px solid rgb(var(--accent-rgb) / .15);border-radius:14px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:10px;display:flex}.end-vis-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-self:flex-start;font-size:.8rem;font-weight:600}.radar-chart{width:100%;max-width:140px;height:auto;display:block}.radar-chart .ring{stroke:rgb(var(--accent-rgb) / .25);stroke-width:2px;fill:none}.radar-chart .axis{stroke:rgb(var(--accent-rgb) / .2);stroke-width:2px}.radar-chart .data-polygon{fill:rgb(var(--flaw-rgb) / .35);stroke:var(--flaw);stroke-width:1.5px;filter:drop-shadow(0 0 6px rgb(var(--flaw-rgb) / .6));opacity:0;transform-origin:0 0;transition:opacity .4s,transform .6s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.radar-chart .data-polygon.revealed{opacity:1;transform:scale(1)}.action-button{--tone:var(--flaw);--tone-rgb:var(--flaw-rgb);font:inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--text);background:rgb(var(--tone-rgb) / .08);border:1px solid rgb(var(--tone-rgb) / .35);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:.78rem;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.action-button.accent{--tone:var(--accent-strong);--tone-rgb:var(--accent-rgb)}.action-button:hover{background:rgb(var(--tone-rgb) / .16);border-color:rgb(var(--tone-rgb) / .6)}.action-button:focus-visible{outline:2px solid var(--tone);outline-offset:2px}.action-button[aria-pressed=true],.action-button[data-state=printing],.action-button[data-state=aborting]{background:rgb(var(--tone-rgb) / .2);border-color:var(--tone);box-shadow:inset 0 0 14px rgb(var(--tone-rgb) / .35)}.action-indicator{background:rgb(var(--tone-rgb) / .35);border-radius:50%;width:8px;height:8px;transition:background .2s,box-shadow .2s}.action-button[aria-pressed=true] .action-indicator,.action-button[data-state=printing] .action-indicator,.action-button[data-state=aborting] .action-indicator{background:var(--tone);box-shadow:0 0 10px var(--tone);animation:1.4s ease-in-out infinite action-pulse}@keyframes action-pulse{50%{box-shadow:0 0 2px var(--tone)}}.section-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.frustum-light{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--flaw);opacity:0;visibility:hidden;align-items:center;gap:7px;font-size:.64rem;font-weight:600;transition:opacity .4s,visibility 0s linear .4s;display:inline-flex}.frustum-light.active{opacity:1;visibility:visible;transition:opacity .4s,visibility;animation:1.6s ease-in-out infinite frustum-text}.frustum-dot{background:var(--flaw);width:7px;height:7px;box-shadow:0 0 8px rgb(var(--flaw-rgb) / .9);border-radius:50%}.frustum-light.active .frustum-dot{animation:1.6s ease-in-out infinite frustum-dot}@keyframes frustum-dot{50%{background:rgb(var(--flaw-rgb) / .45);box-shadow:0 0 2px rgb(var(--flaw-rgb) / .4)}}@keyframes frustum-text{50%{color:rgb(var(--flaw-rgb) / .7)}}.console{z-index:10;background:linear-gradient(rgb(var(--accent-rgb) / .06), #00000040), var(--bg);border-color:rgb(var(--accent-rgb) / .3);width:min(100vw - 24px,460px);height:fit-content;max-height:min(80dvh,560px);box-shadow:0 10px 40px #00000073, 0 0 24px rgb(var(--accent-rgb) / .12), inset 0 1px 0 #ffffff14;border-radius:16px;flex-direction:column;margin:auto;animation:.35s ease-out console-open;display:none;position:fixed;inset:0;overflow:hidden}.console.open{display:flex}.console-backdrop{z-index:9;pointer-events:auto;-webkit-backdrop-filter:blur(3px);background:#00000080;display:none;position:fixed;inset:0}.console.open+.console-backdrop{display:block}@keyframes console-open{0%{opacity:0;transform:translateY(12px)scaleY(.96)}}.console-bar{border-bottom:1px solid rgb(var(--accent-rgb) / .18);background:rgb(var(--accent-rgb) / .06);align-items:center;gap:10px;padding:4px 4px 4px 14px;display:flex}.console-lights{gap:5px;display:flex}.console-lights span{background:rgb(var(--accent-rgb) / .35);border-radius:50%;width:7px;height:7px}.console-lights span:first-child{background:var(--accent-strong);box-shadow:0 0 6px var(--accent)}.console[data-state=aborting] .console-lights span:first-child,.console[data-state=lost] .console-lights span:first-child{background:var(--flaw);box-shadow:0 0 6px var(--flaw)}.console-title{font-family:var(--mono);letter-spacing:.08em;color:var(--text-muted);flex:1;margin:0;font-size:.72rem;font-weight:500}.console-run{height:28px;font-family:var(--mono);letter-spacing:.08em;color:var(--accent-strong);background:rgb(var(--accent-rgb) / .1);border:1px solid rgb(var(--accent-rgb) / .4);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin:4px 6px 4px 0;padding:0 12px;font-size:.72rem;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s;display:none}.console-run span{font-size:.6rem}.console-run:hover{background:rgb(var(--accent-rgb) / .2);border-color:var(--accent-strong);box-shadow:0 0 10px rgb(var(--accent-rgb) / .35)}.console-run:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.console-run[data-state=printing],.console-run[data-state=aborting]{background:rgb(var(--accent-rgb) / .2);border-color:var(--accent-strong);box-shadow:inset 0 0 10px rgb(var(--accent-rgb) / .35)}.console-close{width:36px;height:36px;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;font-size:1.3rem;line-height:1}.console-close:hover{color:var(--text);background:#ffffff14}.console-close:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}.console-screen{min-height:0;display:flex;position:relative}.console-screen:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.console-output{min-height:0;font-family:var(--mono);white-space:pre;color:var(--text);text-shadow:0 0 6px rgb(var(--accent-rgb) / .45);scrollbar-width:thin;scrollbar-color:rgb(var(--accent-rgb) / .4) transparent;flex:1;padding:10px 14px 12px;font-size:.78rem;line-height:1.55;transition:opacity 1.4s,filter 1.4s;overflow:auto}.console-line{min-height:1.55em}.console-output .c-prompt,.console-output .c-command{color:var(--accent-strong)}.console-output .c-label,.console-output .c-dim{color:var(--text-muted)}.console-output .c-ok{color:var(--accent-strong);font-weight:700}.console-output .c-flaw,.console-output .c-flaw .c-label{color:var(--flaw);text-shadow:0 0 6px rgb(var(--flaw-rgb) / .5)}.console-output .c-strong{font-weight:700}.console-output .c-net{color:var(--accent-strong);text-shadow:0 0 10px rgb(var(--accent-rgb) / .85);font-weight:700}.console-output .c-net .c-label{color:var(--accent-strong)}.console-cursor{vertical-align:text-bottom;background:var(--accent-strong);width:.6em;height:1.1em;box-shadow:0 0 6px var(--accent);margin-left:1px;animation:1s step-end infinite console-blink;display:inline-block}@keyframes console-blink{50%{opacity:0}}.console-static{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");transition:opacity 1.4s;position:absolute;inset:0}.console-static:after{content:"";background:repeating-linear-gradient(to bottom, rgb(var(--flaw-rgb) / .12) 0 2px, transparent 2px 5px);position:absolute;inset:0}.console[data-state=lost] .console-output{opacity:.3;filter:blur(.4px)saturate(.4)}.console[data-state=lost] .console-static{opacity:.2;animation:.5s step-end infinite console-static}.console[data-state=lost] .console-static:after{animation:.9s step-end infinite console-jitter}@keyframes console-static{0%{background-position:0 0}20%{background-position:-43px 61px}40%{background-position:87px -29px}60%{background-position:-112px -74px}80%{background-position:35px 118px}}@keyframes console-jitter{0%{transform:translateY(0)}30%{transform:translateY(2px)}55%{opacity:.6;transform:translateY(-1px)}80%{transform:translateY(3px)}}@media (width>=900px) and (height>=541px){.app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header header""stage panel""console console"}.console{z-index:auto;background:linear-gradient(#00000073, #0000008c), var(--glass-bg);grid-area:console;width:auto;height:auto;max-height:none;margin:0;animation:none;display:flex;position:relative;inset:auto}.console-output{height:clamp(120px,22vh,200px)}.console-close,.console.open+.console-backdrop{display:none}.console-run{display:inline-flex}.volume-section{display:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=899px){.panel{gap:12px;padding:14px 16px}.radar-chart{max-width:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}