/* Star Steps chore chart maker. (c) 2026 CyberMax. All rights reserved. */
:root{--acc:#C77A12;--acc-dark:#7a4a08;--soft:#FFF1D6}
.sheet{padding:0;font-family:"Trebuchet MS","Avenir Next",system-ui,sans-serif}
.sheet .hd{display:flex;justify-content:space-between;align-items:center;gap:10pt;background:var(--s);border-radius:10pt;padding:9pt 14pt;margin-bottom:9pt}
.sheet h2{margin:0;font-size:calc(26pt*var(--k));line-height:1.05;color:var(--t);letter-spacing:-.01em}
.sheet .hd p{margin:3pt 0 0;font-size:calc(11pt*var(--k));color:#4a4f57}
.sheet .deco{display:flex;gap:6pt;align-items:center;flex:none}
.grid{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;flex:1}
.grid th{background:var(--t);color:#fff;font-size:calc(10pt*var(--k));padding:4pt 2pt;text-align:center;font-weight:700}
.grid th:first-child{border-top-left-radius:8pt}.grid th:last-child{border-top-right-radius:8pt}
.grid th small{display:block;font-weight:400;opacity:.85;font-size:calc(8pt*var(--k))}
.grid th.ch{text-align:left;padding-left:8pt;width:30%}
.grid td{border-right:1.2pt solid #e4dfd8;border-bottom:1.2pt solid #e4dfd8;text-align:center;vertical-align:middle;padding:2pt}
.grid td:first-child{border-left:1.2pt solid #e4dfd8}
.grid td.ch{text-align:left;font-weight:700;font-size:calc(12.5pt*var(--k));padding:4pt 8pt;color:#22262c}
.grid tr:nth-child(even) td.ch{background:#fbfaf7}
.grid td.box svg{width:calc(20pt*var(--k));height:calc(20pt*var(--k));opacity:.9}
.goalbar{display:flex;flex-wrap:wrap;gap:6pt 18pt;margin-top:9pt;padding:7pt 12pt;border:1.5pt dashed var(--t);border-radius:10pt;font-size:calc(11pt*var(--k));color:#33383f}
.goalbar b{color:var(--t)}
.line{display:inline-block;min-width:34pt;border-bottom:1pt solid #8d877f;height:1em;vertical-align:baseline}
.line.wide{min-width:110pt}
.spaces{flex:1;display:grid;gap:7pt;padding:4pt 2pt;min-height:0}
.spaces .cell{container-type:size;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}
.sp{border:2pt dashed var(--t);border-radius:50%;display:flex;align-items:flex-start;justify-content:center;width:min(100cqw,100cqh);height:min(100cqw,100cqh);opacity:.92;background:#fff}
.sp i{font-style:normal;font-size:calc(9pt*var(--k));color:#9a958f;margin-top:8%}
.sp.last{border-style:solid;background:var(--s);align-items:center}
.sp.last svg{width:55%;height:55%}