:root{--color-surface:oklch(98.5% 0.006 95);--color-surface-raised:oklch(100% 0 0);--color-surface-sunken:oklch(96% 0.008 95);--color-ink:oklch(22% 0.02 260);--color-ink-soft:oklch(44% 0.02 260);--color-ink-faint:oklch(62% 0.015 260);--color-accent:oklch(52% 0.13 220);--color-accent-soft:oklch(94% 0.03 220);--color-line:oklch(90% 0.008 95);--color-danger:oklch(55% 0.18 25);--color-ok:oklch(58% 0.12 155);--font-display:"Georgia","Times New Roman",serif;--font-body:system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,"SF Mono","Menlo",monospace;--text-sm:0.8125rem;--text-base:clamp(0.95rem,0.9rem + 0.2vw,1.0625rem);--text-lg:1.25rem;--text-xl:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);--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;--radius-sm:6px;--radius:12px;--radius-lg:20px;--shadow-card:0 1px 2px oklch(22% 0.02 260/0.04),0 8px 24px oklch(22% 0.02 260/0.06);--shadow-pop:0 8px 40px oklch(22% 0.02 260/0.14);--duration-fast:150ms;--duration:280ms;--ease:cubic-bezier(0.16,1,0.3,1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.surface-card{background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font-weight:550;font-size:var(--text-sm);transition:transform var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:white}.btn-primary:hover{box-shadow:0 4px 16px oklch(52% .13 220/.35)}.btn-ghost{background:transparent;color:var(--color-ink-soft);border-color:var(--color-line)}.btn-ghost:hover{background:var(--color-surface-sunken);color:var(--color-ink)}