:root{--ink-900: #0c0c0e;--ink-800: #141418;--ink-700: #1c1c22;--ink-600: #26262f;--ink-500: #32323e;--ink-400: #45455a;--ink-300: #6b6b88;--ink-200: #9898b8;--ink-100: #c8c8e0;--ink-50: #eeeef8;--copper-600: #b8520a;--copper-500: #d4631a;--copper-400: #e87830;--copper-300: #f09058;--copper-200: #f8b890;--copper-glow: rgba(232, 120, 48, .18);--jade-500: #2a9d6e;--jade-400: #3ecf8e;--jade-glow: rgba(62, 207, 142, .15);--crimson-500: #c0392b;--crimson-400: #e74c3c;--crimson-glow: rgba(231, 76, 60, .15);--bg: var(--ink-900);--surface: var(--ink-800);--surface-2: var(--ink-700);--surface-3: var(--ink-600);--border: var(--ink-500);--border-soft: var(--ink-600);--accent: var(--copper-400);--accent-dark: var(--copper-600);--accent-glow: var(--copper-glow);--text: var(--ink-50);--text-secondary: var(--ink-100);--text-muted: var(--ink-200);--text-dim: var(--ink-300);--success: var(--jade-400);--error: var(--crimson-400);--font-display: "DM Serif Display", Georgia, serif;--font-body: "Figtree", system-ui, sans-serif;--font-mono: "DM Mono", "Cascadia Code", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-accent: 0 0 30px var(--accent-glow);--max-w: 1200px;--nav-w: 240px;--header-h: 60px;--ease: cubic-bezier(.25, .46, .45, .94);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .35s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ink-800)}::-webkit-scrollbar-thumb{background:var(--ink-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-400)}::selection{background:var(--accent-glow);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2;color:var(--text)}code,pre,.mono{font-family:var(--font-mono);font-size:.85em}code{background:var(--surface-3);color:var(--accent);padding:2px 6px;border-radius:var(--r-sm)}a{color:var(--accent);text-decoration:none;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--copper-300)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:fadeUp var(--t-slow) var(--ease) both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-md)}