.flashcard{background:var(--color-transparent);width:100%;height:100%;color:inherit;cursor:pointer;perspective:1700px;text-align:left;border:0;padding:8px;overflow:visible;transform:translateZ(0)}.flashcard__inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transform-origin:50%;transition:transform .54s cubic-bezier(.2,.75,.2,1);display:block;position:relative;overflow:visible;transform:rotateY(0)}.flashcard--flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{border:2px solid var(--flashcard-border);box-shadow:var(--shadow-flashcard);backface-visibility:hidden;border-bottom-width:6px;border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;align-content:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0;overflow:hidden}.flashcard__face--front{background:var(--flashcard-front-bg);transform:translateZ(.01px)}.flashcard__face--back{background:var(--flashcard-back-bg);transform:rotateY(180deg)translateZ(.01px)}.flashcard__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flashcard__content{scrollbar-width:thin;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:center;gap:12px;min-height:0;display:grid;overflow-y:auto}.flashcard__content::-webkit-scrollbar{width:0;height:0}.flashcard__label{border:2px solid var(--color-border);background:var(--flashcard-label-bg);width:fit-content;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.flashcard__meta-badges{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.flashcard__meta-badge{text-transform:none;letter-spacing:0;white-space:nowrap;font-weight:800}.flashcard__meta-badge--accent{border-color:var(--color-border);background:var(--flashcard-label-bg);color:var(--color-text)}.flashcard__text{letter-spacing:-.01em;color:var(--color-text);overflow-wrap:anywhere;word-break:break-word;font-size:clamp(1.62rem,3.25vw,2.75rem);font-weight:900;line-height:1.2}.flashcard__details{gap:8px;display:grid}.flashcard__detail-line{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.92rem;line-height:1.45}.flashcard__hint{color:var(--color-text-muted);font-size:.84rem}.flashcard:focus-visible .flashcard__face{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.flashcard__inner{transition:none}}@media (width<=640px){.flashcard{padding:6px}.flashcard__face{border-radius:16px;gap:8px;padding:16px}.flashcard__text{font-size:clamp(1.38rem,7.2vw,2.2rem)}.flashcard__detail-line{font-size:.82rem}.flashcard__hint{font-size:.78rem}}@media (width<=420px){.flashcard{padding:5px}.flashcard__face{padding:14px}.flashcard__label{padding:4px 8px;font-size:.68rem}.flashcard__text{font-size:clamp(1.28rem,6.6vw,1.9rem);line-height:1.26}}@media (width<=960px) and (orientation:landscape) and (height<=560px){.flashcard{padding:4px}.flashcard__face{border-radius:14px;gap:8px;padding:14px}.flashcard__label{padding:4px 8px;font-size:.66rem}.flashcard__text{font-size:clamp(1.2rem,3.2vw,1.84rem);line-height:1.24}.flashcard__hint{font-size:.72rem}}.flashcard__face--back .flashcard__text{font-weight:700}.flashcard__foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.flashcard__note:empty{display:none}.flashcard--index{--index-pad-y:clamp(16px, 4.4cqi, 48px);--index-pad-x:clamp(18px, 5.2cqi, 60px);--index-head:calc(var(--index-pad-y) + 1.9em);--index-rule-gap:max(24px, 7cqi);perspective:2400px;-webkit-tap-highlight-color:transparent;padding:0;container-type:inline-size}.flashcard--index .flashcard__inner{transition:transform .56s cubic-bezier(.2,.8,.2,1)}.flashcard--index .flashcard__face{padding:var(--index-pad-y) var(--index-pad-x);border:2px solid var(--flashcard-border);box-shadow:var(--shadow-card);border-bottom-width:6px;border-radius:clamp(16px,2.2cqi,26px);gap:0;font-size:clamp(.72rem,1.5cqi,1rem)}.flashcard--index .flashcard__face--front{background:linear-gradient(var(--flashcard-front-bg), var(--flashcard-front-bg)) 0 0 / 100% var(--index-head) no-repeat, repeating-linear-gradient(to bottom, transparent 0 calc(var(--index-rule-gap) - 1px), var(--flashcard-rule) calc(var(--index-rule-gap) - 1px) var(--index-rule-gap)) 0 var(--index-head) / 100% 100% no-repeat, var(--flashcard-front-bg)}.flashcard--index .flashcard__face--front:before{content:"";left:0;right:0;top:var(--index-head);background:var(--flashcard-header-rule);height:2px;position:absolute}.flashcard--index .flashcard__face--back{background:var(--flashcard-back-bg);border-color:var(--flashcard-back-edge);color:var(--flashcard-on-back)}.flashcard--index .flashcard__head{gap:10px}.flashcard--index .flashcard__label{color:var(--color-text-subtle);letter-spacing:.12em;background:0 0;border:0;padding:0;font-size:1em;font-weight:900}.flashcard--index .flashcard__face--back .flashcard__label{color:color-mix(in srgb, var(--flashcard-on-back) 72%, transparent)}.flashcard--index .flashcard__face--back .flashcard__meta-badge{background:color-mix(in srgb, var(--flashcard-on-back) 16%, transparent);color:var(--flashcard-on-back);letter-spacing:.04em;border-radius:999px;padding:3px 9px}.flashcard--index .flashcard__content{align-content:safe center;gap:.9em;padding:.6em 0}.flashcard--index .flashcard__text{color:inherit;letter-spacing:-.015em;font-size:clamp(1.7rem,9cqi,6.6rem);font-weight:900;line-height:1.08}.flashcard--index .flashcard__face--back .flashcard__text{font-weight:900}.flashcard--index .flashcard__text--long{font-size:clamp(1.25rem,5cqi,3.4rem);line-height:1.16}.flashcard--index .flashcard__text--xlong,.flashcard--index .flashcard__face--back .flashcard__text--xlong{letter-spacing:0;font-size:clamp(1rem,3.3cqi,2.2rem);font-weight:700;line-height:1.34}.flashcard--index .flashcard__details{gap:.35em}.flashcard--index .flashcard__detail-line{color:color-mix(in srgb, var(--flashcard-on-back) 86%, transparent);font-size:clamp(.9rem,2.2cqi,1.45rem);font-weight:600;line-height:1.4}.flashcard--index .flashcard__foot{color:var(--color-text-subtle);font-weight:800}.flashcard--index .flashcard__face--back .flashcard__foot{color:color-mix(in srgb, var(--flashcard-on-back) 62%, transparent)}.flashcard--index .flashcard__hint{color:inherit;margin-left:auto;font-size:1em}@media (hover:hover) and (pointer:fine){.flashcard--index .flashcard__hint{display:none}}.flashcard--index:focus-visible{outline:none}.flashcard--index:focus-visible .flashcard__face{outline:3px solid var(--color-primary-border);outline-offset:3px}@media (prefers-reduced-motion:reduce){.flashcard--index .flashcard__inner{transition:none}}.flashcard__content--picture{min-height:8em;position:relative;overflow:hidden}.flashcard__picture{justify-content:center;align-items:center;display:flex;position:absolute;inset:.6em 0}.flashcard__picture .word-image{border:2px solid var(--flashcard-border);background:var(--color-surface);width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--shadow-card);border-radius:clamp(10px,1.6cqi,18px)}.flashcard__picture .word-image--placeholder{width:min(100%,22em);height:min(100%,14em)}.flashcard__face--back .flashcard__picture .word-image{border-color:color-mix(in srgb, var(--flashcard-on-back) 30%, transparent)}.srs-rating-controls{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;height:100%;min-height:0;display:grid}.srs-rating-controls__button{--grade:var(--color-grade-good);--grade-edge:var(--color-grade-good-edge);border:2px solid var(--grade-edge);background:var(--grade);color:var(--color-on-primary);cursor:pointer;height:100%;min-height:0;transition:transform .16s var(--motion-spring), border-bottom-width .16s var(--motion-spring), filter .14s ease, opacity .14s ease;border-bottom-width:5px;border-radius:14px;align-content:center;justify-items:center;gap:3px;padding:10px 8px;font-family:inherit;display:grid}@media (hover:hover){.srs-rating-controls__button:hover:not(:disabled){filter:brightness(1.06);border-bottom-width:7px;transform:translateY(-2px)}}.srs-rating-controls__button:active:not(:disabled){border-bottom-width:2px;transition-duration:60ms;transform:translateY(3px)}.srs-rating-controls__button:disabled{cursor:default;opacity:.45}.srs-rating-controls__button:focus-visible{outline:3px solid var(--color-primary-border);outline-offset:2px}.srs-rating-controls__button--danger{--grade:var(--color-grade-again);--grade-edge:var(--color-grade-again-edge)}.srs-rating-controls__button--warning{--grade:var(--color-grade-hard);--grade-edge:var(--color-grade-hard-edge)}.srs-rating-controls__button--success{--grade:var(--color-grade-easy);--grade-edge:var(--color-grade-easy-edge)}@media (width<=960px){.srs-rating-controls__button{container-type:inline-size}}.srs-rating-controls__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;min-height:min-content;font-size:min(.95rem, calc(125cqi / var(--label-chars,6)));font-weight:900;overflow-x:clip}.srs-rating-controls__value{color:inherit;opacity:.85;font-size:.74rem;font-weight:800}@media (prefers-reduced-motion:reduce){.srs-rating-controls__button{transition:none}}@media (width<=960px){.srs-rating-controls{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.srs-rating-controls__button{padding:6px 7px}.srs-rating-controls__label{font-size:min(.78rem, calc(125cqi / var(--label-chars,6)))}.srs-rating-controls__value{font-size:.68rem}}@media (width<=640px){.srs-rating-controls{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.srs-rating-controls__button{padding:6px}.srs-rating-controls__label{font-size:min(.74rem, calc(125cqi / var(--label-chars,6)))}.srs-rating-controls__value{font-size:.64rem}}@media (width<=960px) and (orientation:landscape) and (height<=560px){.srs-rating-controls{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:1fr;gap:5px;height:100%}.srs-rating-controls__button{width:100%;min-height:0;padding:6px}.srs-rating-controls__label{font-size:min(.72rem, calc(125cqi / var(--label-chars,6)))}.srs-rating-controls__value{font-size:.62rem}}.srs-rating-controls__key{display:none}.srs-rating-controls.srs-rating-controls--stickers{justify-content:center;gap:var(--stickers-gap,clamp(8px, 1.2vw, 20px));height:auto;display:flex}.srs-rating-controls--stickers .srs-rating-controls__button{flex:var(--sticker-flex,0 1 auto);min-width:var(--sticker-min-width,clamp(96px, 7.2vw, 180px));height:auto;padding:var(--sticker-pad-y,clamp(9px, 1.1vh, 15px)) 16px;transform:rotate(var(--sticker-tilt,0deg));animation:srs-sticker-in .34s var(--motion-spring) backwards;-webkit-tap-highlight-color:transparent;border-width:0 0 5px;border-radius:16px;gap:1px;position:relative}.srs-rating-controls--stickers .srs-rating-controls__button:first-child{--sticker-tilt:-2deg}.srs-rating-controls--stickers .srs-rating-controls__button:nth-child(2){--sticker-tilt:1.2deg;animation-delay:35ms}.srs-rating-controls--stickers .srs-rating-controls__button:nth-child(3){--sticker-tilt:-1deg;animation-delay:70ms}.srs-rating-controls--stickers .srs-rating-controls__button:nth-child(4){--sticker-tilt:2deg;animation-delay:.105s}@media (hover:hover){.srs-rating-controls--stickers .srs-rating-controls__button:hover:not(:disabled){border-bottom-width:7px;transform:rotate(0)translateY(-3px)}}.srs-rating-controls--stickers .srs-rating-controls__button:active:not(:disabled){border-bottom-width:2px;transform:rotate(0)translateY(3px)}.srs-rating-controls--stickers .srs-rating-controls__label{font-size:min(var(--sticker-label-size,clamp(1rem, .7rem + .6vh, 1.3rem)), calc(125cqi / var(--label-chars,6)))}.srs-rating-controls--stickers .srs-rating-controls__value{font-size:var(--sticker-value-size,clamp(.8rem, .6rem + .4vh, 1rem))}.srs-rating-controls--stickers .srs-rating-controls__key{border:2px solid var(--color-border-strong);background:var(--color-surface);min-width:22px;color:var(--color-text-muted);font:900 .7rem/1 var(--font-ui);text-align:center;border-radius:8px;padding:3px 6px;display:block;position:absolute;top:-9px;right:-7px}@media (hover:none),(pointer:coarse){.srs-rating-controls--stickers .srs-rating-controls__key{display:none}}@keyframes srs-sticker-in{0%{opacity:0;transform:rotate(var(--sticker-tilt,0deg)) translateY(10px) scale(.9)}}@media (prefers-reduced-motion:reduce){.srs-rating-controls--stickers .srs-rating-controls__button{animation:none}}