
:root{--background:#141313;--surface:#141313;--surface-dim:#141313;--surface-bright:#3a3939;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2b2a2a;--surface-container-highest:#353434;--surface-variant:#353434;--surface-tint:#c8c6c5;--on-background:#e5e2e1;--on-surface:#e5e2e1;--on-surface-variant:#c4c7c7;--inverse-surface:#e5e2e1;--inverse-on-surface:#313030;--primary:#c8c6c5;--on-primary:#313030;--primary-container:#121212;--on-primary-container:#7e7d7d;--primary-fixed:#e5e2e1;--primary-fixed-dim:#c8c6c5;--on-primary-fixed:#1c1b1b;--on-primary-fixed-variant:#474646;--inverse-primary:#5f5e5e;--secondary:#c8c8b0;--on-secondary:#303221;--secondary-container:#494a38;--on-secondary-container:#b9baa3;--secondary-fixed:#e4e4cc;--secondary-fixed-dim:#c8c8b0;--on-secondary-fixed:#1b1d0e;--on-secondary-fixed-variant:#474836;--tertiary:#cac6c3;--on-tertiary:#32302f;--tertiary-container:#131211;--on-tertiary-container:#807d7b;--tertiary-fixed:#e6e1df;--tertiary-fixed-dim:#cac6c3;--on-tertiary-fixed:#1c1b1a;--on-tertiary-fixed-variant:#484645;--outline:#8e9192;--outline-variant:#444748;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--orbit-gold:gold;--orbit-gold-dim:#b39700;--void:#121212;--parchment:beige;--solar-gold:#ffbf00;--font-headline:"Space Grotesk", sans-serif;--font-body:"Hanken Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-headline-xl:48px;--lh-headline-xl:56px;--ls-headline-xl:-.02em;--text-headline-lg:32px;--lh-headline-lg:40px;--text-headline-lg-mob:28px;--lh-headline-lg-mob:36px;--text-headline-md:24px;--lh-headline-md:32px;--text-body-lg:18px;--lh-body-lg:28px;--text-body-md:16px;--lh-body-md:24px;--text-label-mono:12px;--lh-label-mono:16px;--ls-label-mono:.05em;--pixel-unit:4px;--gutter:24px;--margin-mobile:16px;--margin-desktop:40px;--container-max:1200px;--sidenav-width:280px;--topbar-height:64px;--bottomnav-height:80px;--inputbar-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{background-color:var(--background);color:var(--on-surface);font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--lh-body-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0,#35343466 0%,#0000 60%),url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h1v1H1z' fill='%23201f1f' fill-opacity='0.5' fill-rule='evenodd'/%3E%3C/svg%3E");background-attachment:fixed}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.font-headline-xl{font-family:var(--font-headline);font-size:var(--text-headline-xl);line-height:var(--lh-headline-xl);letter-spacing:var(--ls-headline-xl);font-weight:700}.font-headline-lg{font-family:var(--font-headline);font-size:var(--text-headline-lg);line-height:var(--lh-headline-lg);font-weight:600}.font-headline-lg-mob{font-family:var(--font-headline);font-size:var(--text-headline-lg-mob);line-height:var(--lh-headline-lg-mob);font-weight:600}.font-headline-md{font-family:var(--font-headline);font-size:var(--text-headline-md);line-height:var(--lh-headline-md);font-weight:600}.font-body-lg{font-family:var(--font-body);font-size:var(--text-body-lg);line-height:var(--lh-body-lg);font-weight:400}.font-body-md{font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--lh-body-md);font-weight:400}.font-label-mono{font-family:var(--font-mono);font-size:var(--text-label-mono);line-height:var(--lh-label-mono);letter-spacing:var(--ls-label-mono);font-weight:500}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}::selection{background-color:var(--secondary-container);color:var(--secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--outline)}
.pixel-border{border-style:solid;border-width:2px;border-top-color:var(--outline-variant);border-left-color:var(--outline-variant);border-bottom-color:var(--surface-container-high);border-right-color:var(--surface-container-high)}.pixel-border-raised{border:2px solid #00000080;border-color:#ffffff1f #00000080 #00000080 #ffffff1f;box-shadow:inset 1px 1px #ffffff0f,inset -1px -1px #0000004d}.pixel-border-interactive{border-style:solid;border-width:2px;border-top-color:var(--primary);border-left-color:var(--primary);border-bottom-color:var(--surface-container-lowest);border-right-color:var(--surface-container-lowest);transition:all 80ms}.pixel-border-interactive:active{border-top-color:var(--surface-container-lowest);border-left-color:var(--surface-container-lowest);border-bottom-color:var(--primary);border-right-color:var(--primary);transform:translate(2px,2px)}.pixel-divider-h{background:repeating-linear-gradient(90deg, var(--surface-variant) 0px, var(--surface-variant) 2px, transparent 2px, transparent 4px);height:2px}.pixel-divider-v{background:repeating-linear-gradient(180deg, var(--surface-variant) 0px, var(--surface-variant) 2px, transparent 2px, transparent 4px);width:2px}.dither-shadow{position:relative}.dither-shadow:after{content:"";background-image:radial-gradient(var(--surface-container-lowest) 20%, transparent 20%);z-index:-1;opacity:.6;pointer-events:none;background-size:4px 4px;position:absolute;inset:4px -4px -4px 4px}.pixel-btn{background-color:var(--surface-container-high);border-style:solid;border-width:2px;border-top-color:var(--outline-variant);border-left-color:var(--outline-variant);border-bottom-color:var(--surface-container-lowest);border-right-color:var(--surface-container-lowest);color:var(--on-surface);font-family:var(--font-mono);font-size:var(--text-label-mono);letter-spacing:var(--ls-label-mono);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all 80ms;display:inline-flex;position:relative}.pixel-btn:hover{background-color:var(--surface-container-highest)}.pixel-btn:active{border-top-color:var(--surface-container-lowest);border-left-color:var(--surface-container-lowest);border-bottom-color:var(--outline-variant);border-right-color:var(--outline-variant);transform:translate(1px,1px)}.pixel-btn-primary{background-color:var(--primary);color:var(--on-primary-fixed);border-top-color:#fff6;border-left-color:#fff6;border-bottom-color:var(--on-primary-container);border-right-color:var(--on-primary-container)}.pixel-btn-primary:hover{background-color:var(--primary-fixed)}.pixel-btn-primary:active{border-top-color:var(--on-primary-container);border-left-color:var(--on-primary-container);border-bottom-color:#fff6;border-right-color:#fff6}.pixel-btn-secondary{background-color:var(--secondary);color:var(--on-secondary);border-color:#ffffff4d #0000004d #0000004d #ffffff4d}.pixel-btn-secondary:hover{background-color:var(--secondary-fixed)}.terminal-input{background-color:var(--surface-container-lowest);border-style:solid;border-width:2px;border-color:var(--surface-variant);border-bottom-color:var(--on-surface);color:var(--on-surface);font-family:var(--font-mono);font-size:var(--text-label-mono);letter-spacing:var(--ls-label-mono);outline:none;width:100%;font-weight:500;box-shadow:inset 2px 2px #000c,inset -1px -1px #ffffff08}.terminal-input:focus{border-color:var(--primary)}.terminal-input::placeholder{color:var(--outline);font-style:italic}.noise-overlay{pointer-events:none;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.corner-brackets{position:relative}.corner-brackets:before,.corner-brackets:after{content:"";border-color:var(--primary);border-style:solid;width:8px;height:8px;position:absolute}.corner-brackets:before{border-width:2px 0 0 2px;top:0;left:0}.corner-brackets:after{border-width:0 2px 2px 0;bottom:0;right:0}.dither-bg{background-image:repeating-linear-gradient(45deg, var(--surface-container-low) 25%, transparent 25%, transparent 75%, var(--surface-container-low) 75%, var(--surface-container-low)), repeating-linear-gradient(45deg, var(--surface-container-low) 25%, var(--background) 25%, var(--background) 75%, var(--surface-container-low) 75%, var(--surface-container-low));background-position:0 0,2px 2px;background-size:4px 4px}.scanline-overlay{position:relative;overflow:hidden}.scanline-overlay:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000a 3px 4px);position:absolute;inset:0}.status-chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-style:solid;border-width:1px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.status-chip-fixed{background-color:var(--primary);color:var(--on-primary-fixed);border-color:#0000}.status-chip-flex{color:var(--secondary);border-color:var(--secondary);background-color:#0000;border-style:dashed}.status-chip-info{color:var(--outline);border-color:var(--outline);background-color:#0000}.status-chip-error{background-color:var(--error-container);color:var(--on-error-container);border-color:#0000}.status-chip-category{background-color:var(--secondary-container);color:var(--secondary);border-color:#0000}
@keyframes orbit-pulse{0%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.85)}}.anim-orbit-pulse{animation:2s cubic-bezier(.215,.61,.355,1) infinite orbit-pulse}@keyframes pulse-glow{0%{box-shadow:0 0 #c8c8b080}50%{box-shadow:0 0 0 8px #c8c8b000}to{box-shadow:0 0 #c8c8b000}}.anim-pulse-glow{animation:2s steps(8,end) infinite pulse-glow}@keyframes gold-pulse-glow{0%{box-shadow:0 0 #ffd70099}50%{box-shadow:0 0 0 10px #ffd70000}to{box-shadow:0 0 #ffd70000}}.anim-gold-pulse{animation:2s steps(6,end) infinite gold-pulse-glow}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.anim-blink{animation:1s step-end infinite blink}@keyframes starfield-drift{0%{background-position:0 0}to{background-position:200px 200px}}.anim-starfield{animation:120s linear infinite starfield-drift}@keyframes scan-line{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.anim-scan{animation:5s linear infinite scan-line}@keyframes typewriter-type{0%{width:0}to{width:100%}}@keyframes typewriter-caret{0%,to{border-color:#0000}50%{border-color:var(--secondary)}}.anim-typewriter{white-space:nowrap;border-right:2px solid var(--secondary);animation:3.5s steps(40,end) forwards typewriter-type,.75s step-end infinite typewriter-caret;overflow:hidden}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-float-up{animation:.3s ease-out forwards float-up}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.anim-fade-in{animation:.4s ease-out forwards fade-in}@keyframes press-down{0%{transform:translate(0)}50%{transform:translate(2px,2px)}to{transform:translate(0)}}@keyframes ring-pulse{0%{opacity:.3;transform:scale(.9)}50%{opacity:.7;transform:scale(1.05)}to{opacity:.3;transform:scale(.9)}}.anim-ring-outer{animation:4s linear infinite ring-pulse}.anim-ring-mid{animation:3s linear infinite reverse ring-pulse}.anim-ring-inner{animation:2s linear infinite ring-pulse}@keyframes mic-core-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.anim-mic-core{animation:2s ease-in-out infinite mic-core-pulse}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.anim-slide-in-left{animation:.25s ease-out forwards slide-in-left}@keyframes dither-shift{0%{background-position:0 0,2px 2px}to{background-position:4px 4px,6px 6px}}
