:root{--bg: #EFEFEF;--bg-2: #E4E4E4;--surface: #F8F8F8;--surface-dark: #0A0A0A;--surface-dark2:#141414;--border: #D0D0D0;--border-dark: #2A2A2A;--green: #3AFF6E;--green-dim: rgba(58,255,110,.12);--blue: #1A5CFF;--blue-dim: rgba(26,92,255,.12);--gold: #C9932A;--orange: #C84B2F;--red: #C0392B;--teal: #0F7B6C;--comment: #4A7C3F;--text: #0A0A0A;--text-inv: #F8F8F8;--muted: #707070;--font-display: "Archivo Black", Impact, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.6;overflow-x:hidden}@media (pointer: fine){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border)}}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea{font-family:var(--font-mono);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{-webkit-appearance:none;background-image:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rippleOut{to{transform:translate(-50%,-50%) scale(30);opacity:0}}.fade-up{animation:fadeIn .2s ease both}.delay-1{animation-delay:.04s}.delay-2{animation-delay:.08s}.delay-3{animation-delay:.12s}.cursor:after{content:"_";animation:blink 1s step-end infinite;color:var(--green)}@media (max-width: 768px){body{font-size:12px}.line-numbers{display:none!important}.mobile-stack{flex-direction:column!important}.mobile-stack>*{width:100%!important;min-width:0!important}.mobile-full{width:100%!important;max-width:100%!important}.mobile-pad{padding:16px!important}}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}