:root{--bg: #f7f7fb;--text: #1f2937;--text-secondary: #6b7280;--muted: #6b7280bd;--surface: #ffffff;--surface-0: #f9fafb;--surface-1: #ffffff;--surface-2: #f3f4f6;--surface-3: #e5e7eb;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06);--accent: #4f46e5;--accent-contrast: #ffffff;--chip-bg: #eef2ff;--chip-border: #c7d2fe;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #eff6ff;--code-bg: #f8fafc;--code-fg: #374151}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg)}.panel{background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.panel:hover{box-shadow:0 2px 6px #0000001f,0 2px 4px #00000014}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.5rem .75rem;cursor:pointer;font-weight:500;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.btn:hover{background:var(--surface-2, #f3f4f6);border-color:var(--primary, #3b82f6);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn.primary{background:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6)}.btn.primary:hover{background:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2, #f3f4f6)}.btn.full-width{width:100%;justify-content:center;display:flex;align-items:center;gap:.5rem}.icon-btn{border:none;background:transparent;cursor:pointer;color:var(--muted);padding:.4rem;border-radius:8px;transition:all .15s ease}.icon-btn:hover{background:var(--surface-2, #f3f4f6);color:var(--text);transform:scale(1.05)}input[type=text],input[type=search],input[type=number],select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .5rem}.chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{background:var(--chip-bg);border:1px solid var(--chip-border);color:#1e3a8a;border-radius:999px;padding:.1rem .6rem;display:inline-flex;gap:.25rem;align-items:center}.muted{color:var(--muted)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{background:#0b1020;color:#d1e7ff;padding:.75rem;border-radius:8px;overflow:auto}code[class*=language-],pre[class*=language-]{text-shadow:none}pre[class*=language-]{margin:.5rem 0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6b7280}.token.punctuation{color:#94a3b8}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f59e0b}.token.boolean,.token.number{color:#f472b6}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#10b981}.token.operator,.token.entity,.token.url{color:#cbd5e1}.token.atrule,.token.attr-value,.token.keyword{color:#6366f1}.token.function,.token.class-name{color:#38bdf8}.token.regex,.token.important,.token.variable{color:#f87171}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}*::-webkit-scrollbar-track{background:transparent}