@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#fff;--sheet:#f2f2f2;--ink:#000;--muted:#666;--font:"Bricolage Grotesque Variable", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--gutter:clamp(1.25rem, 4vw, 3rem);--counts-width:15rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#000;--sheet:#1c1c1c;--ink:#fff;--muted:#a6a6a6}}*,:before,:after{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.5}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{height:100dvh;padding:var(--gutter);grid-template:"title""sheet"minmax(8rem,1fr)"counts""notes"/minmax(0,1fr);gap:1.25rem;display:grid}.title{letter-spacing:-.01em;grid-area:title;font-size:1.125rem;font-weight:700}.sheet{background:var(--sheet);width:100%;color:inherit;font:inherit;resize:none;border:2px solid #0000;border-radius:.5rem;grid-area:sheet;padding:1.25rem 1.5rem;font-size:1.125rem;line-height:1.7}.sheet::placeholder{color:var(--muted);opacity:1}.sheet:focus-visible{border-color:var(--ink);outline:none}.counts{grid-area:counts;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem 1.5rem;display:grid}.count{flex-direction:column-reverse;display:flex}.count dt{color:var(--muted);font-size:.9375rem}.count dd{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.75rem;font-weight:600;line-height:1.15}.count-primary{grid-row:span 2}.count-primary dd{--figure-width:52vw;font-size:min(5.5rem, calc(var(--figure-width) / (var(--figure-length,1) * .62)));letter-spacing:-.045em;font-weight:800;line-height:.95}.notes{max-width:70ch;color:var(--muted);grid-area:notes;font-size:.8125rem}@media (width>=50rem){.app{grid-template:"title title" auto "sheet counts" minmax(0, 1fr) "notes notes" auto / minmax(0, 1fr) var(--counts-width);column-gap:var(--gutter)}.counts{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:1.75rem}.count-primary{grid-row:auto;margin-bottom:.75rem}.count-primary dd{--figure-width:var(--counts-width);font-size:min(7.5rem, calc(var(--figure-width) / (var(--figure-length,1) * .62)))}}