:root{--ink:#12221f;--ink-soft:#3a4f4a;--mute:#6d817a;--paper:#e7f1ee;--paper-2:#d5e6e1;--surface:#fafdfcc7;--surface-strong:#ffffffe6;--line:#12221f1f;--teal:#0f3d3e;--teal-mid:#1f6f6a;--mint:#7fd1c2;--coral:#d96b4c;--gold:#c4a35a;--good:#2f7d5b;--again:#b54a3c;--shadow:0 24px 60px #0f3d3e29;--radius:22px;--font-display:"Syne", sans-serif;--font-body:"Heebo", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden}.atmosphere{z-index:0;background:radial-gradient(80% 55% at 12% 8%,#7fd1c273,#0000 55%),radial-gradient(70% 50% at 88% 12%,#d96b4c2e,#0000 50%),radial-gradient(60% 45% at 50% 100%,#1f6f6a38,#0000 55%),linear-gradient(165deg,#eef6f3 0%,#dceae5 48%,#cfdfd9 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.35;background-image:linear-gradient(#12221f08 1px,#0000 1px),linear-gradient(90deg,#12221f08 1px,#0000 1px);background-size:48px 48px;animation:28s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 90%);mask-image:radial-gradient(circle,#000 35%,#0000 90%)}@keyframes grid-drift{0%{transform:translate(0,0)}to{transform:translate(-48px,-24px)}}.app-main{z-index:1;width:min(920px,100% - 2rem);margin:0 auto;padding:2rem 0 3.5rem;position:relative}.home,.study{animation:.52s cubic-bezier(.22,1,.36,1) both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.home__hero{gap:1.25rem;padding:1.5rem 0 2rem;display:grid}.brand{flex-wrap:wrap;align-items:baseline;gap:.15rem .85rem;display:flex}.brand__he{letter-spacing:-.02em;color:var(--teal);margin:0;font-size:clamp(2.4rem,7vw,3.4rem);font-weight:700;line-height:1;animation:.9s cubic-bezier(.22,1,.36,1) both brand-settle}.brand__en{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(2.2rem,6vw,3rem);font-weight:800;line-height:1}@keyframes brand-settle{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.home__tagline{max-width:34rem;color:var(--ink-soft);margin:0;font-size:1.05rem;line-height:1.55}.home__cta{flex-wrap:wrap;gap:.75rem;display:flex}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.7rem;width:fit-content;display:inline-flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.toggle__track{border:1px solid var(--line);background:#12221f29;border-radius:999px;flex-shrink:0;width:2.6rem;height:1.45rem;transition:background .18s;position:relative}.toggle__track:after{content:"";background:#fff;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #12221f40}.toggle input:checked+.toggle__track{background:var(--teal-mid);border-color:#0000}.toggle input:checked+.toggle__track:after{transform:translate(1.1rem)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--mint);outline-offset:2px}.toggle__label{color:var(--ink-soft);flex-wrap:wrap;align-items:baseline;gap:.45rem;font-size:.95rem;font-weight:500;display:inline-flex}.toggle__sample{color:var(--teal);font-weight:600}.btn{border:0;border-radius:999px;padding:.85rem 1.35rem;font-weight:600;transition:transform .16s,background .16s,box-shadow .16s,opacity .16s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--teal);color:#f4fffc;box-shadow:0 12px 28px #0f3d3e47}.btn--primary:hover:not(:disabled){background:var(--teal-mid)}.btn--ghost{color:var(--teal);border:1px solid var(--line);background:0 0}.btn--ghost:hover:not(:disabled){background:#ffffff73}.btn--danger{color:var(--again);background:0 0;border:1px solid #b54a3c59}.btn--danger:hover:not(:disabled){background:#b54a3c1a}.btn--wide{justify-content:center;align-items:center;gap:.55rem;width:100%;display:inline-flex}.btn__kbd{letter-spacing:.02em;background:#f4fffc29;border:1px solid #f4fffc47;border-radius:6px;align-items:center;padding:.12rem .4rem;font-size:.72rem;font-weight:600;display:inline-flex}.text-btn{color:var(--ink-soft);background:0 0;border:0;padding:.35rem .2rem;font-weight:500}.text-btn:hover{color:var(--teal)}.text-btn:disabled{opacity:.35;cursor:not-allowed;color:var(--mute)}.text-btn.is-active{color:var(--teal);font-weight:600}.home__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:2rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:18px;justify-items:start;gap:.2rem;padding:1rem .85rem;transition:border-color .15s,background .15s,transform .15s;display:grid}.stat:hover:not(:disabled){border-color:var(--teal-mid);transform:translateY(-1px)}.stat:disabled{cursor:default;opacity:.7}.stat--active{border-color:var(--teal);background:#7fd1c22e}.stat--active .stat__label{color:var(--teal-mid)}.stat__value{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.65rem;font-weight:700}.stat__label{color:var(--mute);font-size:.85rem}.home__list-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.home__list-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.15rem}.home__list-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.search{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.search__field{flex:1;min-width:0;display:flex}.search__field input{border:1px solid var(--line);background:var(--surface-strong);width:100%;color:var(--ink);border-radius:14px;padding:.7rem .95rem}.search__field input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.home__empty{color:var(--mute);margin:0 0 .75rem;font-size:.92rem}.empty-deck{background:#0f3d3e08;border:1px dashed #0f3d3e38;border-radius:1rem;justify-items:start;gap:.6rem;padding:1.5rem;display:grid}.empty-deck__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.05rem}.empty-deck__body{max-width:42ch;color:var(--mute);margin:0;font-size:.92rem;line-height:1.5}.empty-deck .btn{margin-top:.35rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-status{text-align:center;color:var(--ink-soft);margin:4rem auto;font-size:1.05rem}.app-status--error{color:var(--again);margin:0 0 1rem}.login{max-width:28rem;animation:.52s cubic-bezier(.22,1,.36,1) both rise-in}.login__hero{margin-bottom:1.5rem}.login__tagline{color:var(--ink-soft);margin:1rem 0 0;font-size:1.05rem;line-height:1.55}.login__panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);gap:1rem;padding:1.35rem 1.4rem;display:grid}.login__field{color:var(--ink-soft);gap:.45rem;font-size:.92rem;font-weight:500;display:grid}.login__field input{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink);border-radius:14px;padding:.85rem 1rem}.login__field input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.login__error{color:var(--again);margin:0;font-size:.92rem}.login__sent{color:var(--ink-soft);margin:0;line-height:1.5}.login__panel code{color:var(--teal);font-size:.85em}.term-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.term-row{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.term-row__pair{gap:.15rem;min-width:0;display:grid}.term-row__en{font-weight:600}.term-row__he{color:var(--teal-mid);font-size:1.05rem}.term-row__meta{color:var(--mute);flex-shrink:0;align-items:center;gap:.45rem;font-size:.8rem;display:flex}.status{text-transform:capitalize;background:#12221f0f;border-radius:999px;padding:.2rem .5rem}.status--new{color:var(--teal);background:#7fd1c247}.status--learning{color:#7a5a18;background:#c4a35a40}.status--reviewing{color:var(--teal-mid);background:#1f6f6a24}.status--learned{color:var(--good);background:#2f7d5b29}.term-row__due{color:var(--coral);font-weight:600}.term-row__edit{padding:.2rem .35rem;font-size:.8rem}.home__footnote{color:var(--mute);margin:1.5rem 0 0;font-size:.88rem;line-height:1.45}.study{align-content:start;gap:1.25rem;min-height:calc(100vh - 5rem);display:grid}.study__top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.study__meta{align-items:center;gap:.55rem;display:flex}.study__controls{align-items:center;gap:.75rem;display:flex}.pill{color:var(--teal);background:#0f3d3e1a;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.study__count{color:var(--mute);font-size:.85rem}.study__progress{background:#12221f14;border-radius:999px;height:4px;overflow:hidden}.study__progress-fill{background:linear-gradient(90deg, var(--teal-mid), var(--mint));height:100%;transition:width .32s cubic-bezier(.22,1,.36,1)}.study__stage{perspective:1400px;place-items:center;min-height:340px;display:grid;position:relative}.flashcard{perspective:1400px;background:0 0;border:0;width:min(100%,520px);height:320px;padding:0;animation:.42s cubic-bezier(.22,1,.36,1) both card-enter}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.flashcard__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.22,1,.36,1);position:relative}.flashcard.is-flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{border-radius:var(--radius);box-shadow:var(--shadow);backface-visibility:hidden;background:linear-gradient(160deg,#ffffffeb,#e8f4f0e0);border:1px solid #ffffffb3;align-content:center;justify-items:center;gap:.75rem;padding:2rem 1.5rem;display:grid;position:absolute;inset:0}.flashcard__face--back{color:#f3fffb;background:linear-gradient(160deg,#0f3d3ef5,#1f6f6aeb);border-color:#0000;transform:rotateY(180deg)}.flashcard__lang{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:.78rem;font-weight:600}.flashcard__face--back .flashcard__lang{color:#f3fffba6}.flashcard__term{text-align:center;max-width:18ch;margin:0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;line-height:1.2}.flashcard__term.is-english{font-family:var(--font-display);letter-spacing:-.03em}.flashcard__term.is-hebrew{font-family:var(--font-body);font-weight:600}.flashcard__context,.flashcard__hint{color:var(--mute);margin:0;font-size:.9rem}.flashcard__hint{opacity:.75;position:absolute;bottom:1.15rem}.flashcard__prompt-echo{opacity:.7;margin:0;font-size:1rem}.study__learned-toast{background:var(--good);color:#fff;border-radius:999px;margin:0;padding:.55rem .9rem;font-size:.9rem;font-weight:600;animation:1.5s both toast-pop;position:absolute;bottom:-.25rem}@keyframes toast-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}15%,75%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)}}.study__footer{margin-top:auto;padding-top:.5rem}.rating-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.rating-btn{border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;justify-items:center;gap:.15rem;padding:.85rem .4rem;transition:transform .14s,background .14s,border-color .14s;display:grid;position:relative}.rating-btn:hover:not(:disabled){transform:translateY(-2px)}.rating-btn__key{top:.45rem;min-width:1.1rem;color:var(--mute);text-align:center;background:#12221f14;border-radius:5px;padding:.05rem .28rem;font-size:.7rem;font-weight:700;line-height:1.2;position:absolute;inset-inline-start:.55rem}.rating-btn__label{font-weight:700}.rating-btn__hint{color:var(--mute);font-size:.75rem}.study__shortcuts{text-align:center;color:var(--mute);margin:.65rem 0 0;font-size:.78rem}.rating-btn--again:hover:not(:disabled){color:var(--again);border-color:#b54a3c73}.rating-btn--good:hover:not(:disabled){color:var(--good);border-color:#2f7d5b73}.rating-btn--easy:hover:not(:disabled){color:var(--teal);background:#7fd1c22e;border-color:#0f3d3e80}.study--done{text-align:center;place-content:center;gap:.85rem;min-height:calc(100vh - 5rem)}.study__eyebrow{color:var(--mute);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.78rem;font-weight:600}.study__done-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,6vw,3rem)}.study__done-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.study__done-copy{max-width:28rem;color:var(--ink-soft);margin:0 auto .75rem;line-height:1.5}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12221f6b;place-items:center;padding:1rem;animation:.22s both rise-in;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--line);width:min(560px,100%);max-height:min(86vh,720px);box-shadow:var(--shadow);padding:1.35rem 1.4rem 1.5rem;overflow:auto}.modal__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.modal__head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.55rem}.modal__lead{color:var(--ink-soft);margin:0 0 1.1rem;font-size:.95rem;line-height:1.55}.edit-card__form{gap:.9rem;display:grid}.edit-card__field{color:var(--ink-soft);gap:.4rem;font-size:.9rem;font-weight:600;display:grid}.edit-card__field input,.edit-card__field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:.75rem .85rem;font-weight:400}.edit-card__field textarea{resize:vertical}.edit-card__field-action{justify-content:space-between;align-items:baseline;gap:.75rem;min-height:1.25rem;font-size:.82rem;font-weight:400;display:flex}.edit-card__field-error{color:var(--again);text-align:end}.edit-card__vowels-error{text-align:end;justify-items:end;gap:.2rem;display:grid}.edit-card__dicta-options{color:var(--ink-soft);flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.15rem 0;display:flex}.edit-card__dicta-option{align-items:baseline;display:inline-flex}.edit-card__field input:focus-visible,.edit-card__field textarea:focus-visible{outline:2px solid var(--mint);outline-offset:1px}.edit-card__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding-top:.25rem;display:flex}.edit-card__actions-end{gap:.65rem;margin-inline-start:auto;display:flex}.modal__lead code,.sync-actions__hint code{font-size:.84em}.sync-quota{border:1px solid var(--line);background:#0f3d3e0a;border-radius:12px;gap:.45rem;margin-bottom:1rem;padding:.75rem .85rem;display:grid}.sync-quota__head{justify-content:space-between;gap:.75rem;font-size:.88rem;display:flex}.sync-quota__head span,.sync-quota p{color:var(--mute);font-variant-numeric:tabular-nums}.sync-quota__bar{background:#12221f1a;border-radius:999px;height:6px;overflow:hidden}.sync-quota__bar span{background:linear-gradient(90deg, var(--teal-mid), var(--mint));border-radius:999px;height:100%;transition:width .16s linear;display:block}.sync-quota p{margin:0;font-size:.82rem;line-height:1.4}.sync-actions{gap:.55rem;margin-bottom:1rem;display:grid}.sync-actions__hint{color:var(--mute);margin:0 0 .55rem;font-size:.86rem;line-height:1.45}.file-picker{cursor:pointer;width:fit-content;display:inline-flex}.file-picker input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.modal__error{color:var(--again);margin:0 0 .85rem;line-height:1.45}.modal__status{color:var(--teal-mid);margin:0 0 .85rem;line-height:1.45}.sync-progress{border-top:1px solid var(--line);gap:.5rem;margin-bottom:1rem;padding-top:.75rem;display:grid}.sync-progress__head{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.95rem;display:flex}.sync-progress__percent{color:var(--mute);font-variant-numeric:tabular-nums}.sync-progress__bar{background:#12221f1a;border-radius:999px;height:6px;overflow:hidden}.sync-progress__bar span{background:linear-gradient(90deg, var(--teal-mid), var(--mint));border-radius:999px;height:100%;transition:width .16s linear;display:block}.sync-progress__counts{color:var(--mute);margin:0;font-size:.84rem;line-height:1.45}.progress-list{scrollbar-width:thin;gap:.3rem;max-height:15rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.progress-row{background:#0f3d3e0d;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.88rem;display:grid}.progress-row--pending{opacity:.55}.progress-row--resolving{background:#7fd1c247}.progress-row--failed{background:#b54a3c1f}.progress-row__source,.progress-row__target{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-row__target{color:var(--ink-soft)}.progress-row__chips{gap:.3rem;display:inline-flex}.progress-row__usage{color:var(--mute);font-variant-numeric:tabular-nums;font-size:.82rem}.chip{letter-spacing:.02em;white-space:nowrap;color:var(--ink-soft);background:#12221f14;border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:600}.chip--new{color:var(--good);background:#2f7d5b29}.chip--known,.chip--deck{color:#8a6d24;background:#c4a35a2e}.chip--translated{color:var(--teal-mid);background:#1f6f6a29}.chip--cache{color:var(--mute);background:#12221f14}.chip--resolving{color:var(--teal);background:#1f6f6a38}.chip--failed{color:var(--again);background:#b54a3c2e}.sync-preview{border-top:1px solid var(--line);gap:.85rem;padding-top:.35rem;display:grid}.sync-preview h3{margin:0;font-size:1rem}.sync-preview ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.sync-preview li{background:#0f3d3e0d;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:baseline;gap:.75rem;padding:.55rem .7rem;font-size:.92rem;display:grid}.sync-preview li span:last-child{color:var(--mute);font-variant-numeric:tabular-nums}@media (width<=720px){.app-main{width:min(100% - 1.25rem,920px);padding-top:1.25rem}.home__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.term-row{flex-direction:column;align-items:flex-start}.study__top{flex-wrap:wrap}.study__controls{flex-wrap:wrap;justify-content:flex-end;width:100%}.flashcard{height:300px}.rating-btn{padding-inline:.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}