@layer reset,tokens,base,layout,components,motion,utilities;@layer components{.decoder__lead{max-inline-size:62ch;margin-block-end:var(--space-m)}.braille-glyph{font-size:1.25em;line-height:1}.decoder{display:grid;gap:var(--space-l);min-inline-size:0}.decoder__part{min-inline-size:0}.decoder__part h2{font-size:var(--step-1);margin-block-end:var(--space-2xs)}.decoder__label{display:block;font-weight:700;margin-block:var(--space-s) var(--space-3xs, .25rem)}.decoder__hint{font-size:var(--step--1);color:var(--text-muted);margin-block:var(--space-3xs, .25rem) 0}.decoder__input,.maker__input{display:block;inline-size:100%;min-block-size:2.75rem;padding:var(--space-xs) var(--space-s);border:1px solid var(--hairline-str);border-radius:var(--r-md);background:var(--paper-raised);color:var(--ink);font:inherit;font-size:max(1rem,var(--step-0))}.decoder__input{font-size:1.5rem;line-height:1.3;resize:vertical}.decoder__input:focus-visible,.maker__input:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.decoder__result{font-size:var(--step-2);font-weight:700;overflow-wrap:anywhere;margin:0}.decoder__result.is-hint{font-size:var(--step-0);font-weight:400;color:var(--text-muted)}.decoder__cells{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-s);margin-block-start:var(--space-s)}.decoder__cells:empty{display:none}.decoder__cells .pcell{inline-size:1.4rem}.decoder__cells .pcell__line{display:none}.decoder__notes{margin-block:var(--space-s) 0;padding:var(--space-s) var(--space-s) var(--space-s) var(--space-l);border-inline-start:4px solid var(--brand);background:var(--brand-tint);border-radius:var(--r-sm)}.decoder__notes li+li{margin-block-start:var(--space-2xs)}.decoder__notes[hidden],.decoder__grade2[hidden]{display:none}.decoder__grade2{margin-block-start:var(--space-s);font-weight:700}.decoder__tips{padding-inline-start:var(--space-m)}.decoder__tips li+li{margin-block-start:var(--space-xs)}.maker{max-inline-size:36rem;margin-block-end:var(--space-l)}.maker__options{display:flex;flex-wrap:wrap;gap:0 var(--space-m);margin:var(--space-s) 0;padding:0;border:0}.maker__options legend{font-weight:700;padding:0;margin-block-end:var(--space-3xs, .25rem)}.maker__check{display:inline-flex;align-items:center;gap:var(--space-2xs);min-block-size:2.75rem;cursor:pointer}.maker__check input{inline-size:1.25rem;block-size:1.25rem;accent-color:var(--brand)}.maker__print{min-block-size:2.75rem}.sheet{padding:var(--space-m);border:1px solid var(--hairline-str);border-radius:var(--r-lg);background:var(--paper);color:var(--ink);min-inline-size:0}.sheet__title{font-size:var(--step-1);font-weight:700;margin:0}.sheet__task{margin-block:var(--space-3xs, .25rem) var(--space-m)}.sheet__message{display:flex;flex-wrap:wrap;gap:var(--space-m) var(--space-l)}.pword{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs);max-inline-size:100%}.pcell{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2xs);inline-size:2rem}.pcell__line{display:block;inline-size:100%;block-size:1.6rem;border-block-end:2px solid currentColor}.pdots{display:block;inline-size:100%;block-size:auto;overflow:visible}.pdots circle{fill:none;stroke:currentColor;stroke-width:.9;opacity:.45}.pdots circle.on{fill:currentColor;stroke:none;opacity:1}.sheet__key{margin-block-start:var(--space-l);padding-block-start:var(--space-s);border-block-start:1px dashed var(--hairline-str)}.sheet__key[hidden]{display:none}.sheet__key-title{font-size:var(--step--1);margin:0 0 var(--space-xs)}.sheet__key-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:var(--space-xs);margin:0;padding:0;list-style:none}.kcell{display:flex;flex-direction:column;align-items:center;gap:var(--space-3xs, .25rem)}.kcell .pdots{inline-size:1.3rem}.kcell__label{font-size:var(--step--1);font-weight:700;line-height:1.1}.kcell--sign{grid-column:span 2}.sheet__answer{margin-block:var(--space-m) 0;font-size:var(--step--1)}.sheet__answer[hidden]{display:none}@media print{@page{size:letter;margin:.5in}body>:not(main),main>:not(#maker),#maker .wrapper>:not(.sheet){display:none!important}#maker{padding:0;background:none}#maker .wrapper{padding:0;max-inline-size:none}.sheet{border:0;padding:0;color:#000;background:#fff}.sheet__title{font-size:20pt}.sheet__task,.sheet__key-title,.sheet__answer{font-size:11pt}.sheet__message{gap:.22in .3in}.pword{gap:.1in}.pcell{inline-size:.34in;gap:.05in}.pcell__line{block-size:.26in;border-block-end-width:1.5pt}.pdots circle{opacity:1;stroke-width:.6}.kcell .pdots{inline-size:.24in}.sheet__key-cells{grid-template-columns:repeat(15,1fr)}.kcell--sign{grid-column:span 2}.kcell__label{font-size:9pt}.sheet__answer{transform:rotate(180deg);text-align:end}.sheet,.sheet__key,.pword{break-inside:avoid}}}