:root{--bg: #f7f8fa;--bg-2: #f0f2f5;--paper: #ffffff;--ink: #111827;--ink-2: #1f2937;--muted: #6b7280;--muted-2: #9ca3af;--line: #e5e7eb;--line-2: #d1d5db;--accent: #2563eb;--accent-2: #1d4ed8;--accent-soft: #dbeafe;--accent-faint: #eff6ff;--dark: #0d1117;--dark-2: #161b22;--dark-border: rgba(255, 255, 255, .08);--dark-muted: rgba(255, 255, 255, .45);--ok: #16a34a;--ok-soft: #dcfce7;--warn: #d97706;--warn-soft: #fef3c7;--err: #dc2626;--err-soft: #fee2e2}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono{font-family:JetBrains Mono,ui-monospace,Menlo,monospace}.serif{font-family:"Instrument Serif",Times New Roman,serif;font-weight:400}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:-.005em;transition:transform .12s ease,background .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px);background:var(--accent-2);border-color:var(--accent-2)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn.ghost:hover{background:var(--bg-2);border-color:var(--line-2);transform:translateY(-1px)}.btn.ghost.dark{color:#fffc;border-color:var(--dark-border)}.btn.ghost.dark:hover{background:#ffffff0f;color:#fff}.btn.sm{height:32px;padding:0 14px;font-size:13px}.btn.lg{height:48px;padding:0 24px;font-size:15px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.field input,.field select{height:44px;padding:0 14px;border:1px solid var(--line-2);background:var(--paper);border-radius:10px;font-size:15px;color:var(--ink);outline:none;transition:border .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1f}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:500;letter-spacing:.01em;border:1px solid transparent}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.err{background:var(--err-soft);color:var(--err)}.pill.neutral{background:var(--bg-2);color:var(--muted)}.pill.accent{background:var(--accent-soft);color:var(--accent-2)}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}#root{min-height:100vh}@keyframes slideInRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}