@layer base{:root{--bg-ground:#0a0e17;--bg-surface:#101624;--bg-surface-elevated:#162033;--bg-surface-hover:#1d2b44;--border-subtle:#223049;--border-strong:#334766;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#f43f5e;--accent-primary-hover:#fb7185;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-blue:#3b82f6;--font-display:"Bricolage Grotesque", -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"JetBrains Mono", monospace}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-ground);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-weight:600;line-height:1.15}code,pre,.font-code{font-family:var(--font-code)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-ground)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.18s cubic-bezier(.16,1,.3,1) forwards fadeIn}.badge{font-family:var(--font-body);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);border-radius:4px;align-items:center;gap:.375rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-emerald{color:#34d399;background:#10b98114;border-color:#10b98140}.badge-amber{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b40}.badge-rose{color:#fb7185;background:#f43f5e14;border-color:#f43f5e40}.badge-blue{color:#60a5fa;background:#3b82f614;border-color:#3b82f640}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s,transform .15s;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-ground);font-weight:600}.btn-primary:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-accent{background:var(--accent-primary);color:#fff;font-weight:600}.btn-accent:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);border-color:var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-surface);color:var(--text-primary)}.input-base{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:6px;padding:.5rem .85rem;font-size:.875rem;transition:border-color .15s}.input-base:focus{border-color:var(--text-muted);outline:none}