:root{--bg-0: #f5efe0;--bg-1: #ede5d1;--bg-2: #e2d8bf;--fg-0: #1d1d1d;--fg-1: #3a3a3a;--fg-2: #6e6e6e;--andon-red: #e63946;--andon-red-soft: #e6394622;--caution-yellow: #ffd23f;--caution-yellow-soft: #ffd23f22;--blueprint: #2a4d8f;--blueprint-soft: #2a4d8f15;--safety-green: #2a9d4f;--safety-green-soft: #2a9d4f22;--border: #1d1d1d;--border-soft: #1d1d1d33;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-1: 6px;--radius-2: 12px;--font-mono: "JetBrains Mono", "Consolas", monospace;--font-ui: system-ui, -apple-system, "Nunito", sans-serif;--font-display: "Nunito", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--fg-0);font-family:var(--font-ui);font-size:14px;line-height:1.5}button{font-family:var(--font-display);font-weight:600;font-size:13px;padding:6px 14px;background:var(--bg-1);color:var(--fg-0);border:2px solid var(--border);border-radius:var(--radius-1);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;box-shadow:0 2px 0 var(--border)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 0 var(--border)}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 var(--border)}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{font-family:var(--font-mono);font-size:14px;background:#fff;color:var(--fg-0);border:2px solid var(--border);border-radius:var(--radius-1);outline:none;padding:6px 10px}input:focus,textarea:focus,select:focus{border-color:var(--blueprint);box-shadow:0 0 0 3px var(--blueprint-soft)}code,pre,.mono{font-family:var(--font-mono)}