@font-face{font-family:Display;src:url('./fonts/display.woff2') format('woff2');font-weight:100 900}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020805;color:#f0fff8;font-family:Display,Arial,sans-serif}body{--accent:#49ff9a}body[data-theme=compiler]{--accent:#bb9aff;background:#090719}body[data-theme=neural]{--accent:#4de8ff;background:#030b1c}body[data-theme=horizon]{--accent:#ffb575;background:#10081e}
#viewport{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden}#stage{width:1920px;height:1080px;position:absolute;transform:scale(var(--scale,1));transform-origin:center;overflow:hidden;isolation:isolate}#scene{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.brand{position:absolute;left:60px;top:47px;font-size:24px;font-weight:760;letter-spacing:.1em;opacity:.83;z-index:3}.brand:before{content:'';display:inline-block;width:6px;height:23px;background:var(--accent);margin-right:14px;vertical-align:-3px}
.art-mark{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;display:flex;align-items:center;justify-content:center;gap:28px;font-size:218px;font-weight:820;line-height:1;letter-spacing:-.065em;white-space:nowrap;pointer-events:none;text-shadow:0 0 55px #020b0a}
.art-mark .plus{font-size:.62em;font-weight:380;letter-spacing:0;color:var(--accent)}.art-mark .x{color:var(--accent)}
[data-theme=matrix] .art-mark{font-size:232px;text-shadow:0 0 60px #00180c}.matrix-frame{position:absolute;left:565px;right:565px;top:346px;bottom:346px;border:1px solid #55ffa535;pointer-events:none}.matrix-frame:before,.matrix-frame:after{content:'';position:absolute;width:48px;height:48px;border:2px solid #68ffb8}.matrix-frame:before{left:-2px;top:-2px;border-right:0;border-bottom:0}.matrix-frame:after{right:-2px;bottom:-2px;border-left:0;border-top:0}
[data-theme=compiler] .art-mark{left:70px;right:auto;top:405px;gap:20px;font-size:182px;text-shadow:0 0 45px #a86fff22}
.editor{position:absolute;top:136px;left:780px;width:1050px;height:808px;border:1px solid #ab7dff99;border-radius:15px;background:linear-gradient(135deg,#211135f2,#080e20f5);box-shadow:0 0 0 1px #bb87ff19,0 0 80px #9155ff12;overflow:hidden}
.editor-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #ad7aff45;color:#d4c2f0;font:15px ui-monospace,monospace}.lights{display:flex;gap:9px}.lights i{width:10px;height:10px;border-radius:50%;background:#ff89b9}.lights i:nth-child(2){background:#ffd291}.lights i:nth-child(3){background:#67ffd0}
.editor-head .file{color:#d5baff}.code-window{position:absolute;left:0;right:0;top:87px;bottom:47px;overflow:hidden}.code-rows{padding:0 28px;font:24px/47px ui-monospace,Consolas,monospace}.code-row{height:47px;white-space:pre;display:flex;align-items:baseline;position:relative;color:#f4eaff}.code-row .number{width:56px;flex-shrink:0;color:#8b74ac;font-size:15px}.code-row.current{background:linear-gradient(90deg,#c488ff19,transparent)}.code-row.current:before{content:'';position:absolute;left:-28px;top:0;width:2px;height:47px;background:#cc9aff}.token-key{color:#d4a6ff}.token-string{color:#7cffc6}.token-number{color:#ffcb80}.token-fn{color:#60e4ff}.token-comment{color:#977fad}.caret{display:inline-block;width:12px;height:27px;background:#e2baff;vertical-align:-5px;box-shadow:0 0 14px #ca9eff66}.editor-foot{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #9c69dc33;height:40px;padding:11px 28px;font:12px ui-monospace,monospace;color:#a892c2;display:flex;justify-content:space-between}
.ambient-code{position:absolute;left:94px;top:620px;width:610px;height:200px;overflow:hidden;color:#9efde1;font:19px/2 ui-monospace,monospace;white-space:pre;opacity:.66}
[data-theme=neural] .art-mark{font-size:157px;gap:20px;letter-spacing:-.055em;text-shadow:0 0 35px #061d37}
[data-theme=horizon] .art-mark{font-size:197px;gap:24px;text-shadow:0 0 50px #391947}.art-mark .x.outline{-webkit-text-stroke:2px #ffe2bf;color:#27122a}
.fullscreen-hint{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:10px 16px;background:#080c1cf0;border:1px solid #ffffff35;border-radius:6px;font:12px Arial,sans-serif;color:#fff;opacity:0;transition:opacity .3s;pointer-events:none;z-index:10}.show-hint .fullscreen-hint{opacity:1;pointer-events:auto}.fullscreen{font:inherit;color:inherit;background:none;border:0;cursor:pointer}body:not(.show-hint){cursor:none}.fullscreen:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}