:root{--bg:#f0f4f8;--bg-2:#fff;--surface:#fff;--surface-2:#e8eef5;--surface-raised:#fff;--border:#0f24381a;--border-strong:#0f243829;--text:#0f2438;--muted:#5a7189;--accent:#0f9f8f;--accent-strong:#0b7f72;--accent-soft:#0f9f8f1f;--accent-2:#1a8fd0;--accent-glow:#0f9f8f47;--success:#12a86b;--success-soft:#12a86b24;--danger:#e5486a;--danger-soft:#e5486a24;--warning:#e6a817;--star:#f0b429;--star-glow:#f0b42973;--shadow-sm:0 1px 2px #0f24380a, 0 4px 12px #0f24380f;--shadow-md:0 4px 8px #0f24380a, 0 12px 32px #0f24381a;--shadow-lg:0 8px 16px #0f24380f, 0 24px 48px #0f24381f;--radius:20px;--radius-sm:14px;--radius-xs:10px;--ease-out:cubic-bezier(.215, .61, .355, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--duration-fast:.12s;--duration:.22s;--duration-slow:.42s;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito,Outfit,system-ui,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:radial-gradient(ellipse 90% 55% at 12% -10%, #0f9f8f24, transparent 55%), radial-gradient(ellipse 70% 45% at 100% 0%, #1a8fd01a, transparent 50%), radial-gradient(ellipse 50% 40% at 70% 100%, #f0b4290f, transparent 55%), var(--bg);background-attachment:fixed;min-height:100dvh;margin:0}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);z-index:100;background:#f0f4f8d1;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:.75rem;display:flex}.topbar__brand strong{letter-spacing:-.02em;font-size:1.15rem;font-weight:800;display:block}.topbar__brand span{color:var(--muted);font-size:.8rem;font-weight:600}.topbar__logo{background:linear-gradient(145deg, var(--accent), var(--accent-2));color:#fff;width:42px;height:42px;box-shadow:0 6px 16px var(--accent-glow);border-radius:14px;place-items:center;font-size:1.15rem;display:grid}.topbar__nav{gap:.4rem;display:flex}.topbar__right{align-items:center;gap:1rem;display:flex}.topbar__auth{align-items:center;gap:.75rem;display:flex}.topbar__email{color:var(--muted);font-size:.85rem;font-weight:600}.topbar__nav a{color:var(--muted);transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);border-radius:999px;padding:.5rem 1rem;font-weight:700}.topbar__nav a:hover{color:var(--text);background:var(--surface-2);transition-duration:var(--duration-fast)}.topbar__nav a.active{color:var(--accent-strong);background:var(--accent-soft)}.topbar__nav a:active{transform:scale(.97)}.main{flex:1;width:min(1120px,100%);margin:0 auto;padding:2rem 1.5rem 4rem}.hero{padding:2.5rem 0 2rem;position:relative}.hero__glow{background:radial-gradient(circle, var(--accent-glow), transparent 70%);pointer-events:none;filter:blur(8px);height:180px;position:absolute;inset:-1rem 15% auto}.eyebrow{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}.hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:16ch;margin:.5rem 0 1rem;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;line-height:1.08}.hero__sub{color:var(--muted);text-wrap:pretty;max-width:48ch;font-size:1.1rem;font-weight:600}.hero__actions{flex-wrap:wrap;gap:.75rem;margin:2rem 0;display:flex}.hero__stats{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:480px;display:grid}.stat-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.1rem 1rem}.stat-card span{letter-spacing:-.03em;color:var(--accent-strong);font-size:1.9rem;font-weight:800;display:block}.stat-card small{color:var(--muted);font-weight:700}.btn{isolation:isolate;cursor:pointer;letter-spacing:-.01em;transition:transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out), filter var(--duration) var(--ease-out), background var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out), color var(--duration) var(--ease-out);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.8rem 1.4rem;font-weight:800;display:inline-flex;position:relative}.btn:active:not(:disabled):not(.btn--disabled){transition-duration:60ms;transform:scale(.97)}.btn--primary{background:linear-gradient(145deg, var(--accent) 0%, #14b8a6 45%, var(--accent-2) 130%);color:#fff;box-shadow:0 1px 0 #ffffff40 inset, 0 8px 22px var(--accent-glow)}.btn--primary:hover:not(:disabled):not(.btn--disabled){filter:brightness(1.06);box-shadow:0 1px 0 #ffffff4d inset, 0 12px 28px var(--accent-glow);transition-duration:var(--duration-fast);transform:translateY(-1px)}.btn--primary:active:not(:disabled):not(.btn--disabled){filter:brightness(.98);transform:translateY(0)scale(.97)}.btn--ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn--ghost:hover:not(:disabled):not(.btn--disabled){background:var(--surface-2);border-color:color-mix(in oklab, var(--accent) 35%, var(--border-strong));transition-duration:var(--duration-fast)}.btn--sm{padding:.5rem 1rem;font-size:.9rem}.btn--disabled,.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(.2);box-shadow:none}.btn--loading{pointer-events:none;color:#0000!important}.btn--loading:after{content:"";border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:1.15rem;height:1.15rem;animation:.7s linear infinite spin;position:absolute}.btn--ghost.btn--loading:after{border-color:#0f243826;border-top-color:var(--accent)}.page-header{margin-bottom:1.5rem}.page-header h2{letter-spacing:-.03em;margin:0 0 .25rem;font-size:1.9rem;font-weight:800}.page-header p{color:var(--muted);margin:0;font-weight:600}.filters{margin-top:1.25rem}.search-input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;max-width:400px;color:var(--text);box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);margin-bottom:.75rem;padding:.8rem 1.05rem;font-weight:600}.search-input:hover{border-color:color-mix(in oklab, var(--accent) 40%, var(--border-strong))}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);cursor:pointer;box-shadow:var(--shadow-sm);transition:color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);border-radius:999px;padding:.45rem .95rem;font-weight:700}.chip:hover{color:var(--text);border-color:var(--accent);transition-duration:var(--duration-fast)}.chip:active{transform:scale(.96)}.chip--active{color:var(--accent-strong);background:var(--accent-soft);box-shadow:none;border-color:#0000}.word-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.word-tile{text-align:left;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);padding:1.1rem;position:relative}.word-tile:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent) 45%, var(--border));box-shadow:var(--shadow-md);transition-duration:var(--duration-fast);transform:translateY(-2px)}.word-tile:active:not(:disabled){transform:translateY(0)scale(.985)}.word-tile--selected{border-color:var(--accent);background:linear-gradient(160deg, var(--accent-soft), var(--surface));box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sm)}.word-tile--used{opacity:.45;cursor:not-allowed;filter:grayscale(.15)}.word-tile__top{justify-content:space-between;margin-bottom:.5rem;display:flex}.badge{color:var(--accent-2);background:#1a8fd01f;border-radius:8px;padding:.2rem .55rem;font-size:.7rem;font-weight:800}.pos{color:var(--muted);font-size:.75rem;font-weight:700}.word-tile__pair{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.word-tile__pair strong{font-size:1.15rem;font-weight:800}.word-tile__pair em{color:var(--accent-strong);font-style:normal;font-weight:700}.arrow{color:var(--muted)}.word-tile__example{color:var(--muted);margin:0;font-size:.85rem;font-weight:600;line-height:1.45}.word-tile__tag{color:var(--muted);font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.word-tile__check{background:linear-gradient(145deg, var(--accent), var(--accent-2));color:#fff;width:26px;height:26px;box-shadow:0 4px 12px var(--accent-glow);border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:absolute;bottom:.75rem;right:.75rem}.selection-bar{border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);width:min(700px,100% - 2rem);box-shadow:var(--shadow-lg);z-index:50;background:#ffffffeb;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.selection-bar__chips{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.mini-chip{background:var(--surface-2);border-radius:8px;padding:.25rem .55rem;font-size:.75rem;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0f243873;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border-radius:calc(var(--radius) + 4px);background:var(--bg-2);border:1px solid var(--border);width:min(440px,100%);box-shadow:var(--shadow-lg);padding:1.6rem}.modal h3{letter-spacing:-.02em;margin:0 0 .5rem;font-weight:800}.modal p{color:var(--muted);margin:0 0 1rem;font-weight:600}.modal label{color:var(--muted);margin-bottom:1rem;font-size:.85rem;font-weight:700;display:block}.modal label input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);width:100%;color:var(--text);margin-top:.35rem;padding:.7rem .9rem;font-weight:600;display:block}.modal__words{border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:1rem;padding:.85rem;font-size:.9rem;font-weight:600}.modal__words div+div{margin-top:.35rem}.modal__actions{justify-content:flex-end;gap:.5rem;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.learn-card{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(165deg, var(--surface) 0%, color-mix(in oklab, var(--accent-soft) 40%, white) 100%);box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);padding:1.35rem}.learn-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.learn-card__head{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.learn-card__head h3{letter-spacing:-.02em;margin:0;font-weight:800}.learn-card__head small{color:var(--muted);font-weight:700}.learn-card__words{margin:0 0 1rem;padding:0;list-style:none}.learn-card__words li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.45rem 0;font-size:.9rem;font-weight:700;display:flex}.learn-card__words li span:last-child{color:var(--accent-strong)}.learn-card__footer{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.learn-card__actions{gap:.5rem;display:flex}.status{color:var(--muted);font-size:.8rem;font-weight:700}.status--ready{color:var(--success)}.stars{gap:.2rem;display:flex}.star{color:#0f24381f;transition:color var(--duration) var(--ease-out), transform var(--duration) var(--ease-spring)}.star--filled{color:var(--star);text-shadow:0 0 12px var(--star-glow)}.stars--lg .star{font-size:2rem}.stars--md .star{font-size:1.15rem}.stars--sm .star{font-size:.95rem}.play-page{animation:fade-rise var(--duration-slow) var(--ease-out)}.play-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.play-header h2{letter-spacing:-.03em;margin:0 0 .4rem;font-size:clamp(1.6rem,3vw,2rem);font-weight:800}.game-steps{flex-wrap:wrap;gap:.45rem;display:flex}.step{background:var(--surface);color:var(--muted);border:1.5px solid var(--border);transition:color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:800}.step--active{color:var(--accent-strong);background:var(--accent-soft);border-color:#0000;box-shadow:0 0 0 3px #0f9f8f14}.step--done{color:var(--success);background:var(--success-soft);border-color:#0000}.step--done:before{content:"✓ "}.game-area{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:linear-gradient(180deg, #fffffff2, #ffffffe0), var(--surface);box-shadow:var(--shadow-md);padding:1.75rem;position:relative;overflow:hidden}.game-area:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--star));opacity:.9;height:4px;position:absolute;inset:0 0 auto}.game{animation:fade-rise .35s var(--ease-out)}.game h3{letter-spacing:-.03em;margin:0 0 .3rem;font-size:1.55rem;font-weight:800}.game>p{color:var(--muted);margin:0 0 1.35rem;font-weight:600}.game-progress{color:var(--muted);gap:.55rem;margin-top:1.25rem;font-size:.9rem;font-weight:700;display:grid}.progress-track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;box-shadow:0 0 12px var(--accent-glow);transition:width .45s var(--ease-out);min-width:0}.progress-fill--complete{background:linear-gradient(90deg, var(--success), #34d399);box-shadow:0 0 14px #12a86b59}.progress-label{font-variant-numeric:tabular-nums;justify-content:space-between;gap:.75rem;display:flex}.pair-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:560px;margin:0 auto;display:grid}.pair-grid--12{grid-template-rows:repeat(4,minmax(76px,auto))}.pair-grid--memory{grid-template-rows:repeat(4,minmax(92px,auto))}.pair-grid--shake{animation:shake .5s var(--ease-out)}.pair-grid--loading{pointer-events:none;opacity:.72}.pair-tile,.memory-tile{border-radius:var(--radius-sm);border:2px solid var(--border-strong);background:var(--surface);min-height:76px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out), color var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out);word-break:break-word;padding:.7rem .55rem;font-size:.95rem;font-weight:800;line-height:1.25}.pair-tile:hover:not(:disabled),.memory-tile:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-md);transition-duration:var(--duration-fast);transform:translateY(-2px)}.pair-tile:active:not(:disabled),.memory-tile:active:not(:disabled){transition-duration:60ms;transform:translateY(0)scale(.96)}.pair-tile:disabled,.memory-tile:disabled{cursor:default}.pair-tile--selected{border-color:var(--accent);background:linear-gradient(160deg, var(--accent-soft), white);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sm);color:var(--accent-strong)}.pair-tile--matched,.memory-tile--matched{border-color:var(--success);background:var(--success-soft);color:var(--success);cursor:default;animation:pop-success .28s var(--ease-out)}.pair-tile--wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--danger);animation:shake .4s var(--ease-out)}.memory-tile{perspective:800px;min-height:92px;box-shadow:none;background:0 0;border-color:#0000;padding:0;position:relative;overflow:hidden}.memory-tile__face{backface-visibility:hidden;width:100%;height:100%;min-height:92px;transition:transform .45s var(--ease-out);word-break:break-word;text-align:center;border-radius:var(--radius-sm);border:2px solid var(--border-strong);box-shadow:var(--shadow-sm);place-items:center;padding:.55rem;font-size:.92rem;font-weight:800;display:grid;position:absolute;inset:0}.memory-tile__face--back{color:#ffffffeb;background:linear-gradient(145deg,#12b3a2,#1a8fd0 90%);border-color:#0000;font-size:1.7rem;font-weight:800;transform:rotateY(0);box-shadow:0 8px 20px #1a8fd047}.memory-tile__face--front{background:var(--surface);color:var(--text);transform:rotateY(180deg)}.memory-tile--flipped .memory-tile__face--back{transform:rotateY(180deg)}.memory-tile--flipped .memory-tile__face--front{transform:rotateY(0)}.memory-tile--open .memory-tile__face--front{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sm)}.memory-tile--matched .memory-tile__face--front{background:var(--success-soft);color:var(--success);border-color:var(--success)}.memory-tile--matched .memory-tile__face--back{opacity:0}.memory-tile:hover:not(:disabled) .memory-tile__face--back{filter:brightness(1.05)}.quiz-card{border-radius:var(--radius);background:linear-gradient(165deg, var(--surface-2), white);border:1px solid var(--border);box-shadow:var(--shadow-sm);max-width:520px;padding:1.6rem}.quiz-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.quiz-prompt{color:var(--accent-strong);letter-spacing:-.03em;margin:.45rem 0 1.25rem;font-size:clamp(1.6rem,4vw,2rem);font-weight:800;display:block}.quiz-options{gap:.55rem;display:grid}.quiz-opt{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);padding:.9rem 1.05rem;font-weight:700}.quiz-opt:hover:not(:disabled){border-color:var(--accent);transition-duration:var(--duration-fast);transform:translateY(-1px)}.quiz-opt:active:not(:disabled){transform:scale(.98)}.quiz-opt--correct{border-color:var(--success);background:var(--success-soft);color:var(--success);animation:pop-success .5s var(--ease-spring)}.quiz-opt--wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--danger);animation:shake .35s var(--ease-out)}.fill-sentence{letter-spacing:-.01em;margin:0 0 1.1rem;font-size:1.2rem;font-weight:700;line-height:1.65}.fill-input{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out), background var(--duration) var(--ease-out);margin-bottom:.85rem;padding:.85rem 1.05rem;font-size:1.05rem;font-weight:700}.fill-input:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent) 40%, var(--border-strong))}.fill-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.fill-input:disabled{opacity:.65;cursor:not-allowed}.fill-input--ok{border-color:var(--success);background:var(--success-soft);box-shadow:0 0 0 4px var(--success-soft);animation:pop-success .28s var(--ease-out)}.letter-hint{color:var(--muted);margin:0 0 .85rem;font-size:.95rem;font-weight:700}.letter-hint__chars{letter-spacing:.12em;color:var(--accent-strong);margin-left:.35rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.15rem;font-weight:800;display:inline-block}.slot-board{gap:.55rem;max-width:560px;margin:0 auto 1.25rem;display:grid}.slot-row{border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);grid-template-columns:2rem minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:.55rem;padding:.35rem;display:grid}.slot-row--focus{background:var(--accent-soft)}.slot-row--done .slot-row__blank{border-color:var(--success);background:var(--success-soft);color:var(--success)}.slot-row--wrong .slot-row__blank,.slot-row__blank--wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--danger);animation:shake .35s var(--ease-out)}.slot-row__index{background:var(--surface-2);width:1.75rem;height:1.75rem;color:var(--muted);border-radius:999px;place-items:center;font-size:.8rem;font-weight:800;display:grid}.slot-row--focus .slot-row__index{background:var(--accent);color:#fff}.slot-row__word{border-radius:var(--radius-sm);background:linear-gradient(160deg, var(--surface-2), white);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);padding:.7rem .85rem;font-size:.95rem;font-weight:800}.slot-row__blank{border-radius:var(--radius-sm);border:2px dashed var(--border-strong);min-height:3rem;color:var(--muted);text-align:center;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:#ffffff8c;place-items:center;padding:.7rem .85rem;font-size:.95rem;font-weight:800;display:grid}.slot-row__blank--focus{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--accent-strong)}.slot-row__blank--filled{border-style:solid;border-color:var(--border-strong);background:var(--surface);color:var(--text)}.meaning-pool{border-radius:var(--radius);background:linear-gradient(165deg, var(--surface-2), white);border:1px solid var(--border);max-width:560px;box-shadow:var(--shadow-sm);margin:0 auto;padding:1rem}.meaning-pool__label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .65rem;font-size:.75rem;font-weight:800}.meaning-pool__grid{flex-wrap:wrap;gap:.5rem;display:flex}.meaning-chip{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:999px;padding:.7rem 1rem;font-weight:800}.meaning-chip:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.meaning-chip:active:not(:disabled){transform:scale(.97)}.meaning-chip:disabled{opacity:.45;cursor:not-allowed}.meaning-pool__empty{color:var(--muted);font-size:.9rem;font-weight:700}.game--shake{animation:shake .4s var(--ease-out)}@media (width<=640px){.slot-row{grid-template-columns:1.5rem minmax(0,1fr) minmax(0,1fr);gap:.4rem}.slot-row__word,.slot-row__blank,.meaning-chip{padding:.55rem .65rem;font-size:.85rem}.slot-row__blank{min-height:2.6rem}}.fill-input--bad{border-color:var(--danger);background:var(--danger-soft);box-shadow:0 0 0 4px var(--danger-soft);animation:shake .35s var(--ease-out)}.feedback-pill{animation:fade-rise .25s var(--ease-out);border-radius:999px;align-items:center;gap:.35rem;margin:0 0 .85rem;padding:.4rem .75rem;font-size:.85rem;font-weight:800;display:inline-flex}.feedback-pill--ok{background:var(--success-soft);color:var(--success)}.feedback-pill--bad{background:var(--danger-soft);color:var(--danger)}.quiz-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.result-screen{min-height:50vh;animation:fade-rise .5s var(--ease-out);place-items:center;display:grid}.result-card{text-align:center;border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:linear-gradient(165deg, white, color-mix(in oklab, var(--accent-soft) 50%, white));width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:2.75rem 2rem;position:relative;overflow:hidden}.result-card--celebrate:before,.result-card--celebrate:after{content:"";pointer-events:none;height:60%;animation:confetti-drift 1.8s var(--ease-out) both;background:radial-gradient(circle at 20% 40%,#f0b42959 0 3px,#0000 4px),radial-gradient(circle at 70% 30%,#0f9f8f59 0 2.5px,#0000 3.5px),radial-gradient(circle at 40% 70%,#1a8fd04d 0 2px,#0000 3px),radial-gradient(circle at 85% 60%,#e5486a47 0 2.5px,#0000 3.5px);position:absolute;inset:-20% -10% auto}.result-card--celebrate:after{height:50%;animation-delay:.15s;inset:auto -10% -15%}.result-emoji{background:var(--accent-soft);width:4.5rem;height:4.5rem;animation:pop-success .7s var(--ease-spring);border-radius:1.4rem;place-items:center;margin:0 auto .75rem;font-size:3.2rem;display:grid}.result-card--celebrate .result-emoji{background:linear-gradient(145deg, #f0b42933, var(--accent-soft))}.result-card h2{letter-spacing:-.03em;margin:0 0 .5rem;font-size:1.85rem;font-weight:800}.result-card p{color:var(--muted);text-wrap:pretty;margin:0 0 1.5rem;font-weight:600}.result-card .stars{justify-content:center;margin-bottom:1.5rem}.result-card .stars--lg .star--filled{animation:star-burst .7s var(--ease-spring) both}.result-card .stars--lg .star--filled:nth-child(2){animation-delay:80ms}.result-card .stars--lg .star--filled:nth-child(3){animation-delay:.16s}.result-card .stars--lg .star--filled:nth-child(4){animation-delay:.24s}.empty-state,.loading{text-align:center;color:var(--muted);padding:4rem 1rem;font-weight:600}.empty-state h2{color:var(--text);font-weight:800}.empty-state .btn{margin-top:1rem}.loading:after{content:"";border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:2rem;height:2rem;margin:1rem auto 0;animation:.75s linear infinite spin;display:block}.login-page{place-items:center;min-height:60vh;display:grid}.login-card{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow-md);padding:2rem}.login-card h2{letter-spacing:-.02em;margin:0 0 .35rem;font-weight:800}.login-card .muted{color:var(--muted);margin:0 0 1.25rem;font-weight:600}.login-form label{color:var(--muted);margin-bottom:.85rem;font-size:.85rem;font-weight:700;display:block}.login-form input{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--surface-2);width:100%;color:var(--text);margin-top:.35rem;padding:.75rem .9rem;font-weight:600;display:block}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.segmented{gap:.5rem;margin-bottom:1.25rem;display:flex}.segmented__btn{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--muted);cursor:pointer;transition:color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), background var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);border-radius:999px;flex:1;padding:.75rem .9rem;font-weight:800}.segmented__btn:hover{color:var(--text);transition-duration:var(--duration-fast)}.segmented__btn:active{transform:scale(.97)}.segmented__btn--active{background:var(--accent-soft);color:var(--accent-strong);border-color:#0000}.alert{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);margin:.75rem 0 1rem;padding:.75rem .9rem;font-weight:600}.alert--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.alert--ok{background:var(--success-soft);color:var(--success);border-color:#0000}.login-foot{color:var(--muted);margin-top:1rem;font-weight:600}.login-foot a{color:var(--accent-strong);font-weight:800;text-decoration:none}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pop-success{0%{transform:scale(.92)}45%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fade-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes star-burst{0%{opacity:.4;transform:scale(.4)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes confetti-drift{0%{opacity:0;transform:translateY(-12px)}30%{opacity:1}to{opacity:.35;transform:translateY(8px)}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}.hero__stats{grid-template-columns:1fr}.selection-bar{flex-direction:column;align-items:stretch}.pair-grid{gap:.55rem;max-width:100%}.pair-tile,.memory-tile,.memory-tile__face{min-height:68px;font-size:.85rem}.game-area{padding:1.15rem}.play-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pair-grid--shake,.pair-tile--wrong,.fill-input--bad,.quiz-opt--wrong{animation:none!important}}