/* Keep the card, controls, and document scroll position independent of text length. */
html{scrollbar-gutter:stable}
main[data-view="cards"],main[data-view="vocab"]{overflow-anchor:none}
.card-area-select{min-width:0}
.card-area-select .filter-select{max-width:100%;width:16rem;font-weight:600;color:var(--ink)}
.deck-navigation{margin:0 0 14px;min-height:44px;padding:0;gap:12px}
.deck-counter{display:inline-block;min-width:5rem;text-align:center;font-variant-numeric:tabular-nums}
.deck-navigation .save-star{min-width:132px;justify-content:flex-end}
/* Perspective projects the rotating edges beyond the stage's resting bounds. */
main[data-view="cards"] .flip-stage{height:28rem;min-height:0;overflow:visible}
main[data-view="cards"] .flip-card{height:100%;min-height:0;cursor:default}
main[data-view="cards"] .card-face{height:100%;min-height:0;min-width:0;overflow:hidden;text-align:left;color:var(--ink)}
main[data-view="cards"] .card-back{color:white}
main[data-view="cards"] .card-center{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px 5px 22px 0}
main[data-view="cards"] .card-back .card-center{justify-content:flex-start;margin:18px 0;padding:0 5px 0 0}
main[data-view="cards"] .card-center>*{flex-shrink:0}
main[data-view="cards"] .card-top,main[data-view="cards"] .card-bottom{flex-shrink:0}
.flip-back-button{background:transparent;align-self:flex-end;justify-content:flex-end;padding:6px 0;min-height:34px;font-size:.875rem}
main[data-view="cards"] .rating-row{height:48px;min-height:48px}
main[data-view="cards"] .term-help{margin:24px 0 0}
main[data-view="cards"] .card-back .card-code{max-width:65%;text-align:right;line-height:1.5}
main[data-view="vocab"] .vocab-card{height:auto;min-height:0;overflow:visible}
main[data-view="vocab"] .rating-row{height:48px;min-height:48px}
main[data-view="vocab"] .vocab-card:focus-visible{outline:3px solid #8670db;outline-offset:4px}
@media(max-width:680px){main[data-view="cards"] .flip-stage{height:29rem}.card-area-select .filter-select{width:100%;max-width:13rem}.deck-counter{min-width:3.5rem}.deck-navigation .save-star{min-width:113px}.deck-navigation{gap:8px}main[data-view="cards"] .card-face{padding:22px}main[data-view="vocab"] .vocab-card{height:auto}}