@import "https://cdn.jsdelivr.net/npm/@fontsource/apfel-grotezk@5.1.0/index.css";
:root{--font-primary:"Apfel Grotezk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:1.1rem;--font-size-sm:1.3rem;--font-size-md:1.5rem;--font-size-lg:1.8rem;--font-size-xl:2.2rem;--font-size-2xl:2.6rem;--font-size-3xl:3.2rem;--brand-magenta:#ff00ea;--brand-magenta-rgb:255, 0, 234;--brand-magenta-channels:255 0 234;--brand-navy:#001469;--brand-lime:#e8fe6f;--brand-lime-rgb:232, 254, 111;--brand-white:#fff;--brand-black:#000;--control-bg:#0c0c10d1;--control-bg-hover:#18181ceb;--control-selected:#ffffff1f;--control-border:#ffffff1f;--control-border-hover:#ffffff38;--control-border-selected:#ffffff52;--control-track:#ffffff2e;--control-shadow:inset 0 .1rem 0 #ffffff0a, 0 .4rem 1.2rem #0003;--glass-highlight-soft:inset -.28125em -.28125em .09375em -.328125em #ffffff40;--glass-highlight-strong:inset .28125em .28125em .09375em -.328125em #fff6;--glass-edge-light:inset .1875em .28125em .09375em -.1875em #ffffff40;--glass-edge-dark:inset -.1875em -.28125em .09375em -.1875em #0009;--glass-fill-opacity:.15;--action-primary:var(--control-bg);--action-primary-hover:var(--control-bg-hover);--text-on-action:var(--brand-white);--text-on-highlight:var(--brand-white);--status-success:var(--brand-lime);--status-warning:var(--brand-lime);--status-danger:var(--brand-magenta);--bg-black:#000;--bg-card-modal:#000;--bg-canvas:var(--brand-black);--bg-surface-dark:var(--brand-navy);--surface-card:#001469d9;--surface-card-hover:#001469e6;--border-subtle:#ffffff14;--border-glow:#ffffff26;--border-accent-glow:rgba(var(--brand-magenta-rgb), .4);--accent-highlight:var(--brand-magenta);--accent-highlight-hover:var(--brand-magenta);--accent-white:#fff;--accent-white-hover:#f1f5f9;--text-primary:var(--brand-white);--text-secondary:#b3b3b3;--text-muted:#888;--text-inverted:var(--brand-black);--radius-xs:.8rem;--radius-sm:1.2rem;--radius-md:1.6rem;--radius-lg:2rem;--radius-xl:2.4rem;--radius-full:99.9rem;--shadow-card:0 1.2rem 3.2rem #0009;--shadow-accent-glow:0 .8rem 2.4rem #0009;--shadow-modal:0 2.4rem 6.4rem #000000f2;--z-canvas:0;--z-marker:600;--z-hud:1000;--z-drawer:2000;--z-modal:3000;--z-toast:4000}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:62.5%}@media (min-width:1024px){html{font-size:.520833vw}}@media (max-width:1023px){html{font-size:2.5641vw}}body{font-family:var(--font-primary);background-color:var(--bg-canvas);color:var(--text-primary);width:100vw;min-height:100vh;overflow-x:hidden}:where(button,a,input,textarea,select):focus-visible{outline:.2rem solid var(--accent-highlight);outline-offset:.3rem}main:not([class]){width:100vw;height:100vh;position:relative;overflow:hidden}html,body{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}
