:root{--color-ink: #0B1420;--color-deep: #0F1D2F;--color-surface: #F8FAFB;--color-white: #FFFFFF;--color-accent: #00E5BE;--color-accentDark: #00C4A2;--color-signal: #FF5C39;--color-steel: #8A98A9;--color-mist: #C8D1DA;--color-ghost: #E8ECF0;--font-display: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-ink);color:var(--color-white);font-family:var(--font-display);overflow-x:hidden;smooth-scroll:true;scroll-behavior:smooth}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes dashSpin{to{stroke-dashoffset:-227}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:.4;box-shadow:0 0 8px #00e5be66}50%{opacity:1;box-shadow:0 0 24px #00e5bee6}}@keyframes slideReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bumpPop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.glass-panel{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06)}.glass-panel:hover{border-color:#ffffff26;background:#ffffff0d}n.hide-scrollbar::-webkit-scrollbar{display:none}n.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}