:root{color:#172126;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef1ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{isolation:isolate;padding:calc(52px + env(safe-area-inset-top)) clamp(18px, 4vw, 56px) 28px;background:#eef1ff;position:relative}.ambient{z-index:-1;filter:blur(18px);opacity:.26;border-radius:999px;width:32rem;height:32rem;animation:14s ease-in-out infinite alternate drift;position:fixed}.ambient-one{background:#586dff;bottom:2rem;left:-16rem}.ambient-two{background:#9b5cff;animation-delay:-5s;bottom:-10rem;right:-18rem}.app-logo{background:#fff;border:1px solid #3b4cd924;border-radius:12px;align-items:center;padding:10px 14px;display:flex;box-shadow:0 8px 24px #36407814}.eyebrow{color:#3b4cd9;letter-spacing:.04em;text-shadow:0 1px #fff9;margin:0;font-size:.78rem;font-weight:900}@media (width>=760px){.app-logo{padding:12px 18px}.eyebrow{font-size:.95rem}}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(1.45rem,2.7vw,2.45rem);line-height:.95}.account{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94;border:1px solid #1721261f;border-radius:8px;align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex;box-shadow:0 18px 60px #3640781f}.account div{text-align:right;gap:2px;display:grid}.account span{color:#65709a;font-size:.76rem}.account strong{font-size:.86rem}.icon-button,.speak-button{color:#273377;cursor:pointer;background:#dde4ff;border:0;border-radius:999px;place-items:center;width:42px;height:42px;transition:transform .18s,background .18s;display:inline-grid}.icon-button:hover,.speak-button:hover{background:#ccd7ff;transform:translateY(-1px)}.signin-panel,.panel,.dashboard,.mode-tabs,.study-area{max-width:1040px;margin-left:auto;margin-right:auto}.signin-panel{background-color:#0000;background-image:linear-gradient(135deg,#ffffffc2,#ffffff6b),url("data:image/svg+xml,%3Csvg width='840' height='520' viewBox='0 0 840 520' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23172126' stroke-opacity='.08' stroke-width='2'%3E%3Cpath d='M64 382c112-96 214-97 306-2s204 100 336 13'/%3E%3Cpath d='M112 144c116 74 226 76 330 6s192-69 264 5'/%3E%3C/g%3E%3Ccircle cx='666' cy='124' r='74' fill='%23825cff' fill-opacity='.2'/%3E%3Ccircle cx='192' cy='344' r='96' fill='%235d9bff' fill-opacity='.18'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #1721261f;border-radius:8px;grid-template-columns:1fr auto;align-items:end;gap:28px;min-height:58vh;padding:clamp(28px,7vw,70px);display:grid;box-shadow:0 28px 90px #36407829}.signin-copy{max-width:620px}.signin-copy h2{letter-spacing:0;margin-bottom:18px;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.94}.signin-copy p:last-child{color:#535f89;max-width:520px;margin-bottom:0;font-size:1.08rem;line-height:1.6}.primary-action{color:#fff;cursor:pointer;background:#2e3fba;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 14px 34px #2e3fba38}.primary-action:hover{transform:translateY(-2px);box-shadow:0 18px 42px #2e3fba47}.auth-error{color:#7d2424;background:#ffececb8;border:1px solid #b23a3a33;border-radius:8px;grid-column:1/-1;margin:0;padding:12px 14px;font-size:.94rem;line-height:1.45}.topbar{justify-content:space-between;align-items:center;gap:12px;max-width:1040px;margin:0 auto 12px;display:flex}.stats-box{background:#fff;border:1px solid #3b4cd924;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:3px 8px 3px 3px;display:flex;box-shadow:0 8px 24px #36407814}.compact-stats{text-align:center;flex-direction:column;align-items:center;padding-right:8px;display:flex}.stats-labels{color:#65709a;text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px;font-size:.52rem;font-weight:750}.stats-values{color:#273377;align-items:center;gap:6px;display:flex}.stats-values strong{font-size:.78rem;font-weight:850}.stats-values span{opacity:.3;font-size:.8rem;font-weight:400}@media (width>=760px){.stats-labels{font-size:.6rem}.stats-values strong{font-size:.95rem}}.mode-tabs,.format-tabs{background:#fff;border:1px solid #3b4cd924;border-radius:12px;gap:2px;padding:3px;display:grid}.navigation-group{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.mode-tabs{grid-template-columns:repeat(5,1fr);width:100%}.format-tabs{grid-template-columns:repeat(2,1fr);width:100%}@media (width>=600px){.format-tabs{width:320px;margin:0 auto}}.mode-tabs button,.format-tabs button{color:#535f89;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:5px 2px;transition:all .12s;display:flex}@media (width<=600px){.mode-tabs button span,.format-tabs button span{display:none}}.mode-tabs button.active,.format-tabs button.active{color:#3b4cd9;background:#fff;box-shadow:0 10px 26px #36407847}.mode-tabs button.disabled,.format-tabs button.disabled{opacity:.35;cursor:not-allowed;filter:grayscale()}.score-bar{color:#2e3fba;background:#2e3fba0d;border-radius:20px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.82rem;display:flex}.score-bar strong{font-weight:800}.study-area{gap:16px;display:grid}.flashcard{color:inherit;text-align:left;cursor:pointer;transform-style:preserve-3d;view-transition-name:card;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #3b4cd924;border-radius:12px;outline:none;gap:22px;padding:clamp(22px,5vw,44px);transition:transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #36407814}.flashcard:hover{box-shadow:0 12px 32px #36407821}.flashcard.revealed{background:#fff}.word-image{object-fit:cover;border-radius:8px;width:min(100%,520px);max-height:210px;box-shadow:0 18px 42px #36407824}.image-mode-image{object-fit:contain;border-radius:8px;width:min(100%,720px);max-height:min(44vh,420px);margin:0 auto;display:block}.prompt{letter-spacing:0;overflow-wrap:anywhere;align-items:center;max-width:880px;min-height:150px;font-size:clamp(1.35rem,3.5vw,2.75rem);font-weight:400;line-height:1.65;display:flex}.mode-translation .prompt,.mode-word .prompt{text-align:center;justify-content:center}.prompt-text-wrapper{width:100%}.mask-pill{vertical-align:middle;color:#0000;background:#2e3fba14;border:2px dashed #3b4cd9;border-radius:6px;height:1em;margin:0 .1em;padding:0 2px;display:inline-block;transform:translateY(-.05em);box-shadow:inset 0 1px 2px #0000000d}.highlight{color:#2e3fba;background:linear-gradient(#0000 70%,#5d9bff3d 0);border-radius:4px;padding:0 4px}.answer{align-self:end;min-height:68px}.answer.image-answer-hidden{min-height:0}.answer-word{border-top:1px solid #1721261f;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;animation:.24s both revealUp;display:flex}.answer-word span{text-align:left;overflow-wrap:anywhere;flex:1;font-size:clamp(1.08rem,2.25vw,1.75rem);font-weight:400;line-height:1.65}.tap-hint{color:#535f899e;align-items:center;gap:8px;font-size:.78rem;font-weight:650;display:inline-flex}.example-box{background:#2e3fba0a;border-left:3px solid #2e3fba33;border-radius:8px;margin-top:14px;padding:12px 16px;animation:.3s .1s both revealUp}.example-box p{color:#4a5585;margin:0;font-size:1rem;font-style:italic;line-height:1.5}.challenge-options{grid-template-columns:repeat(1,1fr);gap:10px;width:100%;margin-top:10px;display:grid}@media (width>=600px){.challenge-options{grid-template-columns:repeat(2,1fr)}}.option-btn{color:#273377;text-align:center;cursor:pointer;background:#fff;border:2px solid #3b4cd91a;border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:600;transition:all .15s}.option-btn:hover:not(:disabled){background:#f0f4ff;border-color:#3b4cd9;transform:translateY(-1px)}.option-btn.correct{color:#065f46;background:#ecfdf5;border-color:#10b981;box-shadow:0 0 12px #10b98133}.option-btn.incorrect{color:#991b1b;background:#fef2f2;border-color:#ef4444;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.good-btn{color:#fff!important;background:#10b981!important}.easy-btn{color:#fff!important;background:#06b6d4!important}.again-btn{color:#fff!important;background:#ef4444!important}.quiz-actions .again-btn{grid-column:span 3}.quiz-actions .good-btn{grid-column:span 2}.quiz-actions .easy-btn{grid-column:span 1}.session-progress{align-items:center;gap:10px;max-width:1040px;margin:24px auto 0;display:flex}.session-progress-bar{background:#3b4cd92e;border-radius:999px;flex:1;height:6px;overflow:hidden}.session-progress-fill{background:#3b4cd9;border-radius:999px;height:100%;transition:width .3s}.session-progress-label{color:#3b4cd9;white-space:nowrap;text-align:right;min-width:3.5em;font-size:.78rem;font-weight:600}.sticky-actions{z-index:100;padding:24px clamp(18px, 4vw, 56px) calc(24px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #3b4cd91a;transition:transform .2s,opacity .2s;position:fixed;bottom:0;left:0;right:0}.sticky-actions.actions-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.sticky-actions .review-actions{max-width:1040px;margin:0 auto}.review-actions{grid-template-columns:repeat(3,1fr);gap:10px;transition:opacity .18s;display:grid}.review-actions.hidden{visibility:hidden;pointer-events:none}.review-actions.disabled{opacity:.48}.review-actions button{color:#273377;cursor:pointer;background:#fff;border:1px solid #3b4cd924;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;transition:transform .18s,background .18s;display:flex}.review-actions button:not(:disabled):hover{background:#fff;transform:translateY(-2px)}.review-actions button:disabled{cursor:not-allowed}.panel{background:#fff;border:1px solid #3b4cd924;border-radius:12px;min-height:45vh;padding:44px;box-shadow:0 8px 24px #36407814}.centered{margin-top:18px}.centered,.empty-state{text-align:center;place-items:center;display:grid}.empty-state{align-content:center;gap:12px;margin-top:18px}.empty-state h2{margin-bottom:0}.empty-state p{color:#535f89;max-width:420px;margin-bottom:0;line-height:1.55}.reset-deck-btn{color:#fff;cursor:pointer;background:#3b4cd9;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:background .15s;display:inline-flex}.reset-deck-btn:hover{background:#2d3cb0}.loader{border:4px solid #2e3fba24;border-top-color:#2e3fba;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}}::view-transition-old(card){animation-duration:.35s}::view-transition-new(card){animation-duration:.35s}@keyframes revealUp{0%{opacity:0;transform:translateY(8px)}}@keyframes drift{to{transform:translate(36px,-24px)scale(1.06)}}@media (width<=760px){.app-shell{padding:calc(52px + env(safe-area-inset-top)) 14px 28px}.topbar,.signin-panel{grid-template-columns:1fr}.topbar{align-items:stretch}h1{font-size:clamp(1.3rem,6.4vw,1.75rem)}.account{justify-content:space-between;width:calc(100% - 2px);padding:7px 8px 7px 12px}.account div{text-align:left;min-width:0}.account strong,.account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account strong{font-size:.8rem}.account span{font-size:.7rem}.signin-panel{align-items:start;min-height:68vh}.dashboard{grid-template-columns:1fr 1fr 1fr;gap:8px}.stat{padding:10px}.stat span{margin-bottom:2px;font-size:.58rem}.stat strong{font-size:.85rem}.mode-tabs button{font-size:.84rem}.flashcard{gap:16px;padding:20px}.prompt{min-height:112px;font-size:clamp(1.15rem,6vw,1.85rem);line-height:1.15}.tap-hint{font-size:.7rem}.answer-word span{font-size:clamp(1.08rem,6vw,1.55rem);line-height:1.65}.review-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.review-actions button{gap:6px;min-height:48px;font-size:.86rem}}@media (width<=390px){.mode-tabs button{gap:5px;font-size:.72rem}.review-actions:not(.quiz-actions) button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.review-actions button{min-height:46px}}@media (prefers-color-scheme:dark){:root{color:#dde3f5;background:#0f1117}.app-shell{background:#0f1117}.ambient-one{opacity:.3;background:#4050cc}.ambient-two{opacity:.3;background:#6a3dcc}.app-logo{background:#2a3050;border-color:#6478ff2e;box-shadow:0 8px 24px #00000047}.eyebrow{color:#7a8fff;text-shadow:none}.account{background:#2a3050e0;border-color:#c8d2ff1a;box-shadow:0 18px 60px #0000005c}.account span{color:#7885ad}.icon-button,.speak-button{color:#9aa8e0;background:#5a6bf02e}.icon-button:hover,.speak-button:hover{background:#5a6bf047}.signin-panel{background-color:#0000;background-image:linear-gradient(135deg,#141932eb,#0c1026c7),url("data:image/svg+xml,%3Csvg width='840' height='520' viewBox='0 0 840 520' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%238899ff' stroke-opacity='.12' stroke-width='2'%3E%3Cpath d='M64 382c112-96 214-97 306-2s204 100 336 13'/%3E%3Cpath d='M112 144c116 74 226 76 330 6s192-69 264 5'/%3E%3C/g%3E%3Ccircle cx='666' cy='124' r='74' fill='%23825cff' fill-opacity='.18'/%3E%3Ccircle cx='192' cy='344' r='96' fill='%235d9bff' fill-opacity='.14'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-color:#6478ff2e;box-shadow:0 28px 90px #0000007a}.signin-copy p:last-child{color:#6a7699}.auth-error{color:#f08080;background:#5014148c;border-color:#b23a3a4d}.stats-box{background:#2a3050;border-color:#6478ff2e;box-shadow:0 8px 24px #00000047}.stats-labels{color:#7885ad}.stats-values{color:#9aa8e0}.mode-tabs,.format-tabs{background:#2a3050;border-color:#6478ff2e}.mode-tabs button,.format-tabs button{color:#6a7699}.mode-tabs button.active,.format-tabs button.active{color:#aeb9ff;background:#343c5e;box-shadow:0 10px 26px #00000073}.score-bar{color:#7a8fff;background:#5a6bf01a}.flashcard{color:#dde3f5;background:#2a3050;border-color:#6478ff2e;box-shadow:0 8px 24px #00000047}.flashcard:hover{box-shadow:0 12px 32px #0000005c}.flashcard.revealed{background:#2a3050}.mask-pill{background:#5a6bf026;border-color:#5a6bf0}.highlight{color:#7a8fff;background:linear-gradient(#0000 70%,#5a6bf033 0)}.answer-word{border-top-color:#c8d2ff1f}.tap-hint{color:#9daadc80}.example-box{background:#5a6bf014;border-left-color:#5a6bf047}.example-box p{color:#8a96c0}.option-btn{color:#9aa8e0;background:#2a3050;border-color:#6478ff2e}.option-btn:hover:not(:disabled){background:#343c5e;border-color:#5a6bf0}.option-btn.correct{color:#6ee7b7;background:#054e3759;border-color:#10b981;box-shadow:0 0 12px #10b98126}.option-btn.incorrect{color:#fca5a5;background:#7f141459;border-color:#ef4444}.sticky-actions{background:#202840;border-top-color:#6478ff1f}.session-progress-bar{background:#6478ff38}.session-progress-fill{background:#5a6bf0}.session-progress-label{color:#5a6bf0}.review-actions button{color:#9aa8e0;background:#2a3050;border-color:#6478ff2e}.panel{background:#2a3050;border-color:#6478ff2e;box-shadow:0 8px 24px #00000047}.empty-state p{color:#6a7699}.reset-deck-btn{background:#5a6bf0}.reset-deck-btn:hover{background:#4a5ce0}.loader{border-color:#5a6bf0 #5a6bf02e #5a6bf02e}.good-btn{background:#34d399!important}.easy-btn{background:#22d3ee!important}.again-btn{background:#f87171!important}}