:root{--desk:#dde3e9;--paper:#fff;--ink:#1b2430;--muted:#5b6676;--rule:#c9d1da;--carbon:#2b4baa;--carbon-wash:#e8edfa;--red-pen:#c8102e;--stamp:#2e7d4f;--display:Bahnschrift, "DIN Alternate", "DIN Next", "Arial Narrow", sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--receipt:"Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--desk);color:var(--ink);font:1rem/1.55 var(--body);margin:0}main{max-width:64rem;margin:0 auto;padding:2.5rem 1rem 3rem}.masthead{max-width:38rem;margin-bottom:1.75rem}h1{font:700 3.25rem/1 var(--display);letter-spacing:-.01em;margin:0;font-stretch:75%}.tag{color:var(--muted);margin:.5rem 0 0;font-size:1.05rem}h2{font:600 1.5rem/1.2 var(--display);margin:0 0 .75rem}h3{font:600 .95rem/1.2 var(--display);color:var(--muted);margin:0}.small{color:var(--muted);max-width:38rem;font-size:.875rem}h1,h2,.receipt h2{text-wrap:balance}.tag,.small,.persona span,#log p,.detail,blockquote p,.lines li{text-wrap:pretty}.gap,.total,.turns,.limit{font-variant-numeric:tabular-nums}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.credit{margin-top:2rem}a{color:var(--carbon)}.sheet{background:var(--paper);max-width:38rem;box-shadow:0 1px 0 var(--rule), 0 12px 28px -18px #1b243073;border-radius:2px;padding:1.75rem}input,textarea,button{font:inherit;color:inherit}button{background:var(--ink);color:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:4px;padding:.6rem 1.15rem;font-weight:600;transition-property:background-color,border-color,transform;transition-duration:.15s;transition-timing-function:ease-out}button:hover{background:var(--carbon);border-color:var(--carbon)}button:active:not(:disabled){transform:scale(.97)}button.quiet{color:var(--ink);border-color:var(--rule);background:0 0}button.quiet:hover{border-color:var(--ink);background:0 0}button:disabled{opacity:.45;cursor:default}button[hidden]{display:none}:focus-visible{outline:3px solid var(--carbon);outline-offset:2px}.actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}#notice{color:var(--red-pen)}#notice:empty{display:none}.personas{gap:.5rem;display:grid}.persona{border:1px solid var(--rule);cursor:pointer;border-radius:4px;grid-template-columns:auto 1fr;gap:.1rem .7rem;padding:.75rem .9rem;display:grid}.persona:has(input:checked){border-color:var(--carbon);background:var(--carbon-wash)}.persona input{accent-color:var(--carbon);grid-row:span 2;margin:.3rem 0 0}.persona strong{font:600 1.1rem/1.3 var(--display)}.persona span{color:var(--muted);font-size:.9rem}.field-label{margin:1.5rem 0 .35rem;font-weight:600;display:block}.money-input{border-bottom:2px solid var(--ink);align-items:baseline;gap:.25rem;max-width:14rem;display:flex}.money-input span,.money-input input{font:700 2rem/1.2 var(--display);font-variant-numeric:tabular-nums}.money-input input{background:0 0;border:0;width:100%;padding:.15rem 0}.money-input input:focus-visible{outline:none}.money-input:focus-within{border-bottom-color:var(--carbon)}progress{width:100%;height:.6rem;accent-color:var(--carbon)}.table{grid-template-columns:minmax(0,1fr) 15rem;align-items:start;gap:1.25rem;display:grid}.table[hidden]{display:none}.chat{grid-area:1/1;min-width:0}.tape{background:var(--paper);box-shadow:0 1px 0 var(--rule), 0 12px 28px -18px #1b243073;border-radius:2px;grid-area:1/2;padding:1.25rem 1.25rem 1rem;position:sticky;top:1rem}.figures{margin:.25rem 0 0;padding:0;list-style:none}.figures li{font:700 1.9rem/1.15 var(--display);font-variant-numeric:tabular-nums}.figures li.gone{color:var(--red-pen);font-size:1.1rem;text-decoration:line-through;text-decoration-thickness:2px}.theirs .figures li{color:var(--carbon)}.theirs .figures li.gone{color:var(--muted);font-size:1.1rem;text-decoration:none}.gap{border-block:1px dashed var(--rule);color:var(--muted);font-variant-numeric:tabular-nums;margin:.9rem 0;padding:.4rem 0}.limit{border:2px solid var(--red-pen);color:var(--red-pen);font:700 1rem/1.3 var(--display);margin:.9rem 0 0;padding:.35rem .6rem;transform:rotate(-2deg)}.limit.stamped{animation:.35s ease-out both stamp}@keyframes stamp{0%{opacity:0;transform:rotate(-2deg)scale(1.6)}to{opacity:1;transform:rotate(-2deg)scale(1)}}.turns{color:var(--muted);margin:.9rem 0 0;font-size:.875rem}#log{flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}#log li{border-radius:4px;max-width:34rem;padding:.65rem .95rem}#log p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}#log .client{background:var(--carbon-wash);border-left:3px solid var(--carbon);align-self:flex-start}#log .freelancer{background:var(--paper);border-right:3px solid var(--ink);align-self:flex-end}#log li:last-child{animation:.18s ease-out both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}#log .note{max-width:30rem;color:var(--muted);text-align:center;align-self:center;padding:0;font-size:.875rem}.who{font:600 .8rem/1.3 var(--display);color:var(--muted);display:block}#say{align-items:stretch;gap:.5rem;display:flex}#say[hidden]{display:none}#say textarea{border:2px solid var(--rule);background:var(--paper);resize:vertical;border-radius:4px;flex:1;min-height:3.25rem;padding:.6rem .75rem}#say textarea:focus-visible{border-color:var(--carbon);outline:none}.receipt{--tooth:10px;max-width:26rem;padding:1.5rem 1.5rem calc(1.5rem + var(--tooth));background:var(--paper);font-family:var(--receipt);-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--tooth)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--tooth)) var(--tooth) repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--tooth)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--tooth)) var(--tooth) repeat-x;margin:1.5rem auto 0;font-size:.85rem;box-shadow:0 14px 30px -20px #1b243080}.receipt[hidden]{display:none}.receipt h2{font:700 1.1rem/1.3 var(--receipt);text-align:center;border-bottom:1px dashed var(--ink);padding-bottom:.75rem}.outcome{margin:.75rem 0 .25rem;font-weight:700}.detail{color:var(--muted);margin:0 0 .75rem}blockquote{border:2px solid var(--red-pen);color:var(--red-pen);font-family:var(--body);margin:1rem 0;padding:.75rem .9rem}blockquote[hidden]{display:none}blockquote p{overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:600}blockquote footer{color:var(--ink);margin-top:.35rem;font-size:.85rem}.lines{border-top:1px dashed var(--ink);gap:.55rem;margin:.75rem 0;padding:.75rem 0 0;list-style:none;display:grid}.lines[hidden]{display:none}.lines li{grid-template-columns:1.4rem 1fr;display:grid}.lines li:before{font-weight:700}.lines li.good:before{content:"+";color:var(--stamp)}.lines li.bad:before{content:"−";color:var(--red-pen)}.lines strong{font-weight:400}.lines span{color:var(--muted);overflow-wrap:anywhere;grid-column:2;font-size:.8rem}.total{border-top:2px solid var(--ink);justify-content:space-between;align-items:baseline;margin:.75rem 0 0;padding-top:.75rem;font-weight:700;display:flex}.total strong{font-size:2.5rem;line-height:1}.grade{text-align:right;margin:.25rem 0 0;font-weight:700}.receipt .actions,.receipt .small{font-family:var(--body)}.receipt+.sheet{margin-top:1.5rem}@media (width<=46rem){h1{font-size:2.6rem}.table{grid-template-columns:1fr}.tape{z-index:1;grid-area:1/1;grid-template-columns:1fr auto 1fr;align-items:end;gap:0 .75rem;padding:.75rem 1rem;display:grid;top:0}.chat{grid-row:2}.figures li{font-size:1.4rem}.figures li.gone{display:none}.yours .figures li.gone:nth-last-child(2){font-size:.95rem;display:block}.gap{text-align:center;border:0;margin:0;padding:0 0 .2rem;font-size:.8rem}.theirs{text-align:right}.limit,.turns{grid-column:1/-1}.turns{margin-top:.4rem}.sheet{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.limit.stamped,#log li:last-child{animation:none}button:active:not(:disabled){transform:none}}
