.flashcards{display:grid;gap:var(--space-4);container-type:inline-size}.flashcards > *{min-width:0;margin:0}.flashcards__own{display:grid;gap:var(--space-1)}.flashcards .tool-own__label{font-weight:600}.flashcards .tool-own__how{color:var(--ink-muted);font-size:var(--step--1);font-weight:400}.flashcards .tool-own__status{margin:0;color:var(--ink-muted);font-size:var(--step--1)}.flashcards .tool-own__status[data-tone="bad"]{color:var(--bad);font-weight:600}.flashcards .tool-own__again{min-height:var(--tap);padding:0;border:0;background:none;color:var(--link);font:inherit;min-width:var(--tap);font-weight:700;text-decoration:underline;cursor:pointer}.flashcards__card{grid-template-rows:1fr auto;gap:var(--space-3);min-height:17rem;padding:var(--space-5);border-width:2px;scroll-margin-top:var(--space-4)}.flashcards__sprint{scroll-margin-top:var(--space-4)}.flashcards[data-mode="flip"] .flashcards__card{cursor:pointer}.flashcards__card[data-verdict="ok"]{border-color:var(--ok);background:var(--ok-soft)}.flashcards__card[data-verdict="bad"]{border-color:var(--bad);background:var(--bad-soft)}.flashcards__front,.flashcards__back{display:grid;place-items:center;align-content:center;gap:var(--space-1);justify-self:stretch;min-width:0}.flashcards__back{min-height:6.5rem}.flashcards__card p{margin:0}.flashcards__text{max-width:100%;font:var(--display-weight) var(--step-5) / 1.1 var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-wrap:balance}.flashcards__text[data-size="xxl"]{font-size:clamp(3rem,2rem + 4vw,5rem)}.flashcards__text[data-size="l"]{font-size:var(--step-4)}.flashcards__text[data-size="m"]{font-size:var(--step-3);line-height:1.2}.flashcards__text[data-size="s"]{font-size:var(--step-2);line-height:1.25}.flashcards__svg{width:min(100%,17rem);height:auto}.flashcards__hint{color:var(--ink-muted);font-size:var(--step--1)}.flashcards__solution{max-width:100%;color:var(--link);font:var(--display-weight) var(--step-4) / 1.1 var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.flashcards__solution[data-size="l"]{font-size:var(--step-3)}.flashcards__solution[data-size="m"]{font-size:var(--step-2);line-height:1.2}.flashcards__solution[data-size="s"]{font-size:var(--step-1);line-height:1.25}.flashcards__detail{max-width:28rem;color:var(--ink-muted);font-size:var(--step--1)}.flashcards__answer{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.flashcards__input{flex:1 1 8rem;width:auto;max-width:18rem;min-width:0;font-size:var(--step-1)}.flashcards__input:read-only{background:var(--surface-2);color:var(--ink-muted)}.flashcards__prompt{flex:1 0 100%;font-weight:600;text-align:center}.flashcards[data-mode="flip"] :is(.flashcards__input,.flashcards__prompt),.flashcards[data-phase="done"] :is(.flashcards__input,.flashcards__prompt),.flashcards[data-phase="ready"] :is(.flashcards__input,.flashcards__prompt){display:none}.flashcards__say{flex:1 0 100%;margin:0;color:var(--bad);font-size:var(--step--1);font-weight:600;text-align:center}.flashcards__go{flex:0 1 auto;min-width:9rem}.flashcards__progress{text-align:center}.flashcards__note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);scroll-margin-block:var(--space-4)}.flashcards__note p{margin:0}.flashcards__sprint{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.flashcards__clock{margin:0;font:var(--display-weight) var(--step-3) / 1 var(--font-display);font-variant-numeric:tabular-nums}.flashcards__bar{flex:1 1 6rem}.flashcards__pick,.flashcards__stats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.flashcards__pick .label{margin:0}.flashcards__stats{align-items:end;gap:var(--space-3) var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--line)}.flashcards__stats .stat__value{font-size:var(--step-2)}.flashcards__out .btn{flex:0 1 auto;text-align:left}@container (min-width:34.01rem){.flashcards--paper .flashcards__card{min-height:12rem}.flashcards--paper .flashcards__back{min-height:3.5rem}}@media screen and (min-width:60rem){.flashcards:has(> .flashcards__own){grid-template-columns:minmax(16rem,2fr) 5fr;column-gap:var(--space-5)}.flashcards:has(> .flashcards__own) > *{grid-column:1 / -1}.flashcards:has(> .flashcards__own) > .flashcards__own{grid-row:1 / span 3;grid-column:1;align-self:start}.flashcards:has(> .flashcards__own) > :is(.flashcards__sprint,.flashcards__card,.flashcards__answer,.flashcards__progress){grid-column:2}.flashcards:has(> .flashcards__own) > .flashcards__answer{align-self:start}}@container (max-width:34rem){.flashcards__card{gap:var(--space-2);min-height:9.5rem;padding:var(--space-3)}.flashcards__back{min-height:4rem}.flashcards__own ~ .flashcards__card{min-height:8rem}.flashcards__own ~ .flashcards__card .flashcards__back{min-height:2.5rem}.flashcards__text[data-size="xxl"]{font-size:clamp(2.6rem,17cqi,3.6rem)}.flashcards__text{font-size:clamp(2.1rem,12cqi,3rem)}.flashcards__text[data-size="l"]{font-size:var(--step-3)}.flashcards__text[data-size="m"]{font-size:var(--step-2)}.flashcards__text[data-size="s"]{font-size:var(--step-1)}.flashcards__solution{font-size:var(--step-3)}.flashcards__solution[data-size="l"]{font-size:var(--step-2)}.flashcards__solution[data-size="m"]{font-size:var(--step-1)}.flashcards__solution[data-size="s"]{font-size:var(--step-0)}.flashcards__out .btn{flex:1 1 100%;justify-content:flex-start}.flashcards__svg{width:8.5rem}.flashcards__detail{line-height:1.25}.flashcards__go{flex-grow:1}.flashcards__stats{gap:var(--space-2) var(--space-5)}}@media print{.flashcards__print-title{margin-bottom:4mm;font:700 16pt / 1.2 var(--font-display)}.flashcards[data-sheets] .flashcards__print-title,.flashcards[data-sheets] .flashcards__card{display:none}.flashcards__sheet{break-before:page;break-after:page;break-inside:avoid}html[data-print="tool"] .flashcards__sheet:first-child{break-before:auto}html[data-print="tool"] .flashcards__sheet:last-child{break-after:auto}html[data-print="tool"] .tool:has(.flashcards__sheet,.flashcards__fold)::after{position:fixed;bottom:0;left:0;margin:0}.flashcards__sheet-head{height:8mm;margin:0;overflow:hidden;color:var(--ink-muted);font-size:8pt;white-space:nowrap}.flashcards__grid{display:grid;grid-template-columns:repeat(3,60mm);grid-auto-rows:60mm;justify-content:center}.flashcards__cell{display:grid;place-items:center;align-content:center;gap:2mm;min-width:0;padding:4mm;overflow:hidden;border:0.2mm dashed var(--line-strong);text-align:center}.flashcards__cell p{min-width:0;margin:0}.flashcards__cell .flashcards__text,.flashcards__cell .flashcards__solution{color:var(--ink);font-size:24pt;line-height:1.15}.flashcards__cell .flashcards__text[data-size="xxl"]{font-size:34pt}.flashcards__cell :is(.flashcards__text,.flashcards__solution)[data-size="l"]{font-size:15pt}.flashcards__cell :is(.flashcards__text,.flashcards__solution)[data-size="m"]{font-size:11.5pt;line-height:1.2}.flashcards__cell :is(.flashcards__text,.flashcards__solution)[data-size="s"]{font-size:9pt;line-height:1.25}.flashcards__cell .flashcards__detail{font-size:9pt}.flashcards__cell .flashcards__svg{width:50mm}}@media print{.flashcards__fold{break-before:page;break-inside:avoid}.flashcards__fold:first-child{break-before:auto}.flashcards__fold-head{height:8mm;margin:0;overflow:hidden;color:var(--ink-muted);font-size:8pt;white-space:nowrap}.flashcards__fold-grid{display:grid;grid-template-columns:repeat(2,90mm);grid-auto-rows:48mm;justify-content:center}.flashcards__fold[data-size="large"] .flashcards__fold-grid{grid-template-columns:170mm}.flashcards__strip{display:grid;grid-template-columns:1fr 1fr;margin:0 -0.2mm -0.2mm 0;border:0.2mm solid var(--ink);break-inside:avoid}.flashcards__half{display:grid;place-items:center;align-content:center;gap:1.5mm;min-width:0;padding:3mm;overflow:hidden;text-align:center}.flashcards__half--back{border-left:0.3mm dotted var(--ink)}.flashcards__half p{margin:0}.flashcards__half .flashcards__text{font-size:17pt;line-height:1.15}.flashcards__half .flashcards__text[data-size="xxl"]{font-size:26pt}.flashcards__half .flashcards__solution{color:var(--ink);font-size:14pt;line-height:1.15}.flashcards__half :is(.flashcards__text,.flashcards__solution)[data-size="l"]{font-size:11.5pt}.flashcards__half :is(.flashcards__text,.flashcards__solution)[data-size="m"]{font-size:9.5pt;line-height:1.2}.flashcards__half :is(.flashcards__text,.flashcards__solution)[data-size="s"]{font-size:8pt;line-height:1.2}.flashcards__half .flashcards__detail{font-size:8pt}.flashcards__half svg{max-width:100%;max-height:38mm}}.flashcards[data-fresh]:not(.flashcards--print-first) .tool-bar,.flashcards__hint,.flashcards .btn:not(.btn-primary) > .icon{display:none}.flashcards .tool-bar .btn:not(.btn-primary){min-height:var(--tap);padding:0;border:0;border-radius:0;background:none;color:var(--link);font-weight:400;text-decoration:underline;text-underline-offset:0.25em}.flashcards__stats > .stat,.flashcards__stats [data-act="reset"]{display:none}.flashcards__add,.flashcards__row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.flashcards__add > .input,.flashcards__row > .input{flex:1 1 8rem;width:auto;min-width:0}.flashcards__row{flex-wrap:nowrap}.flashcards__rows{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1);max-height:20rem;margin:0;padding:0;overflow-y:auto;list-style:none}.flashcards__rows:empty{display:none}.flashcards__row--gone{justify-content:space-between;min-height:var(--tap);color:var(--ink-muted)}.flashcards__x{display:grid;flex:none;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:0;background:none;color:var(--ink-muted);cursor:pointer}.flashcards__x:hover{color:var(--ink)}button.flashcards__door{min-height:var(--tap);padding:0;border:0;background:none;color:var(--link);font:inherit;text-decoration:underline;text-underline-offset:0.25em;cursor:pointer}.flashcards__list{display:grid;gap:var(--space-1)}.flashcards__list[hidden]{display:none}.flashcards__more > summary{padding-block:calc((var(--tap) - 1.5em) / 2)}@container (max-width:34rem){.flashcards__row:has(> [data-part="b"]){flex-wrap:wrap}.flashcards__row:has(> [data-part="b"]) > [data-part="f"]{flex:1 1 100%}}
