:root{--bg: #f4f3f0;--surface: #ffffff;--surface-raised: #faf9f7;--surface-inset: #eeedea;--border: #e0deda;--border-hover: #d0cec8;--border-accent: #c4bff5;--text: #17171a;--text-secondary: #5c5c66;--text-tertiary: #9c9ca6;--accent: #7b6ff0;--accent-hover: #6a5dd6;--accent-subtle: #eeedf9;--accent-text: #5a4fd0;--danger: #d44040;--danger-subtle: #fdf0f0;--success: #2d8c4e;--success-subtle: #ecf5ee;--warning: #a07e1e;--warning-subtle: #fdf7e8;--info: #3b72c4;--info-subtle: #edf2fc;--code-bg: #1c1b2e;--code-text: #cccad8;--code-inline-bg: #eae8e4;--muted-bg: #eeedea;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-xs: 0 1px 2px rgba(0,0,0,.03);--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--ease: cubic-bezier(.23, 1, .32, 1);color-scheme:light}[data-theme=dark]{--bg: #0c0c12;--surface: #141420;--surface-raised: #1a1a28;--surface-inset: #101018;--border: #252538;--border-hover: #33334a;--border-accent: #4a45a0;--text: #e4e4ea;--text-secondary: #8888a0;--text-tertiary: #5c5c72;--accent: #a9a0f8;--accent-hover: #9b90f0;--accent-subtle: #1c1a30;--accent-text: #b8b0ff;--danger: #e05555;--danger-subtle: #281818;--success: #3ecf8e;--success-subtle: #142820;--warning: #e8c040;--warning-subtle: #282410;--info: #6ea8fe;--info-subtle: #141c30;--code-bg: #0a0a14;--code-text: #c8c6d4;--code-inline-bg: #1e1e30;--muted-bg: #1a1a28;--shadow-xs: 0 1px 2px rgba(0,0,0,.15);--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.25);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s var(--ease),color .25s var(--ease)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s var(--ease);-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){border-color:var(--border-hover);box-shadow:var(--shadow-xs);transform:translateY(-.5px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 10px #7b6ff04d}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--muted-bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs)}.input{width:100%;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:13.5px;outline:none;transition:all .15s var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--text-tertiary)}.input:hover:not(:focus){border-color:var(--border-hover)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}select.input{padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239c9ca6' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%235c5c72' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}textarea.input{resize:vertical;min-height:80px;line-height:1.55}code{font-family:JetBrains Mono,SF Mono,monospace;background:var(--code-inline-bg);padding:1.5px 5px;border-radius:4px;font-size:12px;color:var(--text);font-weight:400}.block-code{background:var(--code-bg);color:var(--code-text);border:none;border-radius:var(--radius);padding:16px 20px;overflow-x:auto;font-family:JetBrains Mono,SF Mono,monospace;font-size:12.5px;line-height:1.6;white-space:pre}.block-code code{background:none;color:inherit;padding:0;font-size:inherit}.error{color:var(--danger);font-size:13px;font-weight:500}