:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary:#64748b;--color-on-primary:#ffffff;--color-on-secondary:#ffffff;--color-surface:#ffffff;--color-background:#f8fafc;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-error:#ef4444;--color-success:#22c55e;--font-family-sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-family-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4.5rem;--spacing-4xl:7rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:4.5rem;--line-height-tight:1.1;--line-height-snug:1.3;--color-ink:#0a0a0f;--color-ink-soft:#14141f;--color-ink-border:#2a2a3d;--color-on-ink:#f4f4f8;--color-on-ink-muted:#a3a3b8;--color-accent:#7c5cff;--color-accent-2:#00d9b2;--accent:var(--color-accent);--accent-2:var(--color-accent-2);--color-on-accent:#ffffff;--gradient-brand:linear-gradient(120deg,var(--accent),var(--accent-2));--gradient-ink:radial-gradient(120% 120% at 15% 0%,rgba(124,92,255,0.18),rgba(0,217,178,0.08) 45%,transparent 70%);--radius-xl:1.25rem;--radius-2xl:1.75rem;--shadow-glow:0 0 0 1px rgba(124,92,255,0.25),0 18px 60px -20px rgba(124,92,255,0.45);--shadow-xl:0 24px 60px -24px rgba(15,23,42,0.45);--layout-max:1120px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);line-height:1.6}.site-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header__brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none}.site-header__nav{display:flex;gap:var(--spacing-md);margin-right:auto}.site-header__nav a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm)}.site-header__nav a:hover{color:var(--color-text)}.site-footer{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border)}.page-main{width:100%;display:flex;flex-direction:column;min-height:60vh}.hero{padding:var(--spacing-2xl) 0}.hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:40rem}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.section-lead{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:44rem;margin-bottom:var(--spacing-xl)}.showcase-stack{display:flex;flex-direction:column;gap:var(--spacing-4xl)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.cta-row{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.tag-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tag{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-border);color:var(--color-text)}.empty-state{padding:var(--spacing-2xl);text-align:center}.breadcrumb,.empty-state{color:var(--color-text-muted)}.breadcrumb{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.breadcrumb a{color:var(--color-primary);text-decoration:none}.detail__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.detail__summary{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.detail__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.detail__desc,.prose{max-width:44rem;line-height:1.8}.not-found{text-align:center;padding:var(--spacing-2xl) 0}.not-found .cta-row{justify-content:center}