:root{--plum:#7a3b69;--plum-d:#4e2443;--rose:#c98fa7;--blush:#f3d9e1;--cream:#fbf4ee;--gold:#e9c46a;--ink:#3a2433}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5;background-image:radial-gradient(var(--blush) 1.2px,transparent 1.2px);background-size:22px 22px}
h1,h2{font-family:Georgia,serif;color:var(--plum-d);margin:.2rem 0 .8rem}h1{font-size:1.7rem}h2{font-size:1.25rem}a{color:var(--plum)}
.nav{position:sticky;top:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;align-items:center;padding:.8rem 4vw;background:rgba(251,244,238,.95);border-bottom:2px dashed var(--rose);z-index:2}
.brand{font-family:Georgia,serif;font-weight:700;color:var(--plum-d);text-decoration:none}.nav nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.nav nav a{text-decoration:none;font-weight:600}
.inline{display:inline;margin:0}.linkbtn{background:none;border:0;color:var(--plum);font:inherit;font-weight:600;cursor:pointer;padding:0}
main{max-width:820px;margin:auto;padding:1.4rem 4vw 3rem}
.card{display:block;background:#fff;border:2px solid var(--blush);border-radius:18px;padding:1.3rem;margin:0 0 1rem;box-shadow:0 6px 18px rgba(122,59,105,.08);color:inherit;text-decoration:none}
.narrow{max-width:420px;margin:2rem auto}.row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center}
label{display:block;font-weight:600;margin:.8rem 0;color:var(--plum-d)}input,textarea{display:block;width:100%;margin-top:.3rem;padding:.65rem .8rem;border:2px solid var(--blush);border-radius:12px;font:inherit;background:var(--cream)}
input:focus,textarea:focus{outline:none;border-color:var(--rose)}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.btn{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:var(--plum);color:#fff;border:0;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--plum-d)}
.btn.ghost{background:#fff;color:var(--plum);border:2px solid var(--plum);box-shadow:none}
.muted{color:#8a7083;font-size:.92rem}.flash{background:var(--blush);border-left:5px solid var(--plum);padding:.7rem 1rem;border-radius:10px}
.job{display:flex;justify-content:space-between;align-items:center;gap:1rem}.job p{margin:.2rem 0}
.status{padding:.25rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;white-space:nowrap;background:var(--blush);color:var(--plum-d)}
.status.big{font-size:.95rem}.s-new{background:var(--gold)}.s-routing{background:var(--rose);color:#fff}.s-waiting-for-more-states{background:#f0d6a8}.s-done{background:#7aa874;color:#fff}
.steps{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0 0 1rem}.steps li{padding:.3rem .8rem;border-radius:999px;border:2px dashed var(--rose);font-size:.85rem;color:#8a7083}.steps li.on{background:var(--plum);color:#fff;border-style:solid;border-color:var(--plum)}
dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}dt{font-weight:700;color:var(--plum-d)}dd{margin:0}
.pre{white-space:pre-wrap}.notes{background:var(--cream);border-radius:12px;padding:1rem;border:1px dashed var(--rose)}
.files{padding-left:1.2rem}footer{text-align:center;padding:1.5rem;color:#8a7083;font-size:.9rem}
@media(max-width:560px){.two{grid-template-columns:1fr}dl{grid-template-columns:1fr}dt{margin-top:.4rem}}