:root{--bg: #F4EFE3;--paper: #FAF6EC;--paper-2: #F0E9D6;--ink: #1C1814;--ink-2: #3A322B;--ink-mute: #6E6359;--ink-faint: #9C9183;--rule: #D8CFB8;--rule-soft: #E5DDC9;--accent: #6E1F1F;--accent-2: #8C2A2A;--accent-soft:#F2DEDE;--success: #3D5E3A;--warn: #8A6D1F;--info: #4A6B7C;--font-display: "Fraunces", Georgia, serif;--font-body: "IBM Plex Sans", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);min-height:100vh;font-feature-settings:"ss01","cv11";font-size:14px;line-height:1.5}*::selection{background:var(--accent-soft);color:var(--accent)}.display{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-feature-settings:"tnum","zero"}.smallcaps{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--ink-mute)}.num{font-variant-numeric:tabular-nums}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;padding:8px 14px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;border-radius:2px}.btn:hover{background:var(--paper-2);border-color:var(--ink-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-ink:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn-accent{background:var(--accent);color:var(--paper);border-color:var(--accent)}.btn-accent:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-mute);padding:6px 10px}.btn-ghost:hover{background:var(--paper-2);color:var(--ink);border-color:transparent}.input,.select,.textarea{font-family:var(--font-body);font-size:14px;width:100%;padding:9px 12px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:2px;outline:none;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink)}.textarea{resize:vertical;min-height:70px;line-height:1.55}label.field-label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px;font-weight:500}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}hr.rule{border:0;border-top:1px solid var(--rule);margin:0}.tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--rule);color:var(--ink-mute);border-radius:2px;font-weight:500}.scrollbar::-webkit-scrollbar{width:6px;height:6px}.scrollbar::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.scrollbar::-webkit-scrollbar-track{background:transparent}.ox-mark{width:28px;height:28px;background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:16px;border-radius:2px}.timeline-rail{position:absolute;left:11px;top:28px;bottom:-8px;width:1px;background:var(--rule)}.card{background:var(--paper);border:1px solid var(--rule);border-radius:2px}.modal-backdrop{position:fixed;inset:0;background:#1c181466;backdrop-filter:blur(2px);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .3s ease both}.spin{animation:spin 1s linear infinite;display:inline-block}.pipe-step{flex:1;text-align:center;padding:10px 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border-bottom:2px solid var(--rule-soft);font-weight:500;position:relative;cursor:pointer;transition:all .2s;min-width:110px}.pipe-step:hover{color:var(--ink-mute)}.pipe-step.passed{color:var(--ink-mute);border-bottom-color:var(--ink-faint)}.pipe-step.active{color:var(--accent);border-bottom-color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:2px;font-size:13px;z-index:100;box-shadow:0 8px 24px #1c181433;animation:fadeUp .25s ease}.toast.error{background:var(--accent)}.config-warning{max-width:600px;margin:80px auto;padding:32px;background:var(--paper);border:1px solid var(--accent);border-left:3px solid var(--accent);border-radius:2px}code.inline{font-family:var(--font-mono);background:var(--paper-2);padding:2px 6px;font-size:13px;border-radius:2px}