:root{--color-bg: #f2f0e9;--color-surface: #fbfaf7;--color-surface-2: #f0ede3;--color-border: #e0ddd1;--color-border-soft: #eae7dc;--color-text: #20201d;--color-muted: #6e6d64;--color-faint: #9c9a8e;--color-accent: #c96442;--color-accent-glow: #b5573a;--color-accent-soft: #f4e4dc;--color-success: #5e8a55;--color-warn: #b07e2e;--color-danger: #b04a3a;--color-violet: #8a6fa8;--bg-success: #e4ecdd;--bg-warn: #f3e9d3;--bg-danger: #f2ddd7;--bg-neutral: #ece9df;--chart-1: #c96442;--chart-2: #5c7a8a;--chart-3: #6f8c6a;--term-bg: #211f1b;--term-text: #e6e3da;--term-faint: #908d82;--term-border: #34322c;--term-accent: #e8946b;--term-danger: #e58472;--term-warn: #e0b45c;--term-success: #93b783;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--shadow-sm: 0 1px 2px rgba(40, 38, 34, .05), 0 1px 1px rgba(40, 38, 34, .03);--shadow-md: 0 2px 6px -2px rgba(40, 38, 34, .08), 0 4px 16px -8px rgba(40, 38, 34, .08);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);background-image:radial-gradient(900px 520px at 12% -10%,rgba(201,100,66,.06),transparent 60%),radial-gradient(820px 480px at 100% 0%,rgba(138,111,168,.05),transparent 55%);background-attachment:fixed;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3,h4,p,dl,dd,dt,figure{margin:0}a{color:var(--color-accent)}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d8d4c7;border-radius:7px;border:3px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:#c7c2b2}.wordmark{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:10px;font-weight:600;font-size:.875rem;padding:.55rem .95rem;transition:transform .12s ease,background .16s ease,border-color .16s ease,opacity .16s ease,filter .16s ease,box-shadow .16s ease;cursor:pointer;border:1px solid transparent;white-space:nowrap;color:var(--color-text)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-glow) 100%);color:#fff;box-shadow:0 1px 2px #b5573a59,0 8px 18px -10px #b5573a80}.btn-primary:hover:not(:disabled){filter:brightness(1.04)}.btn-ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-ghost:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-2)}.btn-danger{background:var(--bg-danger);border-color:#b04a3a47;color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#ecd1ca}.input{width:100%;background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:.6rem .8rem;color:var(--color-text);font-size:.9rem;transition:border-color .14s ease,box-shadow .14s ease;outline:none}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c9644229}.input::placeholder{color:var(--color-faint)}.label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;border:1px solid transparent}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border-radius:11px;color:var(--color-muted);font-weight:500;font-size:.9rem;text-decoration:none;transition:background .14s ease,color .14s ease}.nav-link:hover{background:var(--color-surface-2);color:var(--color-text)}.nav-link.active{background:var(--color-accent-soft);color:var(--color-accent-glow);box-shadow:inset 2px 0 0 var(--color-accent)}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.terminal{background:var(--term-bg);border:1px solid var(--term-border);border-radius:12px;color:var(--term-text)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:pulse-dot 1.6s ease-in-out infinite}