:root{--text:#000;--background:#fff;--background-element:#f0f0f3;--background-selected:#e0e1e6;--text-secondary:#60646c;--primary:#208aef;--on-primary:#fff;--success:#1e8e3e;--danger:#d93025;--border:#d9d9e0;--link:#3c87f7;--bg-image-opacity:.22;--header-bg:#ffffffd9;--font:"Spline Sans", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--space-half:2px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:64px;--content-width:800px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#fff;--background:#000;--background-element:#212225;--background-selected:#2e3135;--text-secondary:#b0b4ba;--primary:#4ba3f5;--on-primary:#000;--success:#5bb974;--danger:#f28b82;--border:#3a3d42;--bg-image-opacity:.6;--header-bg:#000000bf}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:500;line-height:24px}button,input,textarea{font:inherit;color:inherit}img{display:block}.small{font-size:14px;font-weight:500;line-height:20px}.small-bold{font-size:14px;font-weight:700;line-height:20px}.subtitle{font-size:32px;font-weight:600;line-height:44px}.muted{color:var(--text-secondary)}.danger{color:var(--danger)}.success{color:var(--success)}.primary{color:var(--primary)}.center{text-align:center}p{margin:0}.screen{background:var(--background);flex-direction:column;min-height:100dvh;display:flex;position:relative}.screen-bg{opacity:var(--bg-image-opacity);pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:0}.header{z-index:10;align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-3);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.header h1{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:20px;font-weight:700;line-height:28px;overflow:hidden}.icon-button{padding:var(--space-1) var(--space-2);cursor:pointer;border-radius:var(--space-2);background:0 0;border:none;font-size:22px;line-height:28px}.icon-button:hover{background:var(--background-element)}.header-icons{gap:var(--space-2);display:flex}.content{width:100%;max-width:var(--content-width);padding:var(--space-3);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex;position:relative}.content.wide{max-width:1200px}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.row{align-items:center;gap:var(--space-2);flex-direction:row;display:flex}.row.between{justify-content:space-between}.row.centered{justify-content:center}.flex-1{flex:1}.stack{gap:var(--space-2);flex-direction:column;display:flex}.card{background:var(--background-element);border-radius:var(--space-3);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.card.large{border-radius:var(--space-4);padding:var(--space-4)}.card.dimmed{opacity:.6}.card.inner{background:var(--background);margin-top:var(--space-2);gap:var(--space-1)}.button{border-radius:var(--space-3);min-height:48px;padding:0 var(--space-4);cursor:pointer;border:1.5px solid #fff;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:20px;transition:opacity .15s;display:flex}.button:hover:not(:disabled){opacity:.85}.button:disabled{opacity:.5;cursor:default}.button.primary{background:var(--primary);color:var(--on-primary)}.button.secondary{background:var(--background-element);color:var(--text)}.button.danger{background:var(--danger);color:var(--on-primary)}.button.white{color:#1f1f1f;background:#fff;border:1px solid #dadce0}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--link);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:30px;text-decoration:none}.link:hover{text-decoration:underline}.image-button{align-items:center;gap:var(--space-1);cursor:pointer;color:var(--text);background:0 0;border:none;flex-direction:column;flex:1;padding:0;transition:transform .1s;display:flex}.image-button:active:not(:disabled){transform:scale(.92)}.image-button:hover:not(:disabled) img{filter:brightness(1.08)}.image-button:disabled{opacity:.4;cursor:default}.input{border:1px solid var(--border);border-radius:var(--space-3);width:100%;min-height:48px;padding:var(--space-2) var(--space-3);background:var(--background-element);color:var(--text);outline:none;font-size:16px}.input:focus{border-color:var(--primary)}.input.no-border{border-color:#0000}textarea.input{resize:vertical;min-height:96px}.input.big{min-height:52px;font-size:18px}.chips-label{text-align:center;font-size:18px;font-weight:700;line-height:26px}.chips{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{padding:var(--space-2) var(--space-3);border-radius:var(--space-4);background:var(--background-element);color:var(--text);cursor:pointer;border:1.5px solid #fff;font-size:14px;line-height:20px}.chip.selected{background:var(--primary);color:var(--on-primary)}.option{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--space-3);background:var(--background-element);color:var(--text);text-align:left;cursor:pointer;border:2px solid #0000;width:100%;display:flex}.option.selected{border-color:var(--primary)}.option-flag{text-align:center;min-width:32px;font-size:24px;line-height:32px}.section-title{margin:0 0 var(--space-1);text-align:center;color:#8ccbff;letter-spacing:.5px;text-shadow:0 0 8px #4ba3f599;font-size:26px;font-weight:700;line-height:34px}.word-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}@media (width<=720px){.word-grid{grid-template-columns:1fr}}.word-card{align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;color:var(--text);border:2px solid #0000;flex-direction:row;width:100%;position:relative}.word-card:hover{border-color:var(--primary)}.word-card .word{overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:28px}.word-card.checked{border-color:var(--primary)}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.delete-word{top:var(--space-1);right:var(--space-1);opacity:0;font-size:16px;transition:opacity .15s;position:absolute}.word-card:hover .delete-word,.word-card:focus-within .delete-word{opacity:1}@media (hover:none){.delete-word{opacity:.7}}.section-header{margin-top:var(--space-3);text-transform:capitalize}.mastery{align-items:center;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.prompt{overflow-wrap:anywhere;font-size:32px;font-weight:600;line-height:40px}.sentence{font-size:22px;font-weight:500;line-height:30px}.start-button{cursor:pointer;background:0 0;border:none;align-self:center;padding:0;transition:transform .1s}.start-button:active:not(:disabled){transform:scale(.92)}.start-button:disabled{opacity:.4;cursor:default}.mic-button{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;transition:transform .1s}.mic-button:active:not(:disabled){transform:scale(.92)}.mic-button:disabled{opacity:.5;cursor:default}.login{min-height:100dvh;padding:var(--space-5) var(--space-4);background:#0b1030 50%/cover no-repeat;justify-content:center;align-items:center;display:flex}.login-card{border-radius:var(--space-4);width:100%;max-width:440px;padding:var(--space-4);gap:var(--space-3);background:color-mix(in srgb, var(--background) 85%, transparent);-webkit-backdrop-filter:blur(6px);flex-direction:column;display:flex}.divider{background:var(--text-secondary);opacity:.4;flex:1;height:1px}.dialog-backdrop{z-index:100;padding:var(--space-3);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--background);border:1px solid var(--border);border-radius:var(--space-4);width:100%;max-width:400px;padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.dialog h2{margin:0;font-size:20px;line-height:28px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.busy-box{align-items:center;gap:var(--space-3);min-width:240px;max-width:360px;padding:var(--space-4);border-radius:var(--space-4);border:1.5px solid var(--primary);background:var(--background-element);flex-direction:column;display:flex}.busy-message{text-align:center;font-size:18px;font-weight:700;line-height:26px}.spinner.large{border-width:4px;width:40px;height:40px}.legal{max-width:760px}.legal section{gap:var(--space-1);flex-direction:column;display:flex}.legal h2{margin:var(--space-2) 0 0;font-size:19px;line-height:26px}.legal p,.legal li{margin:0;line-height:1.6}.legal ul{gap:var(--space-half);flex-direction:column;margin:0;padding-left:22px;display:flex}.legal-languages{gap:var(--space-1);flex-wrap:wrap;display:flex}.legal-languages button{background:var(--background-element);cursor:pointer;border:1.5px solid #0000;border-radius:10px;padding:6px 8px;font-size:22px;line-height:1}.legal-languages button.selected{border-color:var(--primary)}.legal-links{justify-content:center;gap:var(--space-1) var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.legal-links a{color:var(--primary);text-decoration:none}.legal-links a:hover{text-decoration:underline}