@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f4f5f9;--muted:#a6abc2;--faint:#7f849a;--line:#ffffff14;--accent:#a78bfa;--mint:#5ff5bc;font-family:Manrope,system-ui,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;max-width:none;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 85% -10%,#8b6dff26,#0000 30rem),radial-gradient(circle at 0 22%,#8b6dff0d,#0000 22rem),#0c0d13;margin:0;padding:0;overflow-x:hidden}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=range]{height:4px;accent-color:var(--accent)}.skip-link{z-index:100;background:var(--ink);color:#0c0d13;border-radius:.6rem;padding:.7rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{width:calc(100% - 40px);max-width:none;margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 0 1.15rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand-copy{flex-direction:column;gap:.2rem;display:flex}.brand-copy p{color:var(--muted);max-width:36rem;margin:0;font-size:.82rem;font-weight:500;line-height:1.4}.brand svg{fill:#a78bfa1a;width:34px;height:34px;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;overflow:visible}.brand span,.brand h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700;line-height:1.25}.header-actions{align-items:center;gap:.85rem;display:flex}.live-badge{color:#c9cddd;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .7rem;font-family:DM Mono,monospace;font-size:.68rem;display:inline-flex}.live-badge i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #54f0b51f}.lab-section{padding:0 0 2.5rem;scroll-margin-top:1rem}.simulator-frame{background:linear-gradient(#212330 0%,#191a24 100%);border:1px solid #ffffff24;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 2px 4px #0000004d,0 16px 32px -8px #00000073,0 40px 80px -16px #0000008c}.simulator-workspace{padding:1.35rem 1.4rem 1.5rem}.simulator-workspace>h1,.simulator-workspace>.sub{display:none}.simulator-workspace .friction-bar .sg input[type=range]{flex:1;width:min(100%,12rem)}.simulator-workspace .friction-bar .unit{color:var(--faint);font-size:.7rem}.simulator-workspace .btn-row{gap:.5rem}.simulator-workspace .btn-row button{color:#d8dae5;background:#ffffff08;min-height:36px}.simulator-workspace .panel.active{border-top:1px solid var(--line);gap:.65rem;padding:.85rem 0 0}.simulator-workspace .info{background:0 0;border-top:0;border-bottom:0;border-right:0;border-radius:0;padding:.1rem 0 .1rem .85rem}.simulator-workspace .ctrls .sg{background:#ffffff09;border-color:#0000}.simulator-workspace canvas{height:auto;width:100%!important}.simulator-workspace .panel>canvas{max-width:none}.simulator-workspace .panel>canvas:first-of-type{aspect-ratio:2.6;max-height:min(32vh,240px);margin-bottom:.35rem}.simulator-workspace .gr canvas{max-width:none}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0 1.6rem;font-size:.8rem;display:flex}.footer-brand{opacity:.72}@media (width<=720px){.app-shell{width:calc(100% - 24px)}.site-header{flex-direction:column;align-items:flex-start;padding-top:1rem}.header-actions{justify-content:space-between;width:100%}.simulator-workspace{padding:1.05rem 1rem 1.2rem}footer{text-align:center;flex-direction:column;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}