@layer tokens,reset,base;@layer tokens{:root{--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--brand-hue: 152;--brand-primary: hsl(var(--brand-hue) 60% 32%);--brand-subtle: hsl(var(--brand-hue) 60% 95%);--brand-border: hsl(var(--brand-hue) 40% 80%);--brand-active-text: hsl(var(--brand-hue) 65% 22%);--surface-base: hsl(210 20% 98%);--surface-elevated: hsl(0 0% 100%);--surface-hover: hsl(210 20% 96%);--text-primary: hsl(220 15% 12%);--text-secondary: hsl(220 10% 40%);--text-tertiary: hsl(220 12% 42%);--border-subtle: hsl(220 15% 90%);--border-strong: hsl(220 15% 75%);--success: hsl(145 55% 35%);--success-text: hsl(145 65% 22%);--success-subtle: hsl(145 55% 93%);--warning: hsl(38 90% 40%);--warning-subtle: hsl(38 90% 93%);--danger: hsl(0 70% 45%);--danger-subtle: hsl(0 70% 95%);--info: hsl(210 80% 35%);--info-subtle: hsl(210 60% 94%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px hsl(220 15% 12% / .06);--shadow-md: 0 4px 12px hsl(220 15% 12% / .08);--shadow-lg: 0 12px 32px hsl(220 15% 12% / .12);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .35s;--ease-out: cubic-bezier(.16, 1, .3, 1);--z-header: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}@media(prefers-color-scheme:dark){:root{--brand-primary: hsl(var(--brand-hue) 55% 55%);--brand-subtle: hsl(var(--brand-hue) 30% 15%);--brand-border: hsl(var(--brand-hue) 30% 30%);--brand-active-text: hsl(var(--brand-hue) 60% 75%);--surface-base: hsl(220 15% 10%);--surface-elevated: hsl(220 15% 14%);--surface-hover: hsl(220 15% 18%);--text-primary: hsl(220 15% 94%);--text-secondary: hsl(220 10% 65%);--text-tertiary: hsl(220 10% 55%);--border-subtle: hsl(220 15% 20%);--border-strong: hsl(220 15% 35%);--success: hsl(145 50% 55%);--success-text: hsl(145 55% 80%);--success-subtle: hsl(145 30% 16%);--warning: hsl(38 85% 60%);--warning-subtle: hsl(38 40% 16%);--danger: hsl(0 65% 60%);--danger-subtle: hsl(0 35% 16%);--info: hsl(210 85% 70%);--info-subtle: hsl(210 40% 16%);--shadow-sm: 0 1px 2px hsl(0 0% 0% / .2);--shadow-md: 0 4px 12px hsl(0 0% 0% / .3);--shadow-lg: 0 12px 32px hsl(0 0% 0% / .4)}}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{block-size:100%;-webkit-text-size-adjust:none;text-size-adjust:none}body{block-size:100%;font-family:var(--font-body);background:var(--surface-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-inline-size:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty}a{color:inherit}}@layer base{:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--brand-subtle);color:var(--brand-primary)}::-webkit-scrollbar{inline-size:6px;block-size:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}}