@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--page-max: 1100px;--page-pad: clamp(.75rem, 4vw, 1.75rem);--panel-pad: clamp(1rem, 3vw, 1.5rem);--panel-gap: clamp(1.25rem, 3vw, 2rem)}*{box-sizing:border-box}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:#f3f4f6;color:#111827;margin:0;padding:clamp(1.5rem,4vw,2.5rem) var(--page-pad) clamp(2rem,5vw,3.25rem);line-height:1.5;min-height:100vh;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.navbar{display:inline-flex;flex-wrap:wrap;gap:.45rem;padding:.35rem;border-radius:999px;background:#fffffff2;box-shadow:0 10px 25px #0f172a1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.auth-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem)}.sign-in-card{width:min(420px,100%);background:#fff;border-radius:1.5rem;box-shadow:0 25px 65px #0f172a26;padding:clamp(1.5rem,4vw,2.5rem);text-align:center}.sign-in-card h1{margin-top:0;margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.4rem)}.auth-status{margin:0 auto 1rem;color:#4b5563;max-width:32ch}.auth-error{margin:0 auto 1rem;color:#b91c1c;font-size:.95rem}.sign-in-btn{width:100%}.navbar-top{position:relative;z-index:30;width:min(var(--page-max),100%);margin:0 auto 1.5rem;padding:0 var(--page-pad)}.nav-stack{background:radial-gradient(circle at 10% 20%,rgba(56,189,248,.35),transparent 50%),linear-gradient(135deg,#0f172a,#312e81);border-radius:1.5rem;padding:clamp(1.1rem,4vw,1.8rem);box-shadow:0 28px 65px #0f172a38;display:flex;flex-direction:column;gap:clamp(.75rem,3vw,1.25rem);position:relative;overflow:visible;z-index:40}.nav-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.navbar-top .navbar{width:100%;justify-content:flex-start}.navbar-bottom{display:none}.nav-brand{display:flex;flex-direction:column;gap:.2rem}.nav-brand-title{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700;letter-spacing:.02em;color:#f8fafc}.nav-brand-subtitle{font-size:.9rem;color:#f8fafcc7}.nav-auth-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;background:#0f172a59;border:1px solid rgba(248,250,252,.15);border-radius:1rem;padding:.65rem .85rem;color:#f8fafc}.nav-user-chip{max-width:220px;padding:.35rem .9rem;border-radius:999px;background:#ffffff26;color:#f8fafc;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-auth-btn{padding:.45rem 1.1rem;font-weight:600;margin-bottom:0}.nav-auth-row .btn{margin-bottom:0}.nav-auth-row .nav-auth-btn{background:#f8fafc;color:#111827}.nav-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;border:1px solid rgba(148,163,184,.55);background:#0f172ae6;color:#f8fafc;box-shadow:0 10px 25px #0f172a2e;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.nav-toggle:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.nav-toggle-label{font-size:.95rem}.nav-toggle-lines{display:inline-flex;flex-direction:column;gap:5px}.nav-toggle-line{width:20px;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.nav-toggle.is-open .nav-toggle-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open .nav-toggle-line:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-tab{border:none;border-radius:999px;padding:.45rem 1.25rem;font-weight:600;letter-spacing:.01em;background:transparent;color:#4b5563;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.nav-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 6px 16px #6366f159}.nav-mobile-overlay{display:none}@media (max-width: 900px){body{padding:clamp(1.25rem,5vw,2rem)}.navbar-top{width:100%;margin:0 0 1.5rem;padding:0}.nav-stack{border-radius:1.25rem;padding:clamp(1rem,6vw,1.5rem)}.nav-user-chip{max-width:100%}.nav-auth-btn{width:100%}.nav-auth-row{flex-direction:column;align-items:stretch}.nav-brand{flex:1;flex-direction:column;gap:.1rem}.nav-brand-row{align-items:center}.nav-toggle{display:inline-flex}.navbar-top .navbar{display:none;flex-direction:column;align-items:stretch;gap:.5rem;padding:.85rem;border-radius:1.25rem;background:#0f172af2;box-shadow:0 28px 60px #0f172a59;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1}.navbar-top.is-open .navbar{display:flex}.navbar-top .nav-tab{width:100%;text-align:left;justify-content:flex-start;border-radius:.95rem;padding:.85rem 1rem;background:#ffffff0f;color:#f8fafceb}.navbar-top .nav-tab.active{background:#f8fafc;color:#0f172a;box-shadow:none}.navbar-bottom{display:none}.nav-mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;margin:0;padding:0;z-index:20}.navbar-top.is-open .nav-mobile-overlay{display:block}}.page{width:min(var(--page-max),100%);margin:0 auto;padding:0 var(--page-pad)}h1{margin:0 0 1.5rem;text-align:center;font-size:clamp(1.8rem,3vw,2.5rem)}.tab-panel{background:#fff;border-radius:1.25rem;padding:var(--panel-pad);margin-bottom:var(--panel-gap);box-shadow:0 16px 35px #0f172a14}.memory-letter,.vocab-letter{font-size:4rem;direction:rtl;margin-bottom:.5rem}.vowel-letter{font-size:5.5rem;line-height:1.1}.memory-message,.vowel-message,.vocab-message{font-size:1rem;color:#4b5563}.memory-options,.vowel-options,.vocab-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;max-width:600px;margin:0 auto}.memory-options{direction:rtl}.memory-option,.vowel-option,.vocab-option{padding:.65rem .5rem;border-radius:.75rem;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.memory-option{direction:ltr}.memory-actions-inline{text-align:center;margin-top:.5rem}.memory-score-panel,.vowel-score-panel{display:none;text-align:center;margin:0 auto 1.25rem;max-width:640px}.memory-score-panel.visible,.vowel-score-panel.visible{display:block}.memory-score,.vowel-score{margin-top:1rem;text-align:center;font-weight:600;color:#0f172a;display:none}.memory-score.visible,.vowel-score.visible{display:block}.memory-actions,.vowel-score-actions{text-align:center;margin-top:.5rem}.tab-panel.hidden{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(.75rem,2vw,1rem)}.aleph-bet-grid{direction:rtl}.grid.is-hidden{display:none}.memory-card,.vowel-card,.vocab-card{background:#fff;border-radius:1rem;padding:2rem 1rem 1.5rem;text-align:center;box-shadow:0 10px 25px #0f172a14;margin-bottom:1.25rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.memory-card:hover,.vowel-card:hover,.vocab-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a26}.tab-panel .memory-options,.tab-panel .vowel-options,.tab-panel .vocab-options{margin-top:1.25rem}.memory-option:hover,.vowel-option:hover,.vocab-option:hover{background:#eef2ff;border-color:#c7d2fe;color:#312e81}.memory-option.correct,.vowel-option.correct,.vocab-option.correct{background:#dcfce7;border-color:#86efac;color:#166534}.memory-option.incorrect,.vowel-option.incorrect,.vocab-option.incorrect{background:#fee2e2;border-color:#fecaca;color:#991b1b}.vocab-manage{background:#fff;border-radius:1rem;box-shadow:0 6px 16px #0000000f;padding:1.5rem;max-width:640px;margin:2rem auto 0;width:100%}.vocab-manage h2{margin-top:0;margin-bottom:.5rem}.vocab-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem}.vocab-controls input{padding:.5rem .65rem;border-radius:.6rem;border:1px solid #d1d5db;font-size:.95rem}.vocab-controls input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}.vocab-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.vocab-progress-bar{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:1rem;display:none}.vocab-progress-inner{width:40%;height:100%;background:linear-gradient(90deg,#6366f1,#a5b4fc);border-radius:inherit;animation:vocab-progress-pulse 1.2s infinite ease-in-out}.vocab-hint-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.85rem;padding:.9rem 1.1rem;margin-bottom:1rem;margin-top:1rem;width:100%;max-width:420px}.vocab-hint-status{margin:0 0 .5rem;color:#4b5563;min-height:1.2rem}.hint-btn{border:none;border-radius:999px;background:#e0e7ff;color:#1d4ed8;padding:.4rem 1.1rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.hint-btn:hover:not(:disabled){background:#c7d2fe}.hint-btn:disabled{opacity:.6;cursor:not-allowed}.vocab-status{min-height:1.25rem;font-size:.9rem;margin-bottom:.75rem;color:#4b5563}.vocab-status.success{color:#15803d}.vocab-status.error{color:#b91c1c}@keyframes vocab-progress-pulse{0%{transform:translate(-100%)}50%{transform:translate(60%)}to{transform:translate(160%)}}.btn{border:none;border-radius:999px;padding:.45rem 1.2rem;cursor:pointer;font-weight:600;transition:opacity .15s ease;margin-bottom:20px}.btn-primary{background:#4f46e5;color:#fff}.btn-secondary{background:#e5e7eb;color:#1f2937}.btn-danger{background:#dc2626;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.vocab-list{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.vocab-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6;gap:1rem}.vocab-row:last-child{border-bottom:none}.vocab-row strong{font-size:1.1rem}.vocab-row small{color:#6b7280}.vocab-row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.card{background:#fff;border-radius:.75rem;box-shadow:0 4px 10px #0000000f;padding:1.25rem 1.15rem 1.95rem;cursor:pointer;position:relative;min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.card .card-inner{width:100%;padding-bottom:.5rem}.card-badge{position:absolute;top:.6rem;right:.7rem;display:inline-flex;align-items:center;gap:.35rem;background:#1f2937e6;color:#fff;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.03em}.card-badge-number{font-variant-numeric:tabular-nums}.card-badge-final{background:#ffffff2e;border-radius:999px;padding:0 .45rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.card-value{position:absolute;bottom:.4rem;left:1rem;font-size:.85rem;color:#1d4ed8;font-weight:600;background:#e0e7ffd9;border-radius:.6rem;padding:.15rem .55rem}.card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001f}.glyph{font-size:3rem;direction:rtl;margin-bottom:.25rem}.glyph-small{font-size:1.6rem;direction:rtl;opacity:.7;margin-left:.25rem}.hebrew-pair{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:baseline;gap:.3rem}.name{font-weight:600;margin-bottom:.1rem}.sound{font-size:.85rem;color:#6b7280}.hint{font-size:.75rem;color:#9ca3af;margin-top:.4rem}.details{display:none;font-size:.85rem;color:#374151;margin-top:.25rem;line-height:1.4}.card.show-details .details{display:block}.card.show-details .hint{display:none}.glyph.yod-like-comma{font-size:2.2rem;transform:translateY(.4rem)}.vowel-actions{text-align:center;margin:1rem 0 2rem}.vowel-reference-panel{margin-top:2rem}.quiz-skip-btn{border:none;border-radius:999px;padding:.45rem 1.4rem;font-weight:600;cursor:pointer;background:#e5e7eb;color:#1f2937;transition:opacity .15s ease}.quiz-skip-btn:disabled{opacity:.5;cursor:not-allowed}.vocab-study-panel{background:#fff;border-radius:1rem;box-shadow:0 6px 16px #0000000f;padding:1.5rem;max-width:720px;margin:0 auto 2rem;width:100%}.vocab-study-panel h2{margin-top:0;margin-bottom:.25rem}.vocab-study-panel p{margin-top:0;margin-bottom:1rem;color:#6b7280}.study-vocab-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.study-vocab-card{border:1px solid #e5e7eb;border-radius:.85rem;padding:.75rem .9rem;background:#f9fafb;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.study-vocab-card:hover{border-color:#c7d2fe;background:#eef2ff}.study-vocab-card .study-english{font-weight:600;color:#111827}.study-vocab-card .study-hebrew{display:none;margin-top:.35rem;direction:rtl;font-size:1rem;color:#1f2937}.study-vocab-card.revealed .study-hebrew{display:block}.study-list-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151;margin-bottom:.5rem}.study-list-toggle input{accent-color:#4f46e5}.aleph-bet-controls{margin-bottom:.75rem}.aleph-bet-btns{display:inline-flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.download-mobile-note{margin-top:.35rem;font-size:.85rem;color:#6b7280;display:none}.card-empty-overlay{position:absolute;top:1rem;right:0;bottom:1rem;left:0;display:flex;flex-direction:column;background:#fff;border-radius:.75rem;border:1px solid #d1d5db;pointer-events:none;padding:.75rem;box-shadow:inset 0 0 0 1px #d1d5db80;z-index:5}.card-empty-number{align-self:flex-end;font-size:.85rem;font-weight:600;color:#111827}.card-empty-square{flex:1;min-height:90px;border:2px dashed #d1d5db;border-radius:.5rem;margin:.4rem 0 .75rem}.card-empty-value{font-size:.85rem;font-weight:600;text-align:center;color:#374151}.card.study-blank .card-inner,.card.study-blank .card-badge,.card.study-blank .card-value{visibility:hidden}.card.study-blank{background:#fff;box-shadow:inset 0 0 0 1px #e5e7eb}.card.blank-overlay-active .card-inner,.card.blank-overlay-active .card-badge,.card.blank-overlay-active .card-value{visibility:hidden}.study-vocab-card.active{border-color:#6366f1;background:#eef2ff}.study-spell-panel{background:#fff;border-radius:1rem;box-shadow:0 6px 16px #0000000f;padding:1.25rem 1.5rem 1.5rem;max-width:720px;margin:0 auto;width:100%}.study-spell-panel h3{margin-top:0;margin-bottom:.35rem}.study-spell-panel p{margin-top:0;margin-bottom:1rem;color:#6b7280}.spell-target{font-size:clamp(2rem,10vw,5rem);font-weight:600;direction:rtl;margin-bottom:.5rem;text-align:right;color:#111827}.spell-target.hidden-text{font-size:1rem;font-weight:500;text-align:left;color:#6b7280}.spell-visibility-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151;margin-bottom:.5rem}.spell-visibility-toggle input{width:1rem;height:1rem;cursor:pointer}.spell-translit{font-size:.95rem;color:#4b5563;margin-bottom:.4rem;font-style:italic;display:none}.spell-progress{min-height:2.5rem;border:1px dashed #cbd5f5;border-radius:.75rem;padding:.6rem .9rem;margin-bottom:.35rem;font-size:clamp(1.1rem,2.5vw,2rem);direction:rtl;color:#111827;background:#f8fafc}.spell-status{min-height:1.25rem;font-size:.9rem;margin-bottom:.75rem;color:#4b5563}.spell-status.success{color:#15803d}.spell-status.warning{color:#92400e}.spell-status.error{color:#b91c1c}.spell-keyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.4rem;margin-bottom:.75rem;direction:rtl;justify-items:center}.spell-key{border:1px solid #e5e7eb;border-radius:.75rem;padding:.35rem .2rem;background:#fff;font-size:2.5rem;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}.spell-key:hover{border-color:#c7d2fe;background:#eef2ff}.spell-vowel-section{margin-top:.75rem}.spell-vowel-label{font-size:.85rem;color:#6b7280;margin-bottom:.35rem;text-align:left}.spell-vowel-keyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.7rem;direction:rtl;justify-items:center;margin-bottom:.75rem}.spell-vowel-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;font-size:clamp(2.5rem,14vw,6rem);padding:.1rem .25rem;min-width:70px;min-height:48px;line-height:1}.spell-vowel-glyph{font-size:clamp(2.3rem,13vw,5.5rem);line-height:1}.spell-vowel-direction{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.spell-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}@media (max-width: 900px){body{padding-bottom:calc(var(--panel-gap) + 5.5rem + env(safe-area-inset-bottom))}.page{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}@media (max-width: 700px){.tab-panel{border-radius:1rem}.vocab-controls{grid-template-columns:1fr}.vocab-actions{flex-direction:column;align-items:stretch}.vocab-row{flex-wrap:wrap;align-items:flex-start}.vocab-hint-panel{max-width:none}.download-desktop-only{display:none}.download-mobile-note{display:block}}@media (max-width: 600px){.tab-panel,.vocab-study-panel,.study-spell-panel{padding:1rem}.vocab-manage{display:none}.memory-letter,.vocab-letter{font-size:3.2rem}.vowel-letter{font-size:4rem}.memory-card,.vowel-card,.vocab-card{padding:1.25rem .85rem 1.1rem}.aleph-bet-btns{flex-direction:column;align-items:stretch}.spell-keyboard{grid-template-columns:repeat(auto-fit,minmax(42px,1fr))}.spell-vowel-keyboard{display:flex;flex-direction:column;gap:.35rem}.spell-key{font-size:clamp(2.5rem,14vw,6rem);padding:.3rem;min-height:42px}.spell-target{font-size:clamp(2.75rem,18vw,5rem);text-align:center}.spell-progress{font-size:clamp(1.4rem,8vw,2.75rem);min-height:3.25rem;text-align:center}}