:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f5fa;background:#101621;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}#root{width:100%;display:flex;justify-content:center}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 0%,#28354c,#171f2f 48%,#0d121c);display:grid;place-items:center;padding:42px 22px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ecaf80;outline-offset:5px}button:disabled{cursor:default;opacity:.45}.app{width:min(100%,680px);display:flex;flex-direction:column;gap:26px;align-items:center}.controls{width:100%;display:flex;align-items:flex-end;justify-content:center;gap:14px;position:relative;z-index:10}.icon{flex:none}.button{border:1px solid #3d4b62;border-radius:15px;background:linear-gradient(160deg,#243147,#1c2739);color:#edf1f9;min-height:56px;padding:0 21px;display:inline-flex;justify-content:center;align-items:center;gap:11px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;box-shadow:0 5px 16px #0001}.button:hover{border-color:#75859e;background:#2b3a51}.button:active{transform:translateY(1px)}.select-field{width:254px;position:relative;min-width:0}.field-label{display:block;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#a9b6cc;padding-left:3px;margin-bottom:11px}.select-trigger{width:100%;height:56px;display:flex;align-items:center;gap:13px;padding:0 17px 0 12px;border-radius:15px;border:1px solid #788097;background:linear-gradient(135deg,#303b51,#1b263a);color:#f5f6fa;font-size:16px;font-weight:600;box-shadow:inset 0 1px #ffffff0b,0 6px 18px #0002;transition:border-color .2s,box-shadow .2s}.select-trigger:hover{border-color:#d5a07c}.select-trigger.is-open{border-color:#efb080;box-shadow:0 0 0 3px #efb08015}.language-code{font-size:10px;letter-spacing:.1em;font-weight:750;color:#f1bc91;border-radius:8px;background:#edaa7914;border:1px solid #edaa7923;width:33px;height:30px;display:grid;place-items:center;flex:none}.select-chevron{margin-left:auto;color:#b8c5d8;width:17px;height:17px;transition:transform .2s}.is-open .select-chevron{transform:rotate(180deg)}.select-menu{position:absolute;top:calc(100% + 9px);left:0;right:0;margin:0;padding:6px;list-style:none;border:1px solid #5c6074;border-radius:17px;background:linear-gradient(150deg,#29364b,#1b2638);box-shadow:0 20px 45px #0007,0 2px 5px #0004;animation:menu-in .16s ease-out;z-index:50}.select-option{display:flex;gap:12px;align-items:center;min-height:62px;padding:9px;border-radius:11px;color:#f0f3f9;cursor:pointer;transition:background .12s}.select-option.is-active{background:#52617a45}.select-option[aria-selected=true]{background:#f2b28213}.select-option[aria-selected=true].is-active{background:#f2b28223}.option-copy{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:600}.option-copy small{font-size:11px;font-weight:400;color:#a3b2c9}.checkmark{margin-left:auto;color:#f1bc91;width:17px;height:17px}.randomize-button .icon{color:#b5c3d9}.flashcard-wrap{width:100%;display:flex;flex-direction:column;gap:16px}.card-stage{width:100%;perspective:1500px}.flashcard{display:block;width:100%;height:clamp(310px,47vh,405px);border:0;padding:0;background:transparent;color:inherit;position:relative;border-radius:27px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.74,.2,1);text-align:center}.flashcard.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:27px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 38px;border:1px solid #5c6b82;box-shadow:0 25px 65px #0005,inset 0 1px #ffffff08}.card-front{background:linear-gradient(145deg,#34455f,#202d43)}.card-back{background:linear-gradient(145deg,#254e57,#153340);border-color:#477d84;transform:rotateY(180deg)}.face-language{position:absolute;top:27px;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600;color:#acbdd6}.card-back .face-language{color:#a8d7d5}.term{font-size:clamp(28px,6vw,54px);font-weight:670;line-height:1.2;overflow-wrap:anywhere;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:thin}.term-medium{font-size:clamp(20px,3.7vw,32px);line-height:1.4}.term-small{font-size:clamp(15px,2.6vw,20px);line-height:1.55;font-weight:500}.flip-hint{display:flex;align-items:center;gap:7px;position:absolute;bottom:24px;font-size:12px;font-weight:400;color:#a2b3ca}.flip-hint .icon{width:14px;height:14px}.card-back .flip-hint{color:#a7ccc9}.level-info{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;min-height:23px}.level-badge{border-radius:6px;padding:3px 7px;background:#ccd7ec12;border:1px solid #ccd7ec26;font-size:10px;font-weight:700;letter-spacing:.04em}.level-badge.easy{color:#b6d2cb}.level-badge.medium{color:#c6c9e8}.level-badge.difficult{color:#edbc95}.difficulty-label{text-transform:capitalize;color:#bdc8da}.level-status{color:#8291a9;border-left:1px solid #46536a;padding-left:9px}.card-navigation{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.position{color:#8294ad;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.position strong{font-weight:600;color:#e0e6ef}.keyboard-hint{font-size:11px;color:#7e8fa9;margin:-6px 0 0;display:flex;align-items:center;gap:5px}.keyboard-hint>span{margin:0 5px}kbd{font:inherit;color:#a9b6ca;background:#ffffff05;border:1px solid #a5b2cc21;border-bottom-width:2px;padding:1px 5px;border-radius:4px}.source-note{color:#77869c;font-size:10px;text-underline-offset:3px;margin-top:-12px}.source-note:hover{color:#ccd5e4}.state-panel{padding:45px 28px;text-align:center;color:#a9bad2;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid #465570;border-radius:24px;width:100%}.state-panel h1{font-size:22px;color:#f4f7fb;margin:0}.state-panel p{line-height:1.6;font-size:14px;margin:0;overflow-wrap:anywhere}.loading-dot{width:9px;height:9px;border-radius:50%;background:#ecaf80;animation:pulse 1s ease-in-out infinite alternate}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{to{opacity:.3}}@media(max-width:480px){body{padding:29px 18px}.app{gap:23px}.controls{gap:10px}.select-field{width:auto;flex:1}.button{padding:0 14px;font-size:14px;min-height:54px}.randomize-button{gap:7px}.randomize-button .icon{width:17px}.select-trigger{height:54px;font-size:14px;gap:9px;padding-right:12px}.card-face{padding:62px 24px}.flashcard{height:360px}.card-navigation{gap:13px}.position{font-size:11px}.keyboard-hint{display:none}.source-note{margin-top:0}.field-label{font-size:9px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.button,.select-trigger,.card-face,.select-menu{border:1px solid ButtonText}.select-option.is-active{outline:1px solid Highlight}.language-code{border:1px solid currentColor}}