:root{--parchment:#f2ede3;--warm-white:#fdfaf4;--cream:#f5f0e8;--header-fill:#ece4d5;--ink:#1a1714;--muted:#4a443b;--pure:#000;--gold-text:#5e4726;--gold:#8c6d3f;--gold-light:#c4a97d;--sage:#2d6e47;--danger:#a93232;--danger-solid:#8a2626;--line:#e2d9c8;--line-strong:#1a171433;--shadow:0 1px 2px #1a17140f,0 8px 24px #1a17140f;--serif:"Playfair Display",Georgia,serif;--body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"DM Mono",ui-monospace,Menlo,monospace;--mark:"Trebuchet MS","Segoe UI",Tahoma,sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-md:10px;--r-lg:14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--parchment);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3{font-family:var(--serif);margin:0 0 var(--s3);color:var(--ink);line-height:1.15}h1{font-size:clamp(26px,5vw,38px);font-weight:700}h2{font-size:clamp(20px,3.4vw,26px);font-weight:600}h3{font-size:18px;font-weight:600}p{margin:0 0 var(--s3)}a{color:var(--gold-text)}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--s3);background:var(--ink);color:var(--warm-white);padding:var(--s3) var(--s4);border-radius:var(--r-md);z-index:10;position:absolute;top:-60px}.skip:focus{top:var(--s3)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.wrap{max-width:980px;padding:0 var(--s4);margin:0 auto}header.top{gap:var(--s3);padding:var(--s4) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.mark{font-family:var(--mark);letter-spacing:.02em;border-radius:4px;align-items:stretch;font-size:20px;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.mark .blk{background:var(--pure);color:var(--warm-white);padding:5px 9px 6px 12px}.mark .bar{background:var(--pure);width:3px}.mark .wht{color:var(--ink);background:var(--cream);padding:5px 9px 6px 10px}.mark .ai{color:var(--gold);background:var(--cream);padding:5px 11px 6px 0}.who span{white-space:nowrap}.who{gap:var(--s3);color:var(--muted);align-items:center;font-size:14px;display:flex}.card{background:var(--warm-white);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s5);margin:var(--s4) 0}.card.accent{border-left:3px solid var(--gold);border-radius:0}.stages{gap:var(--s2);margin:0 0 var(--s4);scrollbar-width:thin;padding:0;list-style:none;display:flex;overflow-x:auto}.stages li{flex:1 0 auto}.stage{align-items:center;gap:var(--s2);width:100%;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--line);background:var(--warm-white);color:var(--ink);font:600 14px var(--body);cursor:pointer;white-space:nowrap;border-radius:999px;display:flex}.stage[aria-current=step]{border-color:var(--gold);color:var(--gold-text);box-shadow:inset 0 0 0 1px var(--gold)}.stage .n{font-family:var(--mono);color:var(--muted);font-size:12px}.stage.done .n:after{content:" ✓";color:var(--sage)}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s5);border-radius:var(--r-md);font:600 16px var(--body);cursor:pointer;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ink);color:var(--warm-white)}.btn-primary:hover{background:#000}.btn-secondary{background:var(--warm-white);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover{border-color:var(--ink)}.btn-ghost{color:var(--gold-text);background:0 0}.btn-danger{background:var(--danger-solid);color:var(--warm-white)}.btn:disabled{background:var(--header-fill);color:var(--muted);cursor:not-allowed;border-color:#0000}.btn.sm{min-height:44px;padding:0 var(--s4);font-size:14px}.row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.stack>*+*{margin-top:var(--s4)}.field{display:block}.field label,.field .lbl{margin-bottom:var(--s1);font-weight:600;display:block}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:var(--s3);background:var(--warm-white);border:1px solid var(--line-strong);border-radius:var(--r-md);font:16px var(--body);color:var(--ink)}.field textarea{min-height:96px}.field .help{color:var(--muted);margin-top:var(--s1);font-size:14px}.field.err input,.field.err textarea,.field.err select{border-color:var(--danger)}fieldset{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4);margin:0}legend{padding:0 var(--s2);font-weight:600}.chip{border:1px solid var(--line);background:var(--warm-white);min-height:28px;font:600 12px var(--body);border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.chip.ok{color:var(--sage);border-color:var(--sage)}.chip.bad{color:var(--danger);border-color:var(--danger)}.chip.wait{color:var(--gold-text);border-color:var(--gold)}.notice{border-left:4px solid var(--sage);padding:var(--s3) var(--s4);border-radius:0 var(--r-md) var(--r-md) 0;margin:var(--s3) 0;background:#2d6e4712}.notice.error{border-left-color:var(--danger);background:#a9323212}.notice.warn{border-left-color:var(--gold);background:#8c6d3f17}.list{margin:0;padding:0;list-style:none}.list>li{padding:var(--s3) 0;border-bottom:1px solid var(--line)}.list>li:last-child{border-bottom:0}.kv{grid-template-columns:1fr;gap:2px;display:grid}.kv .k{color:var(--muted);font-size:12px;font-weight:600}.cards{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.seg{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);background:var(--cream)}audio{width:100%;max-width:100%}.bar-meter{background:var(--header-fill);border-radius:999px;height:8px;overflow:hidden}.bar-meter>i{background:var(--sage);height:100%;display:block}code,.mono{font-family:var(--mono);word-break:break-all;font-size:13px}@media (prefers-reduced-motion:no-preference){.btn,.stage{transition:border-color .12s,background .12s}}@media (max-width:480px){.card{padding:var(--s4)}.btn{width:100%}.row .btn{flex:100%}}.tagbtn{cursor:pointer;min-height:44px;padding:0 14px;font-size:14px}.tagbtn:hover{border-color:var(--ink)}@keyframes kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-2%,-2%)}}@media (prefers-reduced-motion:reduce){@keyframes kenburns{0%{transform:none}to{transform:none}}}select{min-height:44px}