.App{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}:root{--app-font-family: "Manrope", Roboto, "Noto Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--app-words-font-family: "IBM Plex Sans", "Noto Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--md-sys-color-primary: #646cff;--md-sys-color-on-primary: #ffffff;--md-sys-color-surface: #242424;--md-sys-color-surface-container: #333333;--md-sys-color-surface-container-high: #3f3f46;--md-sys-color-on-surface: rgba(255, 255, 255, .92);--md-sys-color-outline: #4b4b54;--app-color-brand-1: #667eea;--app-color-brand-1-hover: #5568d3;--app-color-brand-2: #764ba2;--app-color-brand-2-hover: #653691;--app-color-success: #48bb78;--app-color-success-hover: #38a169;--app-color-warning: #ffb347;--app-color-warning-hover: #ff9f29;--app-color-phrase: #9f7aea;--app-color-phrase-hover: #805ad5;--app-color-error: #f56565;--app-color-on-strong: #101010;--app-color-input-correct-bg: #2f5233;--app-color-input-incorrect-bg: #5f2c2c;--app-color-panel-grad-start: #34343a;--app-color-panel-grad-end: #2d2d34;--app-color-elevated-grad-start: #4a4a56;--app-color-elevated-grad-end: #3f3f49;--app-color-elevated-active-grad-start: #5c5c72;--app-color-elevated-active-grad-end: #474760;--app-color-set-item-grad-start: #464651;--app-color-set-item-grad-end: #3b3b45;--app-color-panel-border: #4a4a55;--app-color-set-item-border: #4f4f5d;--app-color-progress-track: #444;--app-color-text-muted: #999;--md-sys-typescale-headline-large-size: clamp(2rem, 5vw, 3.2rem);--md-sys-typescale-headline-large-line-height: 1.15;--md-sys-typescale-title-large-size: clamp(1.15rem, 2.6vw, 1.8rem);--md-sys-typescale-title-large-line-height: 1.25;--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5;--md-sys-typescale-label-large-size: .95rem;--md-sys-typescale-label-large-line-height: 1.25;--md-sys-typescale-label-large-weight: 500;font-family:var(--app-font-family);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh;font-family:var(--app-font-family);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface)}h1{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height)}h2{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.flashcard-word,.flashcard-translation,.flashcard-transcription,.flashcard-sentence,.quiz-question-text,.quiz-question-transcription,.quiz-option,.typing-prompt-content,.typing-prompt-transcription,.typing-input,.typing-feedback-answer,.typing-feedback-transcription{font-family:var(--app-words-font-family)}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;min-height:48px;font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);font-family:var(--app-font-family);background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(hover:hover)and (pointer:fine){button:hover{border-color:#646cff}}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{--md-sys-color-primary: #4f46e5;--md-sys-color-on-primary: #ffffff;--md-sys-color-surface: #ffffff;--md-sys-color-surface-container: #f4f5f9;--md-sys-color-surface-container-high: #eceef6;--md-sys-color-on-surface: #1f2937;--md-sys-color-outline: #c5c7d2;--app-color-brand-1: #4f46e5;--app-color-brand-1-hover: #4338ca;--app-color-brand-2: #7c3aed;--app-color-brand-2-hover: #6d28d9;--app-color-success: #16a34a;--app-color-success-hover: #15803d;--app-color-warning: #f59e0b;--app-color-warning-hover: #d97706;--app-color-phrase: #8b5cf6;--app-color-phrase-hover: #7c3aed;--app-color-error: #dc2626;--app-color-on-strong: #ffffff;--app-color-input-correct-bg: #dcfce7;--app-color-input-incorrect-bg: #fee2e2;--app-color-panel-grad-start: #f8f9fd;--app-color-panel-grad-end: #f0f3fb;--app-color-elevated-grad-start: #eef2ff;--app-color-elevated-grad-end: #e5e9fb;--app-color-elevated-active-grad-start: #dbe4ff;--app-color-elevated-active-grad-end: #d1dcff;--app-color-set-item-grad-start: #eef2ff;--app-color-set-item-grad-end: #e9eefb;--app-color-panel-border: #cfd5e6;--app-color-set-item-border: #c8d0e3;--app-color-progress-track: #d8ddeb;--app-color-text-muted: #5b6478;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface)}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:100%}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.navbar{padding:1rem 1.25rem;background:color-mix(in srgb,var(--md-sys-color-surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--md-sys-color-outline);display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.navbar h1,.navbar h2{color:var(--md-sys-color-on-surface)}.navbar button{padding:.58rem 1.05rem;background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-primary);border-radius:10px;cursor:pointer;transition:all .25s}.navbar button:hover{background-color:#4b4b54}.navbar button.active{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.start-menu-navbar{position:relative;justify-content:space-between;flex-wrap:nowrap}.start-menu-navbar h1{position:absolute;left:50%;transform:translate(-50%);text-align:center;max-width:calc(100% - 150px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.start-menu-navbar .start-menu-switch-user-button,.start-menu-navbar .start-menu-login-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:999px}.start-menu-navbar .start-menu-login-button.authenticated{border-color:var(--app-color-success);background:linear-gradient(180deg,var(--app-color-success) 0%,var(--app-color-success-hover) 100%);color:var(--app-color-on-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--app-color-success) 26%,transparent)}.start-menu-switch-user-icon{width:28px;height:28px;display:block;background-color:currentColor;-webkit-mask-image:url(/flip.svg);mask-image:url(/flip.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%}.start-menu-login-icon{width:28px;height:28px;display:block;background-color:currentColor;-webkit-mask-image:url(/login.svg);mask-image:url(/login.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%}.learning-navbar .font-size-settings-button,.learning-navbar .direction-toggle-button,.learning-navbar .go-back-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:48px}.learning-navbar .learning-set-title{font-size:1.45rem;line-height:1.2}.font-size-settings-icon{width:22px;height:22px;display:block;background-color:currentColor;-webkit-mask-image:url(/font-size.svg);mask-image:url(/font-size.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.direction-toggle-icon{width:22px;height:22px;display:block;background-color:currentColor;-webkit-mask-image:url(/flip.svg);mask-image:url(/flip.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.go-back-icon{width:22px;height:22px;display:block;background-color:currentColor;-webkit-mask-image:url(/go-back.svg);mask-image:url(/go-back.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.flashcard-control-icon{width:22px;height:22px;display:block;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.flashcard-icon-sound1{-webkit-mask-image:url(/sound1.svg);mask-image:url(/sound1.svg)}.flashcard-icon-flip{-webkit-mask-image:url(/flip.svg);mask-image:url(/flip.svg)}.flashcard-icon-next{-webkit-mask-image:url(/next.svg);mask-image:url(/next.svg)}.flashcard-icon-phrase{-webkit-mask-image:url(/phrase.svg);mask-image:url(/phrase.svg)}.flashcard-icon-sound2{-webkit-mask-image:url(/sound2.svg);mask-image:url(/sound2.svg)}.typing-feedback-icon{width:82px;height:82px;display:inline-block;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.typing-icon-thumb{-webkit-mask-image:url(/thumb.svg);mask-image:url(/thumb.svg)}.typing-icon-wrong{-webkit-mask-image:url(/wrong.svg);mask-image:url(/wrong.svg)}@media(max-width:568px){.typing-prompt-content{justify-content:center;min-height:100%}.typing-prompt-content.no-transcription{transform:none}.typing-feedback-icon{width:60px;height:60px}}.content{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.menu-content{align-items:stretch;justify-content:flex-start;scroll-padding-top:max(1.2rem,env(safe-area-inset-top,0px))}.menu-content-inner{width:100%;max-width:760px;display:grid;gap:1rem;min-height:100%;margin:0 auto;padding-top:max(1.35rem,env(safe-area-inset-top,0px));padding-bottom:.6rem;align-content:safe center}.loading-indicator{display:flex;align-items:center;justify-content:center}.loading-dots-fish{--loading-width: 124px;--loading-height: 76px;--dot-size: 9px;--loading-color: var(--md-sys-color-primary);--loading-step-delay: .07s;width:var(--loading-width);height:var(--loading-height);position:relative}.loading-dot-fish{position:absolute;left:var(--dot-x);top:var(--dot-y);width:var(--dot-size);height:var(--dot-size);border-radius:50%;background-color:var(--loading-color);transform:translate(-50%,-50%) scale(.72);opacity:.08;box-shadow:0 0 #0000;animation:loading-fish-dot 1.8s ease-in-out infinite;animation-delay:calc(var(--dot-index) * var(--loading-step-delay))}@keyframes loading-fish-dot{0%,to{opacity:.08;transform:translate(-50%,-50%) scale(.7);box-shadow:0 0 #0000}50%{opacity:1;transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 10px color-mix(in srgb,var(--loading-color) 78%,white)}}.flashcard-container{width:100%;max-width:860px;height:100%;max-height:100%;display:grid;grid-template-rows:minmax(220px,1fr) auto;gap:1rem}.flashcard{position:relative;width:100%;height:100%;min-height:220px;cursor:pointer;perspective:1200px;transition:transform .3s;touch-action:none;overscroll-behavior:contain}.flashcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s ease}.flashcard:hover{transform:translateY(-5px)}.flashcard.flipped .flashcard-inner{transform:rotateX(180deg)}.flashcard-face{position:absolute;inset:0;border-radius:12px;padding:clamp(1rem,2.2vw,2rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 30px #0000004d}.flashcard-front{--flashcard-font-scale: 1;background:linear-gradient(135deg,#667eea,#764ba2)}.flashcard-back{--flashcard-font-scale: 1;background:linear-gradient(135deg,#f093fb,#f5576c);transform:rotateX(180deg)}.flashcard-word{font-size:calc(clamp(2.2rem,7.8vw,5.2rem) * var(--flashcard-font-scale));font-weight:700;margin-bottom:.5rem;line-height:1.15;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.flashcard-transcription{font-size:calc(clamp(1.05rem,3vw,1.8rem) * var(--flashcard-font-scale));margin-bottom:1rem;opacity:.9;font-style:italic;line-height:1.25;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.flashcard-sentence{font-size:calc(clamp(1.35rem,3.6vw,2.2rem) * var(--flashcard-font-scale));margin-bottom:1rem;line-height:1.4;opacity:.95;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.flashcard-translation{font-size:calc(clamp(2rem,7vw,4.8rem) * var(--flashcard-font-scale));font-weight:600;line-height:1.15;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.flashcard-controls{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.flashcard-controls button{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .25s}.btn-speak{background-color:var(--app-color-brand-1);color:var(--md-sys-color-on-primary)}.btn-speak:hover{background-color:var(--app-color-brand-1-hover)}.btn-speak:disabled{opacity:.45;cursor:not-allowed;background-color:var(--app-color-brand-1)}.btn-flip{background-color:var(--app-color-brand-2);color:var(--md-sys-color-on-primary)}.btn-flip:hover{background-color:var(--app-color-brand-2-hover)}.btn-next{background-color:var(--app-color-success);color:var(--md-sys-color-on-primary)}.btn-next:hover{background-color:var(--app-color-success-hover)}.btn-sample{background-color:var(--app-color-warning);color:var(--app-color-on-strong)}.btn-sample:hover{background-color:var(--app-color-warning-hover)}.btn-sample:disabled{opacity:.45;cursor:not-allowed;background-color:var(--app-color-warning)}.btn-speak-phrase{background-color:var(--app-color-phrase);color:var(--md-sys-color-on-primary)}.btn-speak-phrase:hover{background-color:var(--app-color-phrase-hover)}.btn-speak-phrase:disabled{opacity:.45;cursor:not-allowed;background-color:var(--app-color-phrase)}.quiz-container{--quiz-prompt-scale: 1;--quiz-options-scale: 1;width:100%;max-width:860px;height:100%;max-height:100%;display:grid;grid-template-rows:auto auto minmax(170px,1fr) auto;gap:1rem}.quiz-question{background:var(--md-sys-color-surface-container);padding:clamp(1rem,2vw,2rem);border-radius:8px;text-align:center;color:var(--md-sys-color-on-surface)}.quiz-question-type{font-size:.9rem;color:color-mix(in srgb,var(--md-sys-color-on-surface) 65%,transparent);margin-bottom:1rem}.quiz-question-text{font-size:calc(clamp(2rem,4.5vw,3.5rem) * var(--quiz-prompt-scale));margin-bottom:1rem;font-weight:700;color:var(--md-sys-color-on-surface);line-height:1.2;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.quiz-question-transcription{font-size:calc(clamp(1.05rem,3vw,1.8rem) * var(--quiz-prompt-scale))}.quiz-options{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:1rem;min-height:100%;align-content:stretch}.quiz-container>.btn-speak{grid-row:2}.quiz-option{padding:clamp(.9rem,1.6vw,1.5rem);background-color:var(--md-sys-color-surface-container-high);border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:calc(clamp(1.15rem,1.8vw,1.85rem) * var(--quiz-options-scale));font-weight:600;line-height:1.25;transition:all .25s;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--md-sys-color-on-surface);min-height:clamp(88px,13vh,150px);overflow-wrap:anywhere;word-break:break-word;-webkit-tap-highlight-color:transparent}.quiz-hebrew-question .quiz-question-text{font-size:calc(clamp(2.5rem,5.6vw,4.5rem) * var(--quiz-prompt-scale));line-height:1.28}.quiz-hebrew-options .quiz-option{font-size:calc(clamp(1.55rem,2.55vw,2.75rem) * var(--quiz-options-scale));line-height:1.34}.quiz-option:focus,.quiz-option:focus-visible{outline:none!important;box-shadow:none!important}.quiz-option:active{outline:none!important;box-shadow:none!important}@media(hover:none),(pointer:coarse){.quiz-option:hover:not(:disabled){border-color:transparent!important;background-color:var(--md-sys-color-surface-container-high)!important}}@media(hover:hover)and (pointer:fine){.quiz-option:hover:not(:disabled){border-color:var(--md-sys-color-primary);background-color:color-mix(in srgb,var(--md-sys-color-surface-container-high) 82%,var(--md-sys-color-on-surface))}}.quiz-option.selected{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.quiz-option.correct{border-color:var(--app-color-success);background-color:var(--app-color-success);color:var(--app-color-on-strong)}.quiz-option.incorrect{border-color:var(--app-color-error);background-color:var(--app-color-error);color:var(--app-color-on-strong)}.quiz-option:disabled{cursor:not-allowed}@media(pointer:coarse)and (orientation:portrait)and (min-width:700px)and (max-width:1100px){.quiz-container{grid-template-rows:auto auto minmax(260px,1fr) auto}.quiz-question{padding:1.35rem}.quiz-question-text{font-size:clamp(2.2rem,5vw,3.2rem)}.quiz-options{grid-template-columns:repeat(2,minmax(240px,1fr));gap:1rem}.quiz-option{min-height:110px;font-size:clamp(1.6rem,3.4vw,2.2rem);padding:.9rem}}.typing-container{--typing-prompt-scale: 1;--typing-input-scale: 1;width:100%;max-width:860px;height:100%;max-height:100%;display:grid;grid-template-rows:auto auto auto auto;gap:1rem}.typing-prompt{background:var(--md-sys-color-surface-container);padding:calc(clamp(.34rem,.62vw,.62rem) * var(--typing-prompt-scale));min-height:calc(clamp(3rem,5.2vw,4.8rem) * var(--typing-prompt-scale));border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface);font-size:calc(clamp(2.25rem,3.9vw,3.6rem) * var(--typing-prompt-scale));font-weight:700;line-height:1.15;overflow-wrap:normal;word-break:normal}.typing-prompt-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.typing-prompt-content.no-transcription{transform:none}.typing-prompt-transcription{font-size:.95em;margin-top:calc(.5rem * var(--typing-prompt-scale));color:color-mix(in srgb,var(--md-sys-color-on-surface) 78%,transparent)}.typing-input-group{display:flex;gap:1rem;flex-wrap:wrap}.typing-input{flex:1;min-width:150px;min-height:calc(clamp(3rem,5.2vw,4.8rem) * var(--typing-input-scale));padding:calc(clamp(.28rem,.48vw,.42rem) * var(--typing-input-scale));font-size:calc(clamp(2.25rem,3.9vw,3.6rem) * var(--typing-input-scale));line-height:1.2;border:2px solid var(--md-sys-color-surface-container-high);border-radius:6px;background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);transition:border-color .25s}.typing-input::placeholder{font-size:.8em;color:color-mix(in srgb,var(--md-sys-color-on-surface) 62%,transparent)}.typing-check-button{display:inline-flex;align-items:center;justify-content:center;font-size:calc(clamp(1.5rem,2.2vw,2.3rem) * var(--typing-input-scale));line-height:1;min-height:calc(clamp(3rem,5.2vw,4.8rem) * var(--typing-input-scale));padding:calc(clamp(.45rem,.8vw,.7rem) * var(--typing-input-scale)) calc(clamp(.6rem,1.1vw,.95rem) * var(--typing-input-scale));font-weight:700;color:var(--md-sys-color-on-primary)}.typing-check-button.blink-wrong{animation:typing-check-wrong-blink .42s ease-in-out}.typing-check-button.locked-wrong{background-color:var(--app-color-error);color:var(--md-sys-color-on-primary)}@keyframes typing-check-wrong-blink{0%,to{background-color:var(--app-color-success)}50%{background-color:var(--app-color-error)}}.typing-check-icon{width:calc(clamp(2.25rem,3.9vw,3.6rem) * var(--typing-input-scale));height:calc(clamp(2.25rem,3.9vw,3.6rem) * var(--typing-input-scale));display:block;background-color:currentColor;-webkit-mask-image:url(/enter.svg);mask-image:url(/enter.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.typing-feedback{text-align:center;margin-top:1rem;color:var(--md-sys-color-on-surface)}.typing-feedback-slot{min-height:120px;display:flex;align-items:center;justify-content:center}.typing-feedback-incorrect{color:var(--app-color-error)}.typing-feedback-status{display:flex;justify-content:center;margin-bottom:.35rem}.typing-feedback-title{font-size:clamp(1.5rem,2.2vw,2rem);color:var(--md-sys-color-on-surface)}.typing-feedback-answer{font-size:2.3rem;font-weight:700;margin-top:.5rem;color:var(--md-sys-color-on-surface)}.typing-feedback-transcription{font-size:1.2rem;opacity:.8;color:color-mix(in srgb,var(--md-sys-color-on-surface) 78%,transparent)}.typing-feedback-correct{color:var(--app-color-success);font-size:1.8rem}.typing-input:focus{outline:none;border-color:var(--md-sys-color-primary)}.typing-input.correct{border-color:var(--app-color-success);background-color:var(--app-color-input-correct-bg)}.typing-input.incorrect{border-color:var(--app-color-error);background-color:var(--app-color-input-incorrect-bg)}.mode-selector{background:linear-gradient(180deg,var(--app-color-panel-grad-start) 0%,var(--app-color-panel-grad-end) 100%);border:1px solid var(--app-color-panel-border);box-shadow:0 10px 26px #0000003d;padding:2.25rem;border-radius:16px;text-align:center}.admin-users-card{background:linear-gradient(180deg,var(--app-color-panel-grad-start) 0%,var(--app-color-panel-grad-end) 100%);border:1px solid var(--app-color-panel-border);box-shadow:0 10px 26px #0000003d;padding:1.2rem;border-radius:16px;display:grid;gap:.75rem}.admin-users-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.admin-users-header h2{margin:0;font-size:1.26rem;color:var(--md-sys-color-on-surface)}.admin-users-add-button{min-height:44px;padding:.6rem .95rem;border-radius:10px;border:1px solid var(--md-sys-color-primary);background:linear-gradient(180deg,var(--app-color-elevated-grad-start) 0%,var(--app-color-elevated-grad-end) 100%);color:var(--md-sys-color-on-surface);font-weight:700}.admin-users-list{display:grid;gap:.6rem}.admin-user-row{border:1px solid var(--app-color-set-item-border);border-radius:12px;background:linear-gradient(180deg,var(--app-color-set-item-grad-start) 0%,var(--app-color-set-item-grad-end) 100%);padding:.7rem;display:grid;gap:.6rem}.admin-user-row-editing{border-style:dashed}.admin-user-name{font-size:1rem;font-weight:700;color:var(--md-sys-color-on-surface);overflow-wrap:anywhere}.admin-user-name-input{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--app-color-panel-border);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);color:var(--md-sys-color-on-surface);padding:.55rem .7rem;font-size:1rem}.admin-user-name-input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}.admin-user-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-user-manage-button,.admin-user-switch-button,.admin-user-delete-button{min-height:42px;border-radius:10px;padding:.55rem .8rem;font-size:.95rem;font-weight:700}.admin-user-manage-button{border:1px solid var(--md-sys-color-primary);background:linear-gradient(180deg,var(--app-color-elevated-grad-start) 0%,var(--app-color-elevated-grad-end) 100%);color:var(--md-sys-color-on-surface)}.admin-user-switch-button{border:1px solid var(--app-color-success);background:linear-gradient(180deg,color-mix(in srgb,var(--app-color-success) 86%,white) 0%,var(--app-color-success) 100%);color:var(--app-color-on-strong)}.admin-user-manage-button.active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,white);background:linear-gradient(180deg,var(--app-color-elevated-active-grad-start) 0%,var(--app-color-elevated-active-grad-end) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}.admin-user-delete-button{border:1px solid color-mix(in srgb,var(--app-color-error) 55%,var(--md-sys-color-on-surface));background:linear-gradient(180deg,color-mix(in srgb,var(--app-color-error) 80%,white) 0%,var(--app-color-error) 100%);color:var(--md-sys-color-on-primary)}.admin-users-empty{margin:0;color:color-mix(in srgb,var(--md-sys-color-on-surface) 72%,transparent)}.admin-users-error{margin:0;color:var(--app-color-error);font-size:.95rem}.admin-user-sets-panel{border:1px solid var(--app-color-set-item-border);border-left:3px solid var(--md-sys-color-primary);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 70%,transparent);padding:.8rem;display:grid;gap:.65rem;width:calc(100% - 1.25rem);margin:0 0 0 1.25rem}.admin-user-sets-caption{margin:0;font-size:.92rem;color:color-mix(in srgb,var(--md-sys-color-on-surface) 76%,transparent);font-weight:600}.admin-user-sets-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:.55rem;align-items:center}.admin-user-language-select{min-height:42px;border-radius:10px;border:1px solid var(--app-color-panel-border);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);color:var(--md-sys-color-on-surface);padding:.45rem .6rem;font-size:.95rem}.admin-user-upload-button{min-height:42px;border-radius:10px;border:1px solid var(--md-sys-color-primary);background:linear-gradient(180deg,var(--app-color-elevated-grad-start) 0%,var(--app-color-elevated-grad-end) 100%);color:var(--md-sys-color-on-surface);padding:.5rem .75rem;font-weight:700}.admin-user-sets-list{display:grid;gap:.5rem}.admin-user-set-row{border:1px solid var(--app-color-panel-border);border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container) 78%,transparent);padding:.6rem;display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center}.admin-user-set-name{font-size:.98rem;font-weight:700;color:var(--md-sys-color-on-surface);overflow-wrap:anywhere}.admin-user-set-meta{display:flex;gap:.6rem;color:color-mix(in srgb,var(--md-sys-color-on-surface) 75%,transparent);font-size:.9rem;white-space:nowrap}.no-data-return-button{min-height:48px;padding:.65rem 1.1rem;border-radius:12px;border:1px solid var(--md-sys-color-primary);background:linear-gradient(180deg,var(--app-color-elevated-grad-start) 0%,var(--app-color-elevated-grad-end) 100%);color:var(--md-sys-color-on-surface);font-weight:700}.mode-selector h2{margin-bottom:1.75rem;font-size:1.8rem;letter-spacing:.01em;color:var(--md-sys-color-on-surface)}.mode-buttons{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:1.1rem}.mode-buttons.mode-buttons-two{grid-template-columns:repeat(2,minmax(180px,1fr))}.mode-button{padding:1.35rem 1rem;font-size:clamp(1.2rem,2vw,1.65rem);border:1px solid var(--md-sys-color-primary);border-radius:14px;background:linear-gradient(180deg,var(--app-color-elevated-grad-start) 0%,var(--app-color-elevated-grad-end) 100%);color:var(--md-sys-color-on-surface);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;font-weight:700}.mode-button:hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,white);box-shadow:0 8px 18px #646cff47;transform:translateY(-1px)}.mode-button.active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,white);box-shadow:0 10px 22px #646cff59;background:linear-gradient(180deg,var(--app-color-elevated-active-grad-start) 0%,var(--app-color-elevated-active-grad-end) 100%)}.font-settings-page{width:100%;max-width:860px;background:linear-gradient(180deg,var(--app-color-panel-grad-start) 0%,var(--app-color-panel-grad-end) 100%);border:1px solid var(--app-color-panel-border);box-shadow:0 10px 26px #0000003d;padding:2rem;border-radius:16px;display:grid;gap:1.5rem}.font-settings-page h2{margin:0;text-align:center;color:var(--md-sys-color-on-surface)}.font-setting-row{display:grid;gap:.5rem}.font-setting-row label{font-size:1rem;color:var(--md-sys-color-on-surface)}.font-setting-row input[type=range]{width:100%}.font-settings-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.set-selector{background:linear-gradient(180deg,var(--app-color-panel-grad-start) 0%,var(--app-color-panel-grad-end) 100%);border:1px solid var(--app-color-panel-border);box-shadow:0 10px 26px #0000003d;padding:2.25rem;border-radius:16px;text-align:center}.set-selector h2{margin-bottom:1.75rem;font-size:1.8rem;color:var(--md-sys-color-on-surface)}.set-list{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem}.set-item{padding:1.45rem;background:linear-gradient(180deg,var(--app-color-set-item-grad-start) 0%,var(--app-color-set-item-grad-end) 100%);border:1px solid var(--app-color-set-item-border);border-radius:14px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;font-weight:500;color:var(--md-sys-color-on-surface);min-height:88px;overflow-wrap:anywhere}.set-item-title{font-size:clamp(1.05rem,1.3vw,1.35rem);font-weight:600;line-height:1.25}.set-item-subtitle{font-size:.82rem;opacity:.7;margin-top:.22rem}.set-item:hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 68%,white);box-shadow:0 8px 18px #646cff38;transform:translateY(-1px)}.set-item.active{border-color:var(--app-color-success);background-color:var(--app-color-input-correct-bg)}.resume-button{background:linear-gradient(180deg,var(--app-color-brand-1) 0%,var(--app-color-brand-2) 100%);color:var(--md-sys-color-on-primary);transition:background .2s ease}.resume-card{background:linear-gradient(180deg,var(--app-color-panel-grad-start) 0%,var(--app-color-panel-grad-end) 100%);border:1px solid var(--app-color-panel-border)}.resume-card-title{color:color-mix(in srgb,var(--md-sys-color-on-surface) 82%,transparent)}.resume-card-hint{color:color-mix(in srgb,var(--md-sys-color-on-surface) 58%,transparent)}.user-data-entry-card{background:linear-gradient(180deg,var(--app-color-panel-grad-start) 0%,var(--app-color-panel-grad-end) 100%);border:1px solid var(--app-color-panel-border);box-shadow:0 12px 28px #0000003d;border-radius:16px;padding:clamp(1.1rem,2.6vw,1.7rem);display:grid;gap:.9rem}.logout-confirm-card{background:linear-gradient(180deg,var(--app-color-panel-grad-start) 0%,var(--app-color-panel-grad-end) 100%);border:1px solid var(--app-color-panel-border);box-shadow:0 12px 28px #0000003d;border-radius:16px;padding:clamp(1.1rem,2.8vw,1.8rem);display:grid;gap:1rem;width:100%;max-width:560px;margin:0 auto}.logout-confirm-title{margin:0;font-size:clamp(1.12rem,2.3vw,1.38rem);font-weight:700;color:var(--md-sys-color-on-surface);text-align:center;max-width:36ch;margin-inline:auto}.logout-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;max-width:380px;margin:0 auto}.logout-confirm-cancel,.logout-confirm-accept{min-height:50px;border-radius:12px;font-size:1.02rem;font-weight:700}.logout-confirm-cancel{border:1px solid var(--app-color-panel-border);background:linear-gradient(180deg,var(--app-color-elevated-grad-start) 0%,var(--app-color-elevated-grad-end) 100%);color:var(--md-sys-color-on-surface)}.logout-confirm-accept{border:1px solid color-mix(in srgb,var(--app-color-error) 55%,var(--md-sys-color-on-surface));background:linear-gradient(180deg,color-mix(in srgb,var(--app-color-error) 82%,white) 0%,var(--app-color-error) 100%);color:var(--md-sys-color-on-primary)}.user-data-entry-title{margin:0;font-size:clamp(1.24rem,2.8vw,1.6rem);font-weight:700;color:var(--md-sys-color-on-surface);text-align:center}.user-data-entry-form{display:grid;gap:.6rem}.user-data-entry-label{font-size:1.03rem;color:color-mix(in srgb,var(--md-sys-color-on-surface) 74%,transparent)}.user-data-entry-controls{display:grid;grid-template-columns:1fr auto;gap:.58rem;align-items:center}.user-data-entry-input{width:100%;min-height:52px;border-radius:12px;border:1px solid var(--app-color-panel-border);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);color:var(--md-sys-color-on-surface);font-size:1.14rem;padding:.72rem .9rem;letter-spacing:.01em}.user-data-entry-input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 32%,transparent)}.user-data-entry-submit{width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:50%;border:1px solid var(--md-sys-color-primary);background:linear-gradient(180deg,var(--app-color-brand-1) 0%,var(--app-color-brand-2) 100%);color:var(--md-sys-color-on-primary);display:inline-flex;align-items:center;justify-content:center}.user-data-entry-submit:disabled{opacity:.62;cursor:not-allowed}.user-data-entry-submit-icon{width:24px;height:24px;display:block;background-color:currentColor;-webkit-mask-image:url(/enter.svg);mask-image:url(/enter.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.user-data-entry-message-slot{min-height:1.9rem;display:flex;align-items:flex-start}.user-data-entry-error{margin:0;font-size:1.02rem;color:var(--app-color-error)}.user-data-entry-inline-warning{margin:0;font-size:.96rem;color:color-mix(in srgb,var(--app-color-warning) 86%,var(--md-sys-color-on-surface))}.user-data-entry-default-button{min-height:52px;width:100%;border-radius:12px;border:1px solid var(--md-sys-color-primary);background:linear-gradient(180deg,var(--app-color-elevated-grad-start) 0%,var(--app-color-elevated-grad-end) 100%);color:var(--md-sys-color-on-surface);font-size:1.05rem;font-weight:700}.user-data-entry-default-button:disabled{opacity:.62;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.resume-button:hover{background:linear-gradient(180deg,var(--app-color-brand-1-hover) 0%,var(--app-color-brand-2-hover) 100%)}.admin-users-add-button:hover,.admin-user-manage-button:hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 70%,white);background:linear-gradient(180deg,var(--app-color-elevated-active-grad-start) 0%,var(--app-color-elevated-active-grad-end) 100%)}.admin-user-switch-button:hover{border-color:color-mix(in srgb,var(--app-color-success) 72%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--app-color-success) 90%,white) 0%,var(--app-color-success-hover) 100%)}.admin-user-delete-button:hover{border-color:color-mix(in srgb,var(--app-color-error) 70%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--app-color-error) 88%,white),color-mix(in srgb,var(--app-color-error) 92%,black))}.admin-user-upload-button:hover,.no-data-return-button:hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 70%,white);background:linear-gradient(180deg,var(--app-color-elevated-active-grad-start) 0%,var(--app-color-elevated-active-grad-end) 100%)}.user-data-entry-submit:hover{background:linear-gradient(180deg,var(--app-color-brand-1-hover) 0%,var(--app-color-brand-2-hover) 100%);border-color:color-mix(in srgb,var(--md-sys-color-primary) 70%,white)}.logout-confirm-cancel:hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 65%,white);background:linear-gradient(180deg,var(--app-color-elevated-active-grad-start) 0%,var(--app-color-elevated-active-grad-end) 100%)}.logout-confirm-accept:hover{border-color:color-mix(in srgb,var(--app-color-error) 70%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--app-color-error) 88%,white),color-mix(in srgb,var(--app-color-error) 92%,black))}.user-data-entry-default-button:hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 70%,white);background:linear-gradient(180deg,var(--app-color-elevated-active-grad-start) 0%,var(--app-color-elevated-active-grad-end) 100%)}}.progress-bar{width:100%;height:8px;background-color:var(--app-color-progress-track);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--app-color-brand-1) 0%,var(--app-color-brand-2) 100%);transition:width .3s}.progress-text{text-align:center;font-size:.9rem;margin-top:.5rem;color:var(--app-color-text-muted)}.settings-container{background:#333;padding:1rem;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.setting-group{display:flex;align-items:center;gap:.5rem}.setting-group label{font-size:.9rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#444;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#48bb78}input:checked+.toggle-slider:before{transform:translate(26px)}@media(max-width:768px){.navbar{flex-direction:column;gap:.5rem}.navbar button{width:100%}.start-menu-navbar{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:0}.start-menu-navbar .start-menu-switch-user-button,.start-menu-navbar .start-menu-login-button{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:999px}.start-menu-navbar h1{max-width:calc(100% - 152px)}.flashcard{min-height:250px}.flashcard-container{max-height:none;grid-template-rows:minmax(250px,1fr) auto}.quiz-options{grid-template-columns:1fr 1fr}.mode-buttons,.mode-buttons.mode-buttons-two,.admin-user-sets-toolbar{grid-template-columns:1fr}.admin-user-sets-panel{width:100%;margin-left:0}.admin-user-set-row{grid-template-columns:1fr}.admin-user-set-meta{white-space:normal}.set-list{grid-template-columns:1fr}.menu-content{align-items:flex-start;justify-content:flex-start}.learning-navbar{flex-direction:row;flex-wrap:nowrap;align-items:center}.learning-navbar button{width:auto}.learning-navbar .learning-set-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-container{flex-direction:column;align-items:stretch}.setting-group{width:100%;justify-content:space-between}}@media(max-width:480px){.content{padding:1rem .5rem}.flashcard-face{padding:1rem}.quiz-options{grid-template-columns:1fr}.flashcard-controls{gap:.5rem}.flashcard-controls button{padding:.5rem 1rem;font-size:.9rem}}@media(max-width:568px){.learning-navbar{flex-wrap:nowrap;justify-content:flex-start;padding:.55rem .65rem;gap:.5rem;min-height:52px;overflow-x:auto}.learning-navbar .learning-set-title,.learning-navbar .change-mode-button{display:none}.learning-navbar button{width:auto;font-size:.95rem;padding:.45rem .8rem}.learning-navbar .font-size-settings-button,.learning-navbar .direction-toggle-button{display:inline-flex!important;align-items:center;white-space:nowrap}.learning-navbar.learning-navbar-study{padding:0;min-height:0;border-bottom:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.learning-navbar.learning-navbar-study .go-back-button,.learning-navbar.learning-navbar-study .direction-toggle-button,.learning-navbar.learning-navbar-study .font-size-settings-button{position:fixed;top:calc(env(safe-area-inset-top,0px) + .5rem);z-index:50;pointer-events:auto;min-width:44px;min-height:44px;padding:.45rem}.learning-navbar.learning-navbar-study .go-back-button{left:.55rem}.learning-navbar.learning-navbar-study .font-size-settings-button{right:.55rem}.learning-navbar.learning-navbar-study .direction-toggle-button{right:3.55rem}.learning-navbar.learning-navbar-study+.content{padding-top:calc(env(safe-area-inset-top,0px) + 3.4rem)}.content{padding:.5rem .45rem;overflow:auto;align-items:stretch}.flashcard-container,.quiz-container,.typing-container{max-height:100%;gap:.6rem}.typing-container{grid-template-rows:auto auto minmax(0,1fr);gap:.45rem}.flashcard-face{padding:.75rem}.flashcard-word,.flashcard-translation{font-size:calc(clamp(1.5rem,7.5vw,2.6rem) * var(--flashcard-font-scale))}.flashcard-transcription{font-size:calc(clamp(.95rem,4vw,1.35rem) * var(--flashcard-font-scale))}.flashcard-sentence{font-size:calc(clamp(.95rem,3.6vw,1.25rem) * var(--flashcard-font-scale));line-height:1.3}.flashcard-controls{gap:.45rem}.flashcard-controls button{padding:.42rem .72rem;font-size:.84rem}.quiz-question,.typing-prompt{padding:.7rem}.quiz-question-text{font-size:calc(clamp(1.34rem,6.9vw,1.95rem) * var(--quiz-prompt-scale));line-height:1.2}.quiz-question .quiz-question-transcription{font-size:calc(clamp(.9rem,4.3vw,1.1rem) * var(--quiz-prompt-scale))}.quiz-options{gap:.55rem}.quiz-option{min-height:58px;padding:.55rem;font-size:calc(clamp(1.15rem,5.4vw,1.42rem) * var(--quiz-options-scale));line-height:1.2}.quiz-hebrew-question .quiz-question-text{font-size:calc(clamp(1.48rem,7.4vw,2.15rem) * var(--quiz-prompt-scale));line-height:1.3}.quiz-hebrew-options .quiz-option{font-size:calc(clamp(1.28rem,6vw,1.62rem) * var(--quiz-options-scale));line-height:1.32}.typing-input-group{gap:.55rem}.typing-input{min-width:0;padding:calc(.62rem * var(--typing-input-scale));font-size:calc(1rem * var(--typing-input-scale))}.typing-check-button{font-size:calc(1rem * var(--typing-input-scale));padding:calc(.35rem * var(--typing-input-scale)) calc(.5rem * var(--typing-input-scale))}.typing-feedback-slot{min-height:76px}.typing-feedback-title{font-size:1rem}.typing-feedback-answer{font-size:1.5rem}.typing-feedback-transcription{font-size:.95rem}.typing-container:focus-within{gap:.35rem}.typing-container:focus-within .typing-prompt{padding:calc(.42rem * var(--typing-prompt-scale));font-size:calc(clamp(1.05rem,4.8vw,1.4rem) * var(--typing-prompt-scale))}.typing-container:focus-within .typing-prompt-transcription{display:none}.typing-container:focus-within .typing-feedback-slot{min-height:0}.typing-container:focus-within .typing-feedback{margin-top:.2rem}}@media(max-width:480px){.quiz-container{grid-template-rows:auto auto minmax(0,1fr);gap:.32rem}.quiz-question{padding:.45rem}.quiz-question-text{font-size:calc(clamp(1.22rem,6.6vw,1.72rem) * var(--quiz-prompt-scale));margin-bottom:.2rem;line-height:1.2}.quiz-question .quiz-question-transcription{font-size:calc(clamp(.8rem,3.9vw,.96rem) * var(--quiz-prompt-scale));margin-bottom:0}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.32rem;min-height:0}.quiz-option{min-height:38px;padding:.28rem .34rem;font-size:calc(clamp(1.12rem,5.8vw,1.32rem) * var(--quiz-options-scale));line-height:1.16}.quiz-hebrew-question .quiz-question-text{font-size:calc(clamp(1.34rem,7.2vw,1.95rem) * var(--quiz-prompt-scale));line-height:1.28}.quiz-hebrew-options .quiz-option{font-size:calc(clamp(1.2rem,6.3vw,1.48rem) * var(--quiz-options-scale));line-height:1.3}.typing-container{gap:.32rem}.typing-prompt{padding:calc(.4rem * var(--typing-prompt-scale));min-height:calc(2.75rem * var(--typing-prompt-scale));font-size:calc(clamp(1rem,5.2vw,1.3rem) * var(--typing-prompt-scale))}.typing-prompt-content.no-transcription{transform:none}.typing-input-group{gap:.38rem}.typing-input{min-height:calc(2.15rem * var(--typing-input-scale));padding:calc(.5rem * var(--typing-input-scale));font-size:calc(1rem * var(--typing-input-scale))}.typing-check-button{min-height:calc(2.15rem * var(--typing-input-scale));font-size:calc(.95rem * var(--typing-input-scale));padding:calc(.28rem * var(--typing-input-scale)) calc(.4rem * var(--typing-input-scale))}.typing-feedback-slot{min-height:56px}.typing-feedback-title{font-size:.88rem}.typing-feedback-answer{font-size:1.18rem;margin-top:.2rem}.typing-feedback-transcription{font-size:.82rem}.typing-feedback-correct{font-size:1rem}}@media(max-height:480px)and (orientation:landscape){.navbar{flex-direction:row;flex-wrap:nowrap;gap:.45rem;padding:.45rem .6rem}.navbar button{width:auto;font-size:.85rem;padding:.4rem .68rem}.content{padding:.35rem .45rem;overflow:auto;align-items:stretch}.learning-navbar{min-height:46px}.flashcard-container,.quiz-container,.typing-container{max-height:100%;gap:.35rem}.flashcard-container{grid-template-rows:minmax(115px,1fr) auto}.quiz-container{grid-template-rows:auto auto minmax(90px,1fr) auto}.flashcard,.quiz-question,.typing-prompt{min-height:0}.flashcard-face{padding:.55rem}.flashcard-word,.flashcard-translation{font-size:calc(clamp(1rem,4.8vh,1.9rem) * var(--flashcard-font-scale))}.flashcard-transcription{font-size:calc(clamp(.72rem,2.5vh,1rem) * var(--flashcard-font-scale));margin-bottom:.35rem}.flashcard-sentence{font-size:calc(clamp(.68rem,2.2vh,.95rem) * var(--flashcard-font-scale));line-height:1.25}.flashcard-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.flashcard-controls button,.quiz-option,.typing-check-button{font-size:.76rem;padding:.33rem .52rem}.typing-check-button{min-height:calc(2.05rem * var(--typing-input-scale));font-size:calc(.76rem * var(--typing-input-scale));padding:calc(.24rem * var(--typing-input-scale)) calc(.38rem * var(--typing-input-scale))}.quiz-option{font-size:calc(.76rem * var(--quiz-options-scale))}.mode-selector,.set-selector{padding:.65rem;border-radius:12px}.mode-selector h2,.set-selector h2{margin-bottom:.6rem;font-size:1rem}.mode-buttons{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.35rem}.mode-button,.set-item{padding:.5rem .45rem;font-size:.8rem;border-radius:10px}.set-item-title{font-size:clamp(1rem,3.2vh,1.2rem);line-height:1.22}.set-item-subtitle{font-size:clamp(.82rem,2.3vh,.95rem);margin-top:.14rem}.quiz-option{min-height:42px}.quiz-question-text{font-size:calc(clamp(.92rem,3.6vh,1.45rem) * var(--quiz-prompt-scale));margin-bottom:.35rem}.typing-input{min-height:calc(2.05rem * var(--typing-input-scale));padding:calc(.4rem * var(--typing-input-scale));font-size:calc(clamp(1rem,2.8vh,1.35rem) * var(--typing-input-scale))}.typing-prompt{padding:calc(.46rem * var(--typing-prompt-scale));min-height:calc(2.1rem * var(--typing-prompt-scale));font-size:calc(clamp(.95rem,3.7vh,1.55rem) * var(--typing-prompt-scale))}.typing-prompt-transcription{margin-top:.25rem;font-size:.82em}.typing-feedback{margin-top:.35rem}.typing-feedback-title{font-size:.86rem}.typing-feedback-answer{font-size:1.2rem;margin-top:.15rem}.typing-feedback-transcription{font-size:.8rem}.typing-feedback-correct{font-size:1.05rem}}@media(orientation:landscape){.set-item-title{font-size:clamp(1.2rem,1.9vw,1.6rem)}.set-item-subtitle{font-size:clamp(.95rem,1.25vw,1.1rem)}}@media(orientation:portrait){.mode-button{font-size:clamp(1.28rem,2.35vw,1.74rem)}.set-item-title{font-size:clamp(1.12rem,1.45vw,1.42rem)}.set-item-subtitle{font-size:clamp(.88rem,1.02vw,.98rem)}}