:root{--bg:#17140f;--bg-raised:#1e1a13;--bg-raised-2:#241f16;--bg-cool:#14171d;--bg-cool-raised:#1a1e26;--border:#33301f;--border-soft:#2a2718;--border-cool:#2b303b;--text:#ece6d8;--text-dim:#a79e8c;--text-faint:#6d6555;--locked:#4a4436;--locked-text:#6d6555;--accent:#e7a339;--accent-dim:#b37f2b;--accent-soft:#e7a33921;--accent-border:#e7a33959;--success:#7bcb98;--success-soft:#7bcb9821;--success-border:#7bcb9859;--warn:#d08a4c;--warn-soft:#d08a4c26;--warn-border:#d08a4c66;--error:#e5646a;--error-soft:#e5646a21;--error-border:#e5646a61;--rec:#e5646a;--font-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--radius-sm:4px;--radius-md:7px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;font-size:14px;line-height:1.55}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-soft);background:#17140feb;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-name{letter-spacing:.01em;color:var(--text);font-size:15px;font-weight:600}.brand-target{color:var(--text-dim);font-weight:400}button{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;color:var(--text-dim);background:0 0;padding:8px 14px;font-size:13px;font-weight:500}button:hover:not(:disabled){color:var(--text);border-color:var(--text-faint)}button:disabled{color:var(--locked-text);border-color:var(--locked);cursor:not-allowed}button.btn-primary{background:var(--accent);color:#1a1509;border-color:var(--accent)}button.btn-primary:hover:not(:disabled){background:#f0ae47}button.btn-primary:disabled{background:var(--locked);border-color:var(--locked);color:var(--locked-text)}button.btn-danger{color:var(--rec);border-color:var(--error-border);background:0 0}button.btn-danger:hover:not(:disabled){background:var(--error-soft)}button.icon-btn{justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}button.icon-btn.approve:hover{border-color:var(--success-border);color:var(--success);background:var(--success-soft)}button.icon-btn.deny:hover{border-color:var(--error-border);color:var(--error);background:var(--error-soft)}.app-shell{max-width:900px;margin:0 auto;padding:32px 24px 64px}@media (width<=680px){.app-shell{padding:20px 14px 48px}}.flow{flex-direction:column;gap:16px;display:flex}.step{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);padding:18px 20px 20px}.step.is-integration{background:var(--bg-cool);border-color:var(--border-cool)}.step-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.step-head h2{color:var(--text);align-items:center;gap:8px;margin:0;font-size:14.5px;font-weight:600;display:flex}.step-num{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.step-summary{color:var(--text-dim);margin:6px 0 0;font-size:13px}.pill{font-family:var(--font-mono);white-space:nowrap;border:1px solid #0000;border-radius:100px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.pill-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pill-ready{background:var(--success-soft);color:var(--success);border-color:var(--success-border)}.pill-ready .pill-dot{background:var(--success)}.pill-idle{background:var(--bg-raised-2);color:var(--text-faint);border-color:var(--border)}.pill-idle .pill-dot{background:var(--text-faint)}.pill-loading{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.pill-loading .pill-dot{background:var(--accent);animation:1.1s ease-in-out infinite pulse}.pill-error{background:var(--error-soft);color:var(--error);border-color:var(--error-border)}.pill-error .pill-dot{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}progress{width:100%;height:8px;accent-color:var(--accent);margin-top:8px}.rec-row{align-items:center;gap:10px;margin:10px 0;display:flex}.rec-dot{background:var(--rec);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite pulse}.rec-label{color:var(--rec);font-size:13px;font-weight:600}.rec-timer{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:13px}.waveform-live,.waveform-thumb{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:64px;display:block}.waveform-thumb{opacity:.8;height:40px;margin-top:10px}.transcript{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:230px;font-family:var(--font-mono);color:var(--text-dim);margin-top:12px;padding:12px 14px;font-size:12.5px;line-height:1.75;overflow-y:auto}.transcript .ts{color:var(--text-faint);margin-right:8px}.transcript p{margin:0 0 4px}.field{flex-direction:column;gap:5px;margin:10px 0;display:flex}.field label{color:var(--text-dim);font-size:12px}.field input,.field select{font-family:var(--font-sans);color:var(--text);background:var(--bg);border:1px solid var(--border-cool);border-radius:var(--radius-sm);width:100%;padding:8px 10px;font-size:13px}.field-note{color:var(--text-faint);margin-top:2px;font-size:11.5px}.checkbox-field{color:var(--text-dim);align-items:center;gap:8px;margin:10px 0;font-size:13px;display:flex}.integration-head{align-items:center;gap:8px;display:flex}.integration-head svg{width:15px;height:15px;color:var(--accent);flex-shrink:0}.integration-summary{background:var(--bg-cool-raised);border:1px solid var(--border-cool);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.integration-kvs{flex-wrap:wrap;gap:22px;display:flex}.integration-kv{flex-direction:column;gap:2px;display:flex}.integration-kv .k{color:var(--text-faint);font-size:10.5px}.integration-kv .v{font-family:var(--font-mono);color:var(--text);font-size:12.5px}.chevron-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px}.review-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.review-item{border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.review-item-main{flex:1;min-width:220px}.review-item-title{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.review-item-desc{color:var(--text-dim);margin-top:3px;font-size:12.5px}.review-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dup-badge{font-size:10.5px;font-family:var(--font-mono);color:var(--warn);background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:100px;padding:2px 8px}.status-badge{font-family:var(--font-mono);border:1px solid #0000;border-radius:100px;padding:4px 9px;font-size:11px}.status-pending{background:var(--bg-raised-2);color:var(--text-dim);border-color:var(--border)}.status-approved{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.status-created{background:var(--success-soft);color:var(--success);border-color:var(--success-border)}.status-error{background:var(--error-soft);color:var(--error);border-color:var(--error-border)}.status-denied{background:var(--bg-raised-2);color:var(--text-faint);border-color:var(--border)}.push-confirm{background:var(--success-soft);border:1px solid var(--success-border);border-radius:var(--radius-sm);color:var(--text);margin-top:12px;padding:10px 12px;font-size:12.5px}[role=alert]{color:var(--error);font-size:12.5px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#e6e6e6;background:#0f1115;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;margin:0}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}
