:root{--color-bg-primary:#fafaf9;--color-bg-secondary:#f5f5f4;--color-bg-elevated:#fff;--color-text-primary:#1c1917;--color-text-secondary:#57534e;--color-text-muted:#a8a29e;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-accent-subtle:#fef3c7;--color-border:#e7e5e4;--color-border-strong:#d6d3d1;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:150ms ease;--transition-normal:250ms ease}[data-theme=dark]{--color-bg-primary:#0c0a09;--color-bg-secondary:#1c1917;--color-bg-elevated:#292524;--color-text-primary:#fafaf9;--color-text-secondary:#a8a29e;--color-text-muted:#78716c;--color-accent:#fbbf24;--color-accent-hover:#fcd34d;--color-accent-subtle:#451a03;--color-border:#292524;--color-border-strong:#44403c;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5)}.project-detail{padding-block:var(--space-12)}.project-detail__back{display:inline-block;font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-8)}.project-detail__back:hover{color:var(--color-accent)}.project-detail__header{max-width:720px;margin-bottom:var(--space-6)}.project-detail__category{display:inline-block;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-3)}.project-detail__header h1{margin-bottom:var(--space-4)}.project-detail__description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7}.project-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.project-detail__content{max-width:720px}.project-detail__section{margin-bottom:var(--space-8)}.project-detail__section h2{font-size:1.25rem;margin-bottom:var(--space-3)}.project-detail__section p{color:var(--color-text-secondary);line-height:1.7}.project-detail__links{display:flex;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.project-detail__link{font-family:var(--font-mono);font-size:.875rem;color:var(--color-accent);text-decoration:none}.project-detail__link:hover{text-decoration:underline}