.counter{container-type:inline-size;display:grid;gap:var(--space-3);scroll-margin-block:var(--space-4) var(--space-6);overflow-anchor:none;align-content:start}.counter__more{scroll-margin-block-end:var(--space-6)}.tool[data-tool="counter"]::before{display:none}.counter [hidden]{display:none !important}.counter [data-idle]{visibility:hidden}.counter[data-mode="one"] > *{width:100%;max-width:36rem;margin-inline:auto}@media screen{.counter[data-mode="many"] > :not(.counter__holder),.counter[data-mode="many"]:not([data-wide]) > .counter__holder,.counter[data-mode="many"] .counter__sums{width:100%;max-width:36rem;margin-inline:auto}.counter[data-mode="many"]:not([data-wide]) > .counter__holder:has(.counter__tiles[data-count-of="4"]){max-width:48rem}}.counter__holder{scroll-margin-block:var(--space-4)}.counter[data-mode="one"] > .counter__holder{order:-1}.counter[data-mode="one"][data-said] > .counter__how,.counter[data-mode="one"]:not([data-said]) > .counter__status{display:none}.counter__how{margin:0;color:var(--ink-muted);text-align:center}.counter__how-keys,.counter__key{display:none}@media (hover:hover) and (pointer:fine){.counter__how-touch{display:none}.counter__how-keys{display:inline}.counter__key{display:inline-flex;align-items:center;padding:0.2em 0.45em;border:1px solid currentColor;border-radius:var(--radius-sm);font:600 var(--step--1) / 1 var(--font-body);opacity:0.75}}.counter__board{display:grid;gap:var(--space-3)}.counter__readout{display:grid;justify-items:center;gap:var(--space-1)}.counter__name{margin:0;color:var(--ink-muted);font-weight:600;text-align:center;overflow-wrap:anywhere}.counter__number{display:grid;place-items:center;height:5rem;margin:0;font:var(--display-weight) 5rem / 1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-0.02em;white-space:nowrap}.counter__number[data-digits="5"],.counter__number[data-digits="6"]{font-size:3.5rem}.counter__number[data-digits="7"]{font-size:2.75rem}.counter__add{width:100%;min-height:9rem;border-radius:var(--radius-lg);font-size:var(--step-4);-webkit-tap-highlight-color:transparent}@supports (width:1cqi) and (height:1svh){.counter{--room:calc(100svh - 31.5rem);--number:min(27cqi,clamp(4rem,calc(var(--room) * 0.45),9rem))}.counter__number{height:var(--number);font-size:var(--number)}.counter__number[data-digits="5"],.counter__number[data-digits="6"]{font-size:min(21cqi,var(--number))}.counter__number[data-digits="7"]{font-size:min(16.5cqi,var(--number))}.counter__add{min-height:clamp(6.5rem,calc(var(--room) - var(--number)),15rem)}@media (max-width:600px){.counter__add{min-height:clamp(7.5rem,max(calc(var(--room) - var(--number)),27svh),15rem)}}}.counter__steps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-2)}.counter__step{border-radius:var(--radius)}.counter__own{display:grid;gap:var(--space-1)}.counter .tool-own__label{font-weight:700}.counter .tool-own__how{color:var(--ink-muted);font-size:var(--step--1);font-weight:400}.counter .tool-own__text{display:block;width:100%;min-height:calc(2 * 1.4em + 2 * var(--space-2));padding:0;border:solid transparent;border-width:var(--space-2) var(--space-3);border-radius:var(--radius-sm);box-shadow:0 0 0 1.5px var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:max(1rem,16px);line-height:1.4;resize:vertical}.counter .tool-own__text:hover{box-shadow:0 0 0 1.5px var(--brand)}.counter .tool-own__text::placeholder{color:var(--ink-muted);opacity:1}.counter .tool-own__status{margin:0;color:var(--ink-muted);font-size:var(--step--1)}@container (max-width:30rem){.counter .tool-own__status{min-height:3.1em}}.counter__lead{margin:0;color:var(--ink-muted);font-size:var(--step--1)}.counter__lead > .counter-load{min-height:var(--tap);margin-block:calc((1.5em - var(--tap)) / 2)}.counter__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.counter__tiles:is([data-count-of="1"],[data-count-of="2"],[data-count-of="3"],[data-count-of="4"]){grid-template-columns:minmax(0,1fr)}.counter__tile{display:grid;min-width:0}.counter__tile-add,.counter__tile-minus{grid-area:1 / 1}.counter__tile-add{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(calc(1.3 * var(--step--1)),auto) 1fr;align-items:start;gap:var(--space-1) var(--space-2);min-width:0;min-height:5.5rem;padding:var(--space-3);border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 0.12s var(--ease),background-color 0.12s,border-color 0.12s}@media (hover:hover){.counter__tile-add:hover{border-color:var(--brand)}}.counter__tile-add:active{transform:scale(0.98)}.counter__tile[data-last] > .counter__tile-add{border-color:var(--brand);background:var(--brand-soft)}.counter__tile-add[aria-disabled="true"]{border-color:var(--line);border-style:dashed;cursor:not-allowed;transform:none}.counter__tile-name{grid-column:1 / -1;grid-row:1;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.counter__tile-share{grid-column:1;grid-row:2;min-height:1.3em;color:var(--ink-muted);font-size:var(--step--1);line-height:1.3;font-variant-numeric:tabular-nums}.counter__tile-add > .counter__key{grid-column:2;grid-row:2}.counter__tile-count{grid-column:1 / -1;grid-row:3;align-self:end;display:flex;align-items:flex-end;min-height:calc(var(--tap) - var(--space-1));padding-right:var(--tap);font:var(--display-weight) var(--step-4) / 1 var(--font-display);font-variant-numeric:tabular-nums;transform-origin:left bottom}.counter__tile-minus{align-self:end;justify-self:end;z-index:1;width:var(--tap);height:var(--tap);margin:var(--space-2);padding:0;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-muted);font:700 var(--step--1) / 1 var(--font-body);cursor:pointer;touch-action:manipulation}.counter__tile-minus:hover{border-color:var(--brand);color:var(--ink)}.counter__sums{display:grid;gap:var(--space-1);margin:0;padding-top:var(--space-2);border-top:1px solid var(--line)}@media screen{.counter[data-mode="many"] .counter__sums{position:sticky;bottom:0;z-index:1;padding-bottom:var(--space-1);background:var(--card-bg)}html[data-card="soft"] .counter[data-mode="many"] .counter__sums{background:var(--brand-soft)}}.counter__sum{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.counter__sum dt{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3);font-weight:600}.counter__shares{display:inline-flex;align-items:center;min-height:var(--tap);margin:calc((1.5em - var(--tap)) / 2) 0;padding:0;border:0;background:none;color:var(--link,var(--brand));font:600 var(--step--1) / 1.5 var(--font-body);text-decoration:underline;text-underline-offset:0.15em;cursor:pointer;touch-action:manipulation}.counter__shares:hover{text-decoration-thickness:2px}.counter__sum dd{margin:0;font:var(--display-weight) var(--step-2) / 1.2 var(--font-display);font-variant-numeric:tabular-nums;text-align:right}.counter__sum[data-low] dd{color:var(--bad)}@container (min-width:34rem){.counter__tiles,.counter__tiles:is([data-count-of="1"],[data-count-of="2"],[data-count-of="3"],[data-count-of="4"]){grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.counter__tiles[data-count-of="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.counter__tile-add{min-height:7rem}}@supports selector(:has(*)){@container (min-width:42rem){.counter__tiles[data-count-of="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}}@container (max-width:33.99rem){.counter__tiles:is([data-count-of="1"],[data-count-of="2"],[data-count-of="3"],[data-count-of="4"]) .counter__tile-add{grid-template-columns:minmax(0,1fr) minmax(3.4rem,auto);grid-template-rows:auto auto 1fr}.counter__tiles:is([data-count-of="1"],[data-count-of="2"],[data-count-of="3"],[data-count-of="4"]) .counter__tile-name{grid-column:1}.counter__tiles:is([data-count-of="1"],[data-count-of="2"],[data-count-of="3"],[data-count-of="4"]) .counter__tile-share{grid-column:2;grid-row:1;justify-self:end;min-height:0;line-height:1.5}}.counter__status{scroll-margin-block:var(--space-4) 4.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);min-height:1.6em}.counter__note{text-align:center}.counter__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.counter__actions .btn{padding-inline:var(--space-1);border-color:transparent;background:none;box-shadow:none;color:var(--link);font-size:var(--step--1);text-decoration:underline;text-underline-offset:0.2em}.counter[data-asking] > .counter__status,.counter[data-asking][data-mode="one"] > .counter__how{display:none}.counter__confirm{scroll-margin-block:var(--space-5);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-2)}.counter__ask{order:1;grid-column:1 / -1;display:grid;place-items:center;min-height:var(--tap);margin:0;font-weight:700;text-align:center}.counter__confirm .btn{margin-block:-4px calc(1.6em + 4px - var(--tap));padding-inline:var(--space-2)}.counter__wipe{border-color:var(--bad);color:var(--bad)}.counter__switch{justify-self:center}@media (hover:none){.counter .counter__switch:hover{border-color:transparent;background:transparent}}.counter .tool-more{border-top:1px solid var(--line);scroll-margin-block:var(--space-3) var(--space-5)}.counter .tool-more > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap);color:var(--ink-muted);font-weight:600;list-style:none;cursor:pointer}.counter .tool-more > summary::-webkit-details-marker{display:none}.counter .tool-more > summary:hover{color:var(--ink)}.counter .tool-more[open] .counter__chevron{transform:rotate(180deg)}.counter .tool-more__body{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-2) var(--space-4);align-items:start;padding:var(--space-2) 0 var(--space-3)}.counter .tool-more__body > .check{align-self:end}.counter__hint[data-bad]{color:var(--bad)}@media (max-height:700px){.counter,.counter__board,.counter__confirm{gap:var(--space-2)}.counter__confirm .btn{min-height:2.5rem;margin-bottom:calc(1.6em + 4px - 2.5rem)}}@media (max-height:700px) and (max-width:600px){.tool[data-tool="counter"]{padding-top:var(--space-3)}.counter[data-mode="one"] .counter__number{height:min(19cqi,9rem);font-size:min(19cqi,9rem)}.counter[data-mode="one"] .counter__number[data-digits="7"]{font-size:min(16.5cqi,9rem)}.counter__add{min-height:clamp(7.5rem,19svh,15rem)}.counter__tile-add{padding-block:var(--space-2)}}.counter-load{min-height:1.75rem;margin:0;padding:0;border:0;background:none;color:var(--link,var(--brand));font:inherit;text-align:left;text-decoration:underline;text-underline-offset:0.15em;cursor:pointer}.counter-load:hover{text-decoration-thickness:2px}.counter-load-how{margin:0 0 var(--space-3);color:var(--ink-muted)}@media (prefers-reduced-motion:no-preference){.counter__number[data-bump],.counter__tile-count[data-bump]{animation:counter-bump 0.16s var(--ease)}.counter__chevron{transition:transform 0.15s var(--ease)}}@keyframes counter-bump{from{transform:scale(1.07)}to{transform:scale(1)}}@media print{.counter__paper{margin:0 0 var(--space-2);font-size:var(--step-2)}.counter__paper{order:-2}.counter__paper > span{display:block;font-size:var(--step-0)}.counter__paper > .counter__paper-date{font-size:var(--step--1)}.counter__how,.counter__add,.counter__steps,.counter__status,.counter__tile-minus,.counter__key{display:none}.counter__tile-add,.counter__tile[data-last] > .counter__tile-add{border-color:var(--ink);background:none;transition:none}}.counter__how{display:none}.counter .counter__actions .counter__key{display:none}