snowspeederandClaude Sonnet 5
2237c199c1
Test and deploy / test-and-deploy (push) Successful in 1m26s
Replaces the flat additive batch-size correction with a per-user multiplicative pace factor learned from each account's own logged roasts (shared/learn.js, GET /api/machine-profile), plus a lot-scoped "last refine" auto-suggestion. Also fixes the reference data being framed as "your own roasts" on a now-multi-user product, and reclassifies the drying/Maillard sanity checks as informational since they're algebraically derived from the DTR check rather than independent (yellow = 0.56 x first crack, not entered separately). Bug fixes found by an adversarial Opus review of the first pass: - Unicode minus sign (U+2212) broke duration parsing against the app's own generated refine-suggestion text - Printed sanity-checks table still showed a bare pass/fail glyph for the now-informational drying/Maillard rows - Printed time-ledger box didn't show the pace multiplication step, so it stopped reconciling by hand once pace != 1 - Field 6.4 (manual batch correction) was double-counted: excluded from the learned-pace fit but added back after the multiplication - Learned pace had no outlier rejection or hard clamp - computeLedger had no test coverage - Batch-size help copy overstated what the pace factor models (it's a single blanket ratio, not conditioned on batch weight) A follow-up Opus pass also caught the per-user profile cache surviving logout/account-switch in a shared browser; fixed by sweeping it alongside the existing plan-draft cleanup. Co-Authored-By: Claude Sonnet 5 <[email protected]>
211 lines
10 KiB
CSS
211 lines
10 KiB
CSS
/* Verbatim copy of the <style> block from
|
|
/Users/shane/dev/hope_roaster/roast-planner/manual-roast-planner.html
|
|
Do not hand-edit the rules below this line — port changes from the source instead.
|
|
Screen-only additions (form inputs, radios, toolbar) live in app.css. */
|
|
|
|
/* ─── Print setup ─────────────────────────────────────────────────────── */
|
|
@page { size: letter portrait; margin: 10mm 13mm 8mm 13mm; }
|
|
@page :first { margin-top: 10mm; }
|
|
|
|
:root{
|
|
--ink:#1a1512;
|
|
--mid:#5a5048;
|
|
--faint:#8b8078;
|
|
--rule:#c9bfb5;
|
|
--hair:#e2dad2;
|
|
--accent:#7a3b12;
|
|
--accent-bg:#f6efe7;
|
|
--warn-bg:#fbf3e4;
|
|
--box:#fdfcfa;
|
|
}
|
|
|
|
*{ box-sizing:border-box; }
|
|
html{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
|
|
body{
|
|
margin:0;
|
|
font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
|
|
font-size:9pt; line-height:1.32; color:var(--ink); background:#fff;
|
|
}
|
|
.sheet{ max-width:186mm; margin:0 auto; }
|
|
|
|
/* ─── Typography ──────────────────────────────────────────────────────── */
|
|
h1,h2,h3,h4,.lbl,th,.step-n,.tag{
|
|
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
}
|
|
h1{ font-size:20pt; line-height:1.08; margin:0 0 1.6mm; letter-spacing:-.4pt; }
|
|
h2{
|
|
font-size:11.6pt; margin:0 0 2.4mm; padding:0 0 1.3mm;
|
|
border-bottom:1.6pt solid var(--ink); letter-spacing:-.2pt;
|
|
display:flex; align-items:baseline; gap:3mm;
|
|
}
|
|
h2 .step-n{
|
|
font-size:8pt; font-weight:700; letter-spacing:.9pt; color:#fff;
|
|
background:var(--accent); padding:1mm 2.2mm; border-radius:1mm;
|
|
white-space:nowrap;
|
|
}
|
|
h3{ font-size:9.8pt; margin:2.9mm 0 1.2mm; color:var(--accent); letter-spacing:-.1pt; }
|
|
h4{ font-size:8.4pt; margin:2.2mm 0 .8mm; letter-spacing:.2pt; text-transform:uppercase; color:var(--mid); }
|
|
p{ margin:0 0 1.55mm; }
|
|
em{ font-style:italic; }
|
|
strong{ font-weight:700; }
|
|
small{ font-size:7.7pt; color:var(--mid); }
|
|
a{ color:var(--accent); }
|
|
|
|
/* ─── Page structure ──────────────────────────────────────────────────── */
|
|
section{ page-break-before:always; break-before:page; padding-top:0; }
|
|
section.first{ page-break-before:auto; break-before:auto; }
|
|
.nobreak{ page-break-inside:avoid; break-inside:avoid; }
|
|
tr{ page-break-inside:avoid; break-inside:avoid; }
|
|
thead{ display:table-header-group; }
|
|
tr.grp{ page-break-after:avoid; break-after:avoid; }
|
|
h2,h3,h4{ page-break-after:avoid; break-after:avoid; }
|
|
.why,.note{ page-break-inside:avoid; break-inside:avoid; }
|
|
|
|
/* ─── Tables ──────────────────────────────────────────────────────────── */
|
|
table{ width:100%; border-collapse:collapse; margin:1.4mm 0 2.1mm; font-size:7.9pt; }
|
|
th{
|
|
text-align:left; font-size:7pt; font-weight:700; letter-spacing:.5pt;
|
|
text-transform:uppercase; color:var(--mid);
|
|
border-bottom:1pt solid var(--ink); padding:1.1mm 1.3mm .8mm; vertical-align:bottom;
|
|
}
|
|
td{ padding:1mm 1.25mm; border-bottom:.5pt solid var(--hair); vertical-align:top; }
|
|
tr:last-child td{ border-bottom:.8pt solid var(--rule); }
|
|
tbody tr:nth-child(even) td{ background:#faf7f4; }
|
|
.grp td{ background:var(--accent-bg)!important; font-weight:700; font-size:7.6pt;
|
|
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:.3pt;
|
|
border-bottom:.8pt solid var(--rule); color:var(--accent); }
|
|
td.num,th.num{ text-align:center; font-variant-numeric:tabular-nums; white-space:nowrap; }
|
|
.mono{ font-family:"SF Mono",Menlo,Consolas,monospace; font-size:7.6pt; }
|
|
.tight td{ padding:.85mm 1.15mm; }
|
|
.wsfoot{ font-size:6.8pt; color:var(--mid); line-height:1.35; margin:.8mm 0 0; }
|
|
|
|
/* ─── Callouts ────────────────────────────────────────────────────────── */
|
|
.why{
|
|
background:var(--accent-bg); border-left:2.4pt solid var(--accent);
|
|
padding:1.6mm 2.4mm 1.6mm 2.6mm; margin:1.6mm 0 2.1mm; font-size:8.3pt;
|
|
}
|
|
.why .tag{
|
|
display:block; font-size:7pt; font-weight:700; letter-spacing:1.1pt;
|
|
text-transform:uppercase; color:var(--accent); margin-bottom:.9mm;
|
|
}
|
|
.why p:last-child{ margin-bottom:0; }
|
|
.warn{ background:var(--warn-bg); border-left:2.4pt solid #a8741a; }
|
|
.warn .tag{ color:#8a5c10; }
|
|
.note{
|
|
border:.6pt solid var(--rule); background:var(--box);
|
|
padding:1.6mm 2.4mm; margin:1.6mm 0 2.1mm; font-size:8.1pt;
|
|
}
|
|
|
|
/* ─── Fill-in fields ──────────────────────────────────────────────────── */
|
|
.f{
|
|
display:inline-block; min-width:17mm; border-bottom:.9pt solid var(--ink);
|
|
height:4.2mm; margin:0 .8mm; vertical-align:baseline;
|
|
}
|
|
.f.w{ min-width:34mm; } .f.xw{ min-width:58mm; } .f.n{ min-width:11mm; }
|
|
|
|
/* Worksheet ledger */
|
|
.ledger{ width:100%; border-collapse:collapse; font-size:8.1pt; margin:1.6mm 0 2.4mm; }
|
|
.ledger th{ font-size:7.2pt; }
|
|
.ledger td{ padding:0; border:none; }
|
|
.ledger tr.row td{
|
|
border-bottom:.5pt solid var(--hair); padding:1.05mm 1.4mm; vertical-align:middle;
|
|
}
|
|
.ledger tr.row:nth-child(even) td{ background:#faf7f4; }
|
|
.ledger td.ln{
|
|
width:7mm; text-align:center; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
font-size:7.4pt; font-weight:700; color:var(--faint);
|
|
}
|
|
.ledger td.desc{ }
|
|
.ledger td.desc .sub{ display:block; font-size:7.2pt; color:var(--mid); line-height:1.3; }
|
|
.ledger td.val{
|
|
width:26mm; border-left:.6pt solid var(--rule); background:var(--box)!important;
|
|
text-align:center; font-family:"SF Mono",Menlo,Consolas,monospace; font-size:8.4pt;
|
|
height:6.2mm;
|
|
}
|
|
.ledger tr.total td{
|
|
border-top:1.4pt solid var(--ink); border-bottom:1.4pt solid var(--ink);
|
|
padding:1.4mm 1.4mm; font-weight:700;
|
|
}
|
|
.ledger tr.total td.val{ background:#f0e7dc!important; }
|
|
.op{ font-family:"SF Mono",Menlo,Consolas,monospace; font-weight:700; color:var(--accent); }
|
|
|
|
/* ─── Layout helpers ──────────────────────────────────────────────────── */
|
|
.cols2{ display:grid; grid-template-columns:1fr 1fr; gap:0 7mm; }
|
|
.cols3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:0 5mm; }
|
|
.hdr-meta{
|
|
display:flex; justify-content:space-between; align-items:flex-end;
|
|
border-bottom:2.4pt solid var(--ink); padding-bottom:2.5mm; margin-bottom:4mm;
|
|
}
|
|
.hdr-meta .sub{ font-size:8.8pt; color:var(--mid); max-width:118mm; }
|
|
.hdr-meta .stamp{
|
|
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:7.4pt;
|
|
color:var(--faint); text-align:right; line-height:1.5; white-space:nowrap;
|
|
}
|
|
ul,ol{ margin:0 0 2mm; padding-left:4.6mm; }
|
|
li{ margin-bottom:.8mm; }
|
|
.chk{ list-style:none; padding-left:0; }
|
|
.chk li{ padding-left:5.6mm; position:relative; margin-bottom:1.2mm; }
|
|
.chk li::before{
|
|
content:""; position:absolute; left:0; top:.6mm;
|
|
width:3.2mm; height:3.2mm; border:.9pt solid var(--ink); border-radius:.5mm;
|
|
}
|
|
.footer-note{
|
|
margin-top:5mm; padding-top:2mm; border-top:.6pt solid var(--rule);
|
|
font-size:7.4pt; color:var(--faint);
|
|
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
}
|
|
.flow{ width:100%; height:auto; margin:2mm 0 2.6mm; }
|
|
|
|
/* ─── Worksheet pages ─────────────────────────────────────────────────── */
|
|
.wsbar{
|
|
display:flex; justify-content:space-between; align-items:baseline;
|
|
border-bottom:2.4pt solid var(--ink); padding-bottom:1mm; margin-bottom:2mm;
|
|
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
}
|
|
.wsbar .t{ font-size:12pt; font-weight:700; letter-spacing:-.2pt; }
|
|
.wsbar .r{ font-size:7.6pt; color:var(--faint); letter-spacing:.6pt; text-transform:uppercase; }
|
|
.wsbox{ border:.8pt solid var(--rule); margin:0 0 2.4mm; break-inside:avoid; page-break-inside:avoid; }
|
|
.wsbox > .hd{
|
|
display:flex; justify-content:space-between; align-items:baseline;
|
|
background:var(--accent-bg); border-bottom:.8pt solid var(--rule);
|
|
padding:1.1mm 2mm; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
}
|
|
.wsbox > .hd .n{ font-size:8pt; font-weight:700; letter-spacing:.5pt; color:var(--accent); }
|
|
.wsbox > .hd .id{ font-size:8pt; font-weight:700; letter-spacing:.9pt; color:var(--mid); }
|
|
.wsbox > .hd .ref{ font-size:6.9pt; color:var(--mid); letter-spacing:.3pt; }
|
|
.wsbox > .bd{ padding:1.8mm 2mm; }
|
|
.wsbox table{ margin:0; font-size:7.4pt; }
|
|
.wsbox .ledger{ margin:0; }
|
|
.wsbox > .bd > table:not(:last-child){ margin-bottom:2mm; }
|
|
.wsline{ font-size:8.4pt; line-height:2.05; }
|
|
.wsline .lb{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:7.4pt;
|
|
letter-spacing:.3pt; text-transform:uppercase; color:var(--mid); }
|
|
.wsline .sep{ color:var(--rule); padding:0 1.6mm; }
|
|
.circ{ font-size:8pt; }
|
|
.circ b{ font-weight:400; padding:0 .6mm; }
|
|
.wsgrid .grid-wrap{ border:none; margin:0; }
|
|
.wsbox{ margin-bottom:1.2mm; }
|
|
.wsbox > .hd{ padding:.9mm 2mm; }
|
|
.wsbox > .bd{ padding:1.1mm 1.8mm; }
|
|
.wsbox td{ padding:.62mm 1.1mm; }
|
|
.wsbox th{ padding:.9mm 1.1mm .6mm; }
|
|
.wsbox .ledger tr.row td{ padding:.5mm 1.2mm; }
|
|
.wsbox .ledger tr.total td{ padding:.8mm 1.2mm; }
|
|
.wsbox .ledger td.val{ height:5mm; }
|
|
.wsbox .ledger{ font-size:7.8pt; }
|
|
.wsbox .ledger td.desc .sub{ font-size:6.7pt; line-height:1.15; }
|
|
.wsline{ line-height:1.66; }
|
|
.wsline.tightln{ line-height:1.32; }
|
|
.fid{
|
|
font-family:"SF Mono",Menlo,Consolas,monospace; font-size:6.3pt; font-weight:700;
|
|
color:var(--accent); margin-right:.5mm;
|
|
}
|
|
.stepdot{
|
|
display:inline-block; width:3.6mm; height:3.6mm; border-radius:50%;
|
|
background:var(--accent); color:#fff; font-size:6.4pt; font-weight:700;
|
|
text-align:center; line-height:3.6mm; margin-right:1mm; vertical-align:middle;
|
|
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
}
|
|
.grid-wrap{ border:1pt solid var(--ink); padding:0; margin:2mm 0 3mm; }
|
|
svg text{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
|