:root{--font-sans:var(--font-inter);--font-mono:var(--font-geist-mono);--font-display:var(--font-playfair);--font-hand:var(--font-nanum-pen);--font-retro:var(--font-press-start);--font-terminal:var(--font-vt323);--background:#0b0c10;--foreground:#ededed;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{height:100%}body{background:var(--background);min-height:100%;color:var(--foreground);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}*{box-sizing:border-box}.theme-root{width:100%;min-height:100vh;position:relative}.theme-engineer{--bg:#0a0e14;--bg-soft:#11161f;--panel:#ffffff08;--panel-border:#ffffff1a;--fg:#e8edf4;--muted:#8b97a7;--accent:#4f8cff;--accent-2:#22d3ee;--accent-3:#34d399;--grid:#78a0ff1f;background:var(--bg);color:var(--fg);font-family:var(--font-sans), system-ui, sans-serif}.theme-engineer[data-time=day]{--bg:#f5f7fb;--bg-soft:#fff;--panel:#0a142805;--panel-border:#0a14281a;--fg:#0d1422;--muted:#55617a;--accent:#2563eb;--accent-2:#155e75;--accent-3:#047857;--grid:#2563eb1f}.theme-writer{--bg:#f4f1e8;--bg-soft:#efeadd;--fg:#221d18;--muted:#6b6256;--accent:#8a2b1f;--rule:#221d1829;background:var(--bg);color:var(--fg);font-family:var(--font-display), Georgia, serif}.theme-writer[data-time=night]{--bg:#1a1714;--bg-soft:#221d18;--fg:#e9e2d4;--muted:#a99e8b;--accent:#d97757;--rule:#e9e2d429}.theme-builder{--bg:#6db3f2;--bg-2:#8fd3ff;--ground:#6b4a2b;--ground-2:#7c5836;--grass:#5fa948;--fg:#1a1206;--panel:#c9a86a;--panel-dark:#8a6d3b;--ink:#2a1d0c;--accent:#ffcf3f;--accent-2:#ff6b6b;background:var(--bg);color:var(--fg);font-family:var(--font-terminal), monospace;image-rendering:pixelated}.theme-builder[data-time=night]{--bg:#0b0c10;--bg-2:#161a26;--ground:#2c2114;--ground-2:#3a2c1a;--grass:#2f5a26;--fg:#e8e2cf;--panel:#5a4a2c;--panel-dark:#3a2c18;--ink:#e8e2cf;--accent:#ffe066;--accent-2:#ff8c69}.fx-canvas{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;inset:0}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-blur{0%{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur()}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes drift-x{0%{transform:translate(-10%)}to{transform:translate(110%)}}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes sonar-ping{0%{opacity:.8;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes ink-spread{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}25%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes pen-draw{to{stroke-dashoffset:0}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes block-bump{0%{transform:translateY(0)}40%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes coin-spin{0%{transform:scaleX(1)}50%{transform:scaleX(.1)}to{transform:scaleX(1)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}[data-reveal]{opacity:0}[data-reveal][data-show=true]{animation:.7s cubic-bezier(.22,1,.36,1) both fade-up}[data-reveal]:focus-within{opacity:1;animation:none}.theme-wipe-overlay{z-index:10000;pointer-events:none;animation:.7s cubic-bezier(.85,0,.15,1) forwards theme-wipe-away;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}@keyframes theme-wipe-away{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}html[data-vt=time]::view-transition-old(root){animation:none}html[data-vt=time]::view-transition-new(root){animation:.5s ease-in-out forwards vt-time-reveal}@keyframes vt-time-reveal{0%{clip-path:circle(0px at var(--vt-x,50%) var(--vt-y,0%))}to{clip-path:circle(var(--vt-r,150%) at var(--vt-x,50%) var(--vt-y,0%))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1!important}}::selection{background:color-mix(in srgb, currentColor 22%, transparent)}:focus-visible{outline:2px solid var(--accent,#4f8cff);outline-offset:2px;border-radius:2px}