:root{--accent: #1d9e75;--accent-strong: #0f6e56;--accent-soft: #e1f5ee;--accent-border: #9fe1cb;--bg: #f7f7f5;--surface: #ffffff;--surface-2: #f1efe8;--border: #e3e1da;--border-strong: #cfccc2;--text: #1f1f1d;--text-2: #5c5b55;--text-3: #8e8d85;--green-bg: #eaf3de;--green-fg: #27500a;--amber-bg: #faeeda;--amber-fg: #633806;--red-bg: #fcebeb;--red-fg: #791f1f;--blue-bg: #e6f1fb;--blue-fg: #0c447c;--gray-bg: #f1efe8;--gray-fg: #444441;--teal-bg: var(--accent-soft);--teal-fg: var(--accent-strong);--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--control-h: 36px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--focus-ring: 0 0 0 3px rgba(29, 158, 117, .28);--shadow-sm: 0 1px 2px rgba(31, 31, 29, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;margin:0;cursor:pointer;background:transparent;border:0}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:0 10px;height:var(--control-h);outline:none}textarea{height:auto;min-height:var(--control-h);padding:8px 10px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--text-3)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c5b55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}table{border-collapse:collapse}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes ktk-spin{to{transform:rotate(360deg)}}