:root{color-scheme:light;--paper:#fff;--wash:#f6f6f5;--surface:#fff;--ink:#1d2024;--muted:#5b626b;--line:#dedfdf;--red:#b4232a;--red-dark:#8f1720;--red-soft:#fff0f0;--green:#28734b;--radius:12px;--measure:74rem;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.52}button,input,select,textarea{font:inherit}button,.button,select{min-height:44px}button,.button{cursor:pointer}.topbar{height:70px;padding:0 max(24px,calc((100vw - var(--measure))/2));display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;font-size:1.04rem;font-weight:760;letter-spacing:-.025em;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--red);border-radius:8px;color:#fff;font-size:.88rem;font-weight:850}.topbar nav{display:flex;gap:25px;color:var(--muted);font-size:.85rem}.topbar nav a{color:inherit;text-decoration:none}.topbar nav a:hover{color:var(--red)}.local-pill{margin-left:auto;display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.74rem;white-space:nowrap}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green)}.workbench,.method-strip,.inference-area,.site-footer{max-width:var(--measure);margin-inline:auto}.workbench{padding:47px 24px 34px}.workbench-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px}.workbench h1{max-width:790px;margin:0;font-size:clamp(2.2rem,4.8vw,3.55rem);line-height:1.06;letter-spacing:-.045em}.workbench h1 span{color:var(--red)}.lede{max-width:66ch;color:var(--muted);font-size:.98rem;margin:13px 0 0}.heading-actions{display:flex;gap:9px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid #cfd1d3;border-radius:8px;background:#fff;color:var(--ink);font-size:.82rem;font-weight:680;text-decoration:none;transition:background .15s ease,border-color .15s ease}.button:hover{background:#f4f4f4;border-color:#a7aaad}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #327cc4;outline-offset:3px}.button-primary{background:var(--red);border-color:var(--red);color:#fff}.button-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.provenance{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;margin-bottom:17px;border:1px solid #efd0d1;border-radius:9px;background:var(--red-soft);color:#523a3b;font-size:.81rem}.provenance strong{color:var(--red-dark)}.workspace-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:15px;align-items:stretch;min-width:0}.input-panel,.result-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-title h2{margin:0;font-size:1.18rem;letter-spacing:-.025em}.count-label{color:var(--muted);font-size:.73rem}.field-label{display:block;margin:12px 0 5px;font-size:.78rem;font-weight:710}.input-panel input,.input-panel select,.paste-panel textarea{width:100%;min-width:0;min-height:42px;padding:9px 10px;border:1px solid #c9ccce;border-radius:7px;background:#fff;color:var(--ink)}.field-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.field-pair>div{min-width:0}.field-pair input{font-size:.77rem}.attendee-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:4px}.attendee-heading .field-label{margin-bottom:0}.attendee-heading p{color:var(--muted);font-size:.7rem;margin:2px 0 0}.add-button{min-height:38px;padding-inline:11px;font-size:.75rem}.attendees{display:grid;gap:7px;margin-top:10px}.attendee-row{display:grid;grid-template-columns:minmax(90px,1.25fr) minmax(90px,1fr) minmax(70px,.8fr) 34px;gap:7px;align-items:center}.attendee-row input,.attendee-row select{min-height:40px;padding:7px 8px;font-size:.76rem}.attendee-row .rate-wrap{position:relative}.attendee-row .rate-wrap::before{content:"$";position:absolute;top:10px;left:9px;color:var(--muted);font-size:.75rem}.attendee-row input.rate{padding-left:21px}.remove-person{width:34px;height:40px;border:1px solid transparent;border-radius:7px;background:transparent;color:#656b72;font-size:1.05rem}.remove-person:hover{background:#f8eded;color:var(--red)}.paste-panel{margin-top:15px;border-top:1px solid var(--line);padding-top:11px}.paste-panel summary{color:var(--muted);font-size:.76rem;font-weight:630;cursor:pointer}.paste-panel textarea{margin:9px 0;min-height:95px;resize:vertical;font: .73rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.paste-panel .button{width:100%;min-height:39px}.form-error{color:var(--red-dark);font-size:.8rem;margin:12px 0 0}.result-panel{position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden}.receipt-top{display:flex;justify-content:space-between;align-items:center}.receipt-date{margin:0;color:var(--muted);font-size:.78rem}.receipt-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;color:var(--red);font-size:.71rem;font-weight:850;letter-spacing:-.04em}.result-panel h2{font-size:1.4rem;line-height:1.2;letter-spacing:-.03em;margin:17px 0 5px;overflow-wrap:anywhere}.receipt-meta{color:var(--muted);font-size:.78rem;margin:0}.receipt-rule{height:1px;background:var(--line);margin:15px 0 12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.77rem}th{padding:7px 5px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.67rem;font-weight:660;text-align:left;white-space:nowrap}td{padding:9px 5px;border-bottom:1px solid #ececec;overflow-wrap:anywhere}th:nth-last-child(-n+2),td:nth-last-child(-n+2){text-align:right;white-space:nowrap}.total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 3px 10px;margin-top:auto}.total-row span{font-size:.8rem;font-weight:700}.total-row strong{color:var(--red);font-size:1.7rem;letter-spacing:-.04em;white-space:nowrap}.receipt-note{display:grid;grid-template-columns:66px 1fr;gap:10px;padding:11px 12px;border:1px solid #e0e1e1;border-radius:8px;background:var(--wash);color:var(--muted);font-size:.69rem}.receipt-note strong{color:var(--ink)}.result-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.result-actions .button{min-height:40px;font-size:.76rem}.storage-note{text-align:right;color:var(--muted);font-size:.72rem;margin:9px 0 0}.method-strip{padding:28px 24px 31px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line)}.method-strip h2{font-size:.91rem;margin:0 0 5px}.method-strip p{max-width:34ch;color:var(--muted);font-size:.77rem;margin:0}.inference-area{padding:28px 24px 37px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:38px;align-items:start}.inference-area h2{font-size:1.45rem;letter-spacing:-.03em;margin:0 0 8px}.inference-area p{max-width:54ch;color:var(--muted);font-size:.81rem;margin:0}.site-footer{padding:15px 24px 25px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.73rem}.site-footer span:first-child{color:var(--ink);font-weight:720}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.workbench-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.workspace-grid{grid-template-columns:1fr}.result-panel{min-height:430px}.inference-area{grid-template-columns:1fr;gap:18px}.method-strip{gap:18px}}
@media(max-width:620px){.topbar{height:auto;min-height:64px;padding:11px 16px;gap:11px;flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:space-between;padding:3px 0}.local-pill{font-size:.66rem;padding:6px 8px}.workbench{padding:30px 15px 26px}.workbench h1{font-size:2.35rem}.lede{font-size:.9rem}.heading-actions{display:grid;grid-template-columns:1fr 1fr}.provenance{font-size:.76rem}.input-panel,.result-panel{padding:15px}.field-pair{grid-template-columns:minmax(0,1fr);gap:7px}.field-pair input{font-size:.7rem;padding-inline:6px}.attendee-row{grid-template-columns:minmax(84px,1.1fr) minmax(80px,.9fr) minmax(66px,.7fr) 32px;gap:4px}.attendee-row input,.attendee-row select{padding-inline:5px;font-size:.7rem}.attendee-row input.rate{padding-left:16px}.attendee-row .rate-wrap::before{left:6px;font-size:.7rem}.remove-person{width:32px}.method-strip{grid-template-columns:1fr;padding:23px 15px 27px;gap:17px}.inference-area{padding:24px 15px 31px}.site-footer{padding:14px 15px 23px;flex-direction:column;gap:4px}.total-row strong{font-size:1.5rem}}
@media(max-width:365px){.attendee-row{grid-template-columns:minmax(72px,1fr) minmax(70px,.9fr) minmax(60px,.7fr) 30px}.attendee-row input,.attendee-row select{font-size:.65rem}.field-pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}