:root{--color-canvas:#f7f6f3;--color-surface:#fff;--color-border:#eaeaea;--color-text:#111;--color-text-muted:#787774;--color-accent:#346538;--color-accent-hover:#2a5230;--color-pastel-green-bg:#edf3ec;--color-pastel-green-text:#346538;--color-pastel-red-bg:#fdebec;--color-pastel-red-text:#9f2f2d;--color-pastel-blue-bg:#e1f3fe;--color-pastel-blue-text:#1f6c9f;--color-pastel-yellow-bg:#fbf3db;--color-pastel-yellow-text:#956400;--font-serif:"Newsreader", "Playfair Display", serif;--font-sans:"Manrope", -apple-system, sans-serif;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:4rem;--space-8:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 1px 2px #1111110f;--shadow-md:0 8px 24px #11111114;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;line-height:1.1}a{color:inherit}button{font-family:var(--font-sans)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}input,select,textarea{font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1);font-size:1rem;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#d5d4d0}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #3465381f}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);border-color:#d5d4d0}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:default;opacity:.55;box-shadow:none;transform:none}.btn-primary{border-color:var(--color-text);background:var(--color-text);color:var(--color-surface)}.btn-primary:hover{background:#000;border-color:#000}.btn-accent{border-color:var(--color-pastel-green-bg);background:var(--color-pastel-green-bg);color:var(--color-pastel-green-text)}.btn-accent:hover{background:#e2ecdf;border-color:#e2ecdf}.btn-sm{padding:.25rem .625rem;font-size:.75rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .18s}a.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.toolbar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}table{border-collapse:collapse}