:root{--text:#4a4a4a;--text-heading:#1a1a1a;--bg:#f8f7f4;--accent:#2c2c2c;--code-bg:#1e1e1e;--code-bar:#2d2d2d;--code-text:#d4d4d4;--code-keyword:#c586c0;--code-string:#ce9178;--code-comment:#6a9955;--code-cursor:#9cdcfe;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.under-construction{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem;display:flex}.code-animation{width:min(100%,26rem);animation:1s ease-out .15s both fadeUp}.code-window{background:var(--code-bg);text-align:left;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px #0000001f,0 0 0 1px #0000000f}.code-window-bar{background:var(--code-bar);gap:.4rem;padding:.65rem .8rem;display:flex}.code-window-bar span{background:#5a5a5a;border-radius:50%;width:.65rem;height:.65rem}.code-window-bar span:first-child{background:#ff5f57}.code-window-bar span:nth-child(2){background:#febc2e}.code-window-bar span:nth-child(3){background:#28c840}.code-editor{min-height:6.5rem;color:var(--code-text);white-space:pre-wrap;margin:0;padding:1rem 1.1rem 1.15rem;font-family:ui-monospace,Consolas,Courier New,monospace;font-size:clamp(.78rem,2.2vw,.92rem);line-height:1.65;overflow:hidden}.code-line{min-height:1.65em;display:block}.code-keyword{color:var(--code-keyword)}.code-plain{color:var(--code-text)}.code-string{color:var(--code-string)}.code-comment{color:var(--code-comment)}.code-cursor{color:var(--code-cursor);margin-left:1px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.under-construction h1{letter-spacing:.08em;color:var(--text-heading);text-transform:uppercase;margin:0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:300;animation:1s ease-out both fadeUp}.under-construction .status{letter-spacing:.04em;color:var(--accent);margin:0;font-size:clamp(.875rem,2.5vw,1.125rem);font-weight:400;animation:1s ease-out .3s both fadeUp}.dots span{animation:1.4s ease-in-out infinite dotPulse}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,80%,to{opacity:.2}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.under-construction h1,.under-construction .status,.dots span,.code-cursor{animation:none}}