@font-face{font-family:Inter;src:url('/static/fonts/inter-variable.woff2');font-display:swap}
@font-face{font-family:Outfit;src:url('/static/fonts/outfit-variable.woff2');font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/static/fonts/jetbrains-mono-variable.woff2');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-primary);font:var(--text-base)/1.5 var(--font-sans);overflow-x:visible}header,main{max-width:1280px;margin:auto;padding:var(--space-6) var(--space-7)}header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--border-default);flex-wrap:wrap}header a{font:600 var(--text-lg)/1.2 var(--font-display);color:var(--text-primary);min-height:var(--tap-min);display:flex;align-items:center}a{color:var(--text-link)}h1,h2,h3{font-family:var(--font-display);line-height:1.25;font-weight:600;overflow-wrap:anywhere}h1{font-size:var(--text-2xl);margin:0}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:var(--space-3) 0;font-size:var(--text-sm);overflow-wrap:anywhere}.muted,header span{color:var(--text-secondary);font-size:var(--text-sm)}.heading,.editor-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5)}.heading p{margin-top:var(--space-3)}#status:empty{display:none}#status{padding:var(--space-4) 0}.library{border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-top:var(--space-6)}.skill-row,.columns{display:grid;grid-template-columns:minmax(0,1fr) 56px 112px 220px var(--btn-pill-w);gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-6)}.columns{color:var(--text-secondary);font-size:var(--text-sm);background:var(--surface-sunken);border-bottom:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.skill-row+.skill-row{border-top:1px solid var(--border-subtle)}.identity{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;min-width:0}.rule-name{padding:0;border:0;background:none;text-align:left;font-weight:600;font-size:var(--text-sm);overflow-wrap:anywhere;max-width:100%}.client-chip{font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;max-width:100%}.source-chip{position:relative;display:inline-flex}.source-chip button{position:relative;padding:0;width:26px;height:var(--tap-min);display:grid;place-items:center;background:transparent;border:0;flex-shrink:0}.source-chip button::before{content:"";position:absolute;inset:0;margin:auto;width:26px;height:26px;border-radius:50%;background:var(--surface-page);border:1px solid var(--border-subtle)}.source-chip svg,.source-chip img{width:var(--space-6);height:var(--space-6);max-width:none;object-fit:contain;position:relative}.source-tooltip{display:none;position:absolute;top:calc(100% + var(--space-2));left:0;z-index:2;width:max-content;max-width:260px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-raised);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-popover);font-size:var(--text-sm)}.source-chip:focus-within .source-tooltip{display:block}.status-pill{display:inline-flex;width:max-content;max-width:100%;font-size:var(--text-sm);color:var(--warn-text);background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3)}.status-pill:not(.done)::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;margin-right:var(--space-2)}.status-pill{align-items:center}.status-pill.done{color:var(--ui-teal);background:var(--ui-done-bg);border-color:transparent}.revision{font-size:var(--text-sm);text-align:center;color:var(--text-secondary);justify-self:center;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill)}.review{font-size:var(--text-sm)}.skill-row.selected .review{visibility:hidden}#pages{display:flex;gap:var(--space-4);padding:0 var(--space-5)}#pages:empty{display:none}
#editor{margin-top:var(--space-6);padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-sunken);transform-origin:top center}#editor[hidden],#workspace[hidden]{display:none}.editor-head{margin-bottom:var(--space-4)}label{display:block;margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);font-weight:600}input,textarea,select{width:100%;font:inherit;font-size:1rem;color:var(--text-primary);background:var(--surface-page);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);min-height:var(--tap-min)}textarea{resize:vertical}button{font:inherit;min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-primary);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}.primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);font-weight:600}button:disabled{background:var(--surface-disabled);color:var(--text-secondary);border-color:var(--border-default);cursor:default}.secondary,#history{background:var(--surface-page);border-color:var(--border-default)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--space-2)}.dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}details{margin:var(--space-4) 0}summary{cursor:pointer;min-height:var(--tap-min);padding:var(--space-3) 0;font-size:var(--text-sm)}#preview:not(:empty),#history-list:not(:empty){margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-default)}#preview h3{margin-bottom:var(--space-4)}.fact{display:grid;grid-template-columns:minmax(0,1fr) 56px 112px 220px var(--btn-pill-w);gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-top:1px solid var(--border-default);min-width:0}.fact-values{display:contents}.fact-name{padding:0;border:0;background:none;text-align:left;font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere;max-width:100%}.fact .amount{text-align:right;justify-self:end}.amount{max-width:100%;font-family:var(--font-mono);font-size:var(--num-sm);font-weight:600;font-variant-numeric:tabular-nums lining-nums;color:var(--text-primary);white-space:normal}.held-note{font-size:var(--text-sm);color:var(--text-secondary)}.question{font-size:var(--text-sm);padding:var(--space-4) 0;color:var(--text-secondary)}.confirm-facts{display:flex;gap:var(--space-3);align-items:center;min-height:var(--tap-min);font-weight:400}.confirm-facts input{width:var(--space-5);flex-shrink:0;accent-color:var(--text-secondary)}.proposals-action{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:flex-end;margin-top:var(--space-4)}.working{display:flex;gap:var(--space-4);align-items:center;font-size:var(--text-sm)}.dots{display:inline-flex;gap:var(--space-2)}.dots i{width:var(--space-2);height:var(--space-2);background:var(--text-secondary);border-radius:var(--radius-pill);animation:pulse var(--duration-slow) var(--ease-out) infinite alternate}.dots i:nth-child(2){animation-delay:var(--duration-instant)}.dots i:nth-child(3){animation-delay:var(--duration-fast)}@keyframes pulse{from{opacity:.3}to{opacity:1}}dialog{width:600px;max-width:calc(100vw - var(--space-7));max-height:85dvh;overflow:auto;overscroll-behavior:contain;padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-page);color:var(--text-primary)}dialog::backdrop{background:var(--surface-overlay)}.receipt-lines{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:var(--space-4);align-items:baseline;font-size:var(--text-sm)}.receipt-lines dt{color:var(--text-secondary)}.receipt-lines dd{text-align:right;overflow-wrap:anywhere}.receipt-lines .amount{font-size:var(--num-sm);white-space:normal}.skip{position:absolute;top:-100px;left:var(--space-4)}.skip:focus{top:0;background:var(--surface-page);padding:var(--space-3);z-index:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
@media(hover:hover) and (pointer:fine){.source-chip:hover .source-tooltip{display:block}button:hover{border-color:var(--text-secondary)}.primary:hover{background:var(--accent-hover)}.rule-name:hover,.fact-name:hover{background:var(--surface-hover)}}button:active{background:var(--surface-hover)}.primary:active{background:var(--accent-active)}main{padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom))}
@media(max-width:800px){header,main{padding:var(--space-5) var(--space-4)}.heading,.editor-head{align-items:flex-start}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}.columns{display:none}.skill-row{grid-template-columns:26px minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-4)}.skill-row .source-chip{grid-column:1;grid-row:1;align-self:start}.identity{grid-column:2/-1;grid-row:1;display:block}.rule-name{font-size:var(--text-base)}.identity .client-chip,.skill-row .revision{display:none}.skill-row .status-pill{grid-column:1/3;grid-row:2}.review{grid-column:3;grid-row:2;justify-self:end}.skill-row.selected .review{display:none}#editor{padding:var(--space-5) var(--space-4)}.fact{grid-template-columns:26px minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}.fact-name{grid-column:2;grid-row:1;font-size:var(--text-base)}.fact .source-chip{grid-column:1;grid-row:1;align-self:start}.fact-values{display:contents}.fact .status-pill{grid-column:1/3;grid-row:2}.fact .amount,.fact .held-note{grid-column:3;grid-row:1;margin:0;text-align:right;justify-self:end;align-self:start}.fact-review{grid-column:3;grid-row:2;justify-self:end}.source-tooltip{max-width:230px}.dates{gap:var(--space-4)}dialog{padding:var(--space-5)}.receipt-lines{grid-template-columns:1fr}.receipt-lines dd{text-align:left}.receipt-lines .amount{font-size:var(--num-sm)}}
@media(prefers-reduced-motion:reduce){.dots i{animation:none}}

