:root{--primary: #3B82F6;--primary-contrast: #ffffff;--primary-opaque: color-mix(in srgb, var(--primary) 12%, transparent);--surface: #f7f8fa;--surface-1: #ffffff;--surface-2: #ffffff;--surface-3: #f1f3f5;--text: #0b0d10;--text-muted: #5b6472;--border: #e5e7eb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius: 10px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .06);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"}:root[data-theme=dark]{--surface: #0b0d10;--surface-1: #0f1216;--surface-2: #11151a;--surface-3: #1a1f26;--text: #e6e8eb;--text-muted: #9aa3af;--border: #222933;--shadow-1: 0 1px 2px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--surface);color:var(--text)}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--radius);background:var(--primary);color:var(--primary-contrast);border:0;cursor:pointer}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.actions{display:flex;gap:8px}