@layer reset,tokens,base,components,states;@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer tokens{:root{--color-void: #04050a;--color-star: #f0f4ff;--color-nebula: #1a1f3c;--color-accent: #c8a96e;--color-accent-cold: #4fc3f7;--color-danger: #ff4444;--font-display: "Neue Machina", "Courier New", monospace;--font-body: "Lora", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--ease-warp: cubic-bezier(.16, 1, .3, 1);--ease-orbit: cubic-bezier(.4, 0, .6, 1);--duration-fast: .15s;--duration-mid: .35s;--duration-slow: .7s;--panel-width: 580px}}@layer base{html,body{height:100%;overflow:hidden;background:var(--color-void);color:var(--color-star);font-family:var(--font-body)}body{cursor:crosshair;transition:cursor var(--duration-fast)}#cosmos-canvas{position:fixed;inset:0;width:100%;height:100%}canvas:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}}@layer components{.hud{position:fixed;pointer-events:none;z-index:10;font-family:var(--font-display);text-align:center;transform:translate(-50%,calc(-100% - 50px));opacity:0;transition:opacity var(--duration-fast) var(--ease-orbit);min-width:160px}.hud.is-visible{opacity:1}.hud__category{display:block;font-family:var(--font-mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent-cold);margin-block-end:6px;opacity:.8}.hud__title{display:block;font-size:.75rem;letter-spacing:.06em;color:var(--color-star);background:color-mix(in srgb,var(--color-void) 60%,transparent);padding:8px 18px;border:1px solid color-mix(in srgb,var(--color-star) 12%,transparent);border-radius:4px;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:0 4px 24px color-mix(in srgb,var(--color-void) 40%,transparent),inset 0 1px color-mix(in srgb,var(--color-star) 4%,transparent)}.hud__reticle{position:fixed;pointer-events:none;z-index:9;width:80px;height:80px;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s var(--ease-orbit);color:var(--color-accent-cold)}.hud__reticle.is-active{opacity:.7}.hud__reticle-svg{width:100%;height:100%}.reticle-rotate{animation:reticle-spin 8s linear infinite;transform-origin:40px 40px}.reticle-square{animation:reticle-pulse 2s ease-in-out infinite}@keyframes reticle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes reticle-pulse{0%,to{opacity:.2}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.reticle-rotate,.reticle-square{animation:none}}}@layer components{.panel{position:fixed;top:0;right:0;width:var(--panel-width);max-width:100vw;height:100%;z-index:100;background:color-mix(in srgb,var(--color-void) 88%,var(--color-nebula));border-left:1px solid color-mix(in srgb,var(--color-star) 4%,transparent);backdrop-filter:blur(32px) saturate(100%);-webkit-backdrop-filter:blur(32px) saturate(100%);box-shadow:-8px 0 60px color-mix(in srgb,var(--color-void) 60%,transparent),inset 1px 0 color-mix(in srgb,var(--color-star) 3%,transparent);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-warp);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-star) 10%,transparent) transparent}.panel.is-open{transform:translate(0)}.panel__close{position:sticky;top:0;float:right;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.1rem;color:color-mix(in srgb,var(--color-star) 50%,transparent);background:color-mix(in srgb,var(--color-star) 4%,transparent);border:1px solid color-mix(in srgb,var(--color-star) 8%,transparent);border-radius:50%;margin:var(--space-3) var(--space-3) 0 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast)}.panel__close:hover{color:var(--color-star);background:color-mix(in srgb,var(--color-star) 10%,transparent);border-color:color-mix(in srgb,var(--color-star) 18%,transparent)}.panel__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.panel__content{padding:var(--space-2) var(--space-6) var(--space-8)}.panel__header{margin-block-end:var(--space-6);padding-block-end:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--color-star) 5%,transparent)}.panel__category-label{font-family:var(--font-mono);font-size:.5625rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent-cold);margin-block-end:var(--space-1);opacity:.8}.panel__entry-title{font-family:var(--font-display);font-size:1.75rem;line-height:1.15;letter-spacing:-.01em;margin-block-end:var(--space-2);color:var(--color-star)}.panel__entry-meta{font-family:var(--font-mono);font-size:.625rem;color:color-mix(in srgb,var(--color-star) 40%,transparent);text-transform:uppercase;letter-spacing:.08em;display:flex;gap:var(--space-1);flex-wrap:wrap;align-items:center}.panel__meta-sep{color:color-mix(in srgb,var(--color-star) 12%,transparent)}.panel__entry-excerpt{font-family:var(--font-body);font-size:.9375rem;line-height:1.65;color:color-mix(in srgb,var(--color-star) 55%,transparent);margin-block-start:var(--space-3);font-style:italic}.panel__entry-tags{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-block-start:var(--space-3)}.panel__entry-tag{font-family:var(--font-mono);font-size:.5rem;color:color-mix(in srgb,var(--color-accent-cold) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-cold) 18%,transparent);border-radius:999px;padding:2px 10px;letter-spacing:.06em;background:color-mix(in srgb,var(--color-accent-cold) 4%,transparent)}.panel__entry-body{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:color-mix(in srgb,var(--color-star) 80%,transparent)}.panel__entry-body p{margin-block-end:var(--space-3)}.panel__entry-body h2{font-family:var(--font-display);font-size:1.2rem;color:var(--color-star);margin-block:var(--space-6) var(--space-2);letter-spacing:.02em}.panel__entry-body h3{font-family:var(--font-display);font-size:1rem;color:color-mix(in srgb,var(--color-star) 90%,transparent);margin-block:var(--space-4) var(--space-2)}.panel__entry-body ul,.panel__entry-body ol{list-style:revert;padding-inline-start:var(--space-4);margin-block-end:var(--space-3)}.panel__entry-body li{margin-block-end:var(--space-1)}.panel__entry-body strong{color:var(--color-star);font-weight:600}.panel__entry-body em{color:color-mix(in srgb,var(--color-star) 88%,transparent)}.panel__entry-body code{font-family:var(--font-mono);font-size:.85em;background:color-mix(in srgb,var(--color-star) 5%,transparent);padding:1px 6px;border-radius:2px}}@layer components{.nav{position:fixed;top:var(--space-4);left:var(--space-4);z-index:50}.nav__toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:1.1rem;color:color-mix(in srgb,var(--color-star) 60%,transparent);background:color-mix(in srgb,var(--color-void) 75%,transparent);border:1px solid color-mix(in srgb,var(--color-star) 10%,transparent);border-radius:50%;backdrop-filter:blur(6px);transition:color var(--duration-fast),border-color var(--duration-fast)}.nav__toggle:hover{color:var(--color-star);border-color:color-mix(in srgb,var(--color-star) 25%,transparent)}.nav__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav__list{position:absolute;top:calc(100% + var(--space-2));left:0;padding:var(--space-2);background:color-mix(in srgb,var(--color-void) 93%,var(--color-nebula));border:1px solid color-mix(in srgb,var(--color-star) 8%,transparent);border-radius:6px;min-width:240px;backdrop-filter:blur(12px);box-shadow:0 8px 32px color-mix(in srgb,var(--color-void) 60%,transparent);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--duration-mid),transform var(--duration-mid)}.nav__list.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.nav__heading{font-family:var(--font-mono);font-size:.5625rem;text-transform:uppercase;letter-spacing:.14em;color:color-mix(in srgb,var(--color-star) 30%,transparent);padding:var(--space-1) var(--space-2);margin-block-end:var(--space-1)}.nav__item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:.75rem;letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:4px;cursor:pointer;transition:background var(--duration-fast)}.nav__item:hover{background:color-mix(in srgb,var(--color-star) 6%,transparent)}.nav__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px}.nav__dot{display:block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.nav__label{flex:1;color:color-mix(in srgb,var(--color-star) 85%,transparent)}.nav__category{font-family:var(--font-mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--color-star) 30%,transparent)}}@layer states{@keyframes warp-in{0%{opacity:0;filter:blur(20px);transform:scale(1.1)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-accent-cold) 30%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent-cold) 0%,transparent)}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}.panel__entry-body{animation:fade-up .5s var(--ease-warp) both}.panel__entry-body>*{animation:fade-up .4s var(--ease-warp) both}.panel__entry-body>*:nth-child(1){animation-delay:.05s}.panel__entry-body>*:nth-child(2){animation-delay:.1s}.panel__entry-body>*:nth-child(3){animation-delay:.15s}.panel__entry-body>*:nth-child(4){animation-delay:.2s}.panel__entry-body>*:nth-child(5){animation-delay:.25s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer components{.loading{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--color-void);transition:opacity 1.2s var(--ease-warp);pointer-events:none}.loading.is-done{opacity:0}.loading__text{font-family:var(--font-display);font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb,var(--color-star) 50%,transparent);animation:breathe 2s ease-in-out infinite}}