:root{--bg: #fafaf7;--bg-card: #ffffff;--bg-card-hover: #f3f1ec;--border: #e6e2d8;--border-hover: #cdc7b8;--text: #1a1815;--text-muted: #5a5652;--text-dim: #8a8680;--accent: #9a7d4e;--accent-dim: #c8a46e;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 2px;--radius-md: 6px;--radius-lg: 12px;--container-max: 1100px;--breakpoint-mobile: 768px}[data-theme=dark]{--bg: #0a0a0c;--bg-card: #111114;--bg-card-hover: #18181c;--border: #1e1e24;--border-hover: #2a2a33;--text: #e8e4df;--text-muted: #8a8680;--text-dim: #5a5652;--accent: #c8a46e;--accent-dim: #9a7d4e}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}[data-theme=dark] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:inherit}::selection{background:var(--accent);color:var(--bg)}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--bg-card);color:var(--text);padding:var(--space-2) var(--space-4);border:1px solid var(--border)}.skip-link:focus{left:var(--space-4);top:var(--space-4)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toggle.svelte-1cmi4dh{position:fixed;top:1.2rem;right:1.2rem;z-index:100;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:50%;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:var(--mono)}.toggle.svelte-1cmi4dh:hover{color:var(--accent);border-color:var(--border-hover)}