:root{--ink: oklch(15% 0 0);--ink-soft: oklch(35% 0 0);--ink-faint: oklch(15% 0 0 / .12);--surface: oklch(95% .005 80);--surface-raised: oklch(92% .005 80);--accent: oklch(75% .04 80);--accent-hover: oklch(65% .04 80);--success: oklch(55% .1 145);--error: oklch(55% .15 25);--font-display: "Space Grotesk", "Space Grotesk Fallback", system-ui, sans-serif;--font-body: "DM Sans", "DM Sans Fallback", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: clamp(1.5rem, 4vw + .5rem, 2.5rem);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");size-adjust:108%;ascent-override:90%;descent-override:22%;line-gap-override:0%}@font-face{font-family:DM Sans Fallback;src:local("Arial");size-adjust:105%;ascent-override:93%;descent-override:25%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;height:100dvh}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.font-display{font-family:var(--font-display)}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}.label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.btn{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:var(--space-sm) var(--space-md);border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn:hover{background:var(--ink);color:var(--surface)}.btn:active{background:var(--ink-soft);color:var(--surface)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn-primary{background:var(--ink);color:var(--surface)}.btn-primary:hover{background:var(--ink-soft)}.btn-danger{border-color:var(--error);color:var(--error)}.btn-danger:hover{background:var(--error);color:var(--surface)}input,textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-sm) var(--space-md);border:1px solid var(--ink-faint);background:transparent;color:var(--ink);width:100%;min-height:44px}input:focus{outline:none;border-color:var(--ink)}textarea:focus{outline:none;border-color:var(--ink)}input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;display:block;margin-bottom:var(--space-xs)}.btn:disabled,.btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.skip-link{position:absolute;left:-9999px;top:var(--space-sm);z-index:10000;padding:var(--space-sm) var(--space-md);background:var(--ink);color:var(--surface);font-family:var(--font-display);font-size:var(--text-sm);text-decoration:none}.skip-link:focus{left:var(--space-sm)}@media(pointer:coarse){.btn{min-height:48px;padding:12px 20px}input,textarea{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.safe-bottom{padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}