/* One-UI step 5 (claude-design-1009, 2026-10-13): one answer sentence, outline
   pill buttons with one teal decide, and a collapsed "Where this came from". */
h1{font-family:var(--font-display)}
.answer{font:var(--weight-semibold) var(--text-xl)/var(--lh-heading) var(--font-display);color:var(--ui-ink);margin:var(--space-2) 0 0;max-width:32em}
.skill-row .tf-pill-btn,#new.tf-pill-btn{border-radius:var(--radius-pill);border-color:var(--ui-btn-line);background:var(--surface-raised);color:var(--ui-ink)}
.skill-row .tf-pill-btn--decide{background:var(--ui-teal);border-color:var(--ui-teal);color:var(--text-on-accent)}
.library{border-color:var(--ui-line);border-radius:var(--radius-card)}
.skill-row+.skill-row{border-top-color:var(--ui-divider)}
.status-pill{border-color:transparent}
.oui-sources{margin-top:var(--space-6)}
.oui-sources summary{cursor:pointer;min-height:var(--btn-pill-h);display:flex;align-items:center;font-weight:var(--weight-semibold);color:var(--ui-ink)}
.oui-sources h3{font-size:var(--text-base);margin:0 0 var(--space-3);color:var(--ui-ink)}
.oui-source{padding:var(--space-3) 0;border-top:1px solid var(--ui-divider);color:var(--ui-body);font-size:var(--text-sm)}
#new[hidden],.answer[hidden]{display:none}