:root{--bg:#eceef3;--surface:#fff;--surface-2:#f2f3f8;--border:#d6dae5;--ember:#3d6eff;--ember-dim:#2c55d6;--cyan:#0ea5b7;--success:#1faf6b;--danger:#e23a5a;--text:#171923;--text-muted:#6e7386;--on-accent:#fff;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Pixelify Sans", ui-monospace, monospace;--radius:14px;--radius-lg:22px;--radius-pill:999px;--grid-line:#1719230b}*{box-sizing:border-box}body{background:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 28px 28px, var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--ember);color:var(--on-accent)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 16px;font-weight:700}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;box-shadow:0 3px 0 0 var(--border);padding:10px 20px;font-size:14px;font-weight:600;transition:transform 80ms,box-shadow 80ms,border-color .15s,background .15s;transform:translateY(0)}button:hover:not(:disabled){border-color:var(--cyan)}button:active:not(:disabled){box-shadow:0 0 0 0 var(--border);transform:translateY(3px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button.primary{background:var(--ember);border-color:var(--ember-dim);color:var(--on-accent);box-shadow:0 3px 0 0 var(--ember-dim)}button.primary:hover:not(:disabled){background:var(--ember-dim);border-color:var(--ember-dim)}button.primary:active:not(:disabled){box-shadow:0 0 0 0 var(--ember-dim)}input{font-family:var(--font-body);border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface);color:var(--text);margin-right:8px;padding:10px 16px;font-size:14px}input:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.page{max-width:960px;margin:0 auto;padding:32px 24px}.status-chip{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-draft{color:var(--text-muted)}.status-published,.status-in_progress{color:var(--cyan)}.status-submitted{color:var(--ember)}.status-reviewed{color:var(--success)}.token-counter{font-family:var(--font-mono);color:var(--ember);text-shadow:0 0 12px #3d6eff59;font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px;padding:16px 20px}.card-list-item{border-left:4px solid var(--border)}.card-list-item.status-published{border-left-color:var(--cyan)}.card-list-item.status-draft{border-left-color:var(--text-muted)}.message-banner{font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--radius);border-left:4px solid var(--border);background:var(--surface-2);border-top:2px solid var(--border);border-right:2px solid var(--border);border-bottom:2px solid var(--border);color:var(--text-muted);margin-bottom:16px;padding:10px 14px;font-size:12px}.message-banner.error{border-left-color:var(--danger);color:var(--danger)}.wordmark{font-family:var(--font-mono);letter-spacing:.01em;align-items:center;gap:6px;font-size:17px;font-weight:700;display:inline-flex}.wordmark .accent{color:var(--ember)}html,#root{background:var(--bg);min-height:100%}html{height:100%}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0ea5b766}50%{box-shadow:0 0 0 12px #0ea5b700}}@keyframes node-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.path-node-current{animation:2s ease-in-out infinite pulse-glow}.path-node-enter{animation:.4s ease-out backwards node-appear}
