@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--p-paper:#f6f5f4;--p-white:#fff;--p-ink:#111;--p-graphite:#615d59;--p-blue:#0075de;--p-blue-deep:#005bb0;--p-sky-tint:#e6f3fe;--p-sky-wash:#62aef0;--p-marigold:#ffb110;--p-coral:#f64932;--p-peach:#f6d5b8;--p-midnight:#02093a;--p-live:#ffc83d;--p-live-deep:#7a5200;--p-live-soft:#fff1cc;--p-green:#55db9c;--p-terracotta:#b4432f;--p-terracotta-soft:#fde6e0;--bg:var(--p-paper);--bg-rgb:246, 245, 244;--surface:var(--p-white);--surface-rgb:255, 255, 255;--surface-solid:var(--p-white);--surface2:#efedeb;--surface2-rgb:239, 237, 235;--sidebar:#efedeb;--surface-sunken:#f0efed;--surface-raised:var(--p-sky-tint);--surface-hover:#f0efed;--surface-active:#e8e6e3;--border:#00000014;--border-strong:#00000029;--border-input:#8c8985;--line:#0000001a;--line-soft:#0000000f;--line-strong:#0003;--line-accent:var(--p-blue);--accent:var(--p-blue);--accent-rgb:0, 117, 222;--accent-hover:var(--p-blue-deep);--accent-deep:var(--p-blue-deep);--accent-glow:#0075de29;--on-accent:#fff;--accent-text:var(--p-blue-deep);--accent-soft:var(--p-sky-tint);--accent-2:#c2371f;--accent-2-rgb:194, 55, 31;--accent-live:var(--p-live);--accent-live-fg:var(--p-live-deep);--accent-live-soft:var(--p-live-soft);--on-accent-live:#111;--text:var(--p-ink);--text-rgb:17, 17, 17;--text-secondary:#3d3a38;--text-soft:#4d4945;--text-muted:var(--p-graphite);--correct:#28704a;--correct-glow:#28704a33;--wrong:var(--p-terracotta);--wrong-glow:#b4432f2e;--wrong-soft-bg:var(--p-terracotta-soft);--easy:var(--p-live-deep);--easy-bg:var(--p-live-soft);--medium:#7a5200;--medium-bg:#ffecc2;--hard:var(--p-terracotta);--hard-bg:var(--p-terracotta-soft);--hard-btn-border:var(--border-strong);--hard-btn-bg:var(--p-terracotta-soft);--hard-text:#7a2a1c;--hard-text-sub:#8f3a2c;--medium-btn-border:var(--border-strong);--medium-btn-bg:#ffecc2;--medium-text:#5c4300;--medium-text-sub:#75581a;--streak-text:var(--p-live-deep);--frozen:#3b82f6;--frozen-text:#1d4ed8;--overlay-04:#0000000a;--overlay-05:#0000000d;--overlay-06:#0000000f;--overlay-08:#00000014;--overlay-10:#0000001a;--overlay-12:#0000001f;--overlay-14:#00000024;--overlay-18:#0000002e;--overlay-20:#0003;--overlay-28:#00000047;--overlay-40:#0006;--on-sticker:#111;--tone-amber-bg:var(--p-marigold);--tone-amber-fg:#111;--tone-coral-bg:var(--p-coral);--tone-coral-fg:#111;--tone-teal-bg:var(--p-green);--tone-teal-fg:#111;--tone-violet-bg:var(--p-midnight);--tone-violet-fg:#fff;--tone-yellow-bg:var(--p-peach);--tone-yellow-fg:#111;--tone-blue-bg:var(--p-sky-wash);--tone-blue-fg:#111;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-body);--font-serif:"Source Serif 4", Georgia, "Times New Roman", serif;--text-caption:.75rem;--text-body-sm:.875rem;--text-body:1rem;--text-subheading:1.25rem;--text-heading-sm:1.375rem;--text-heading:1.75rem;--text-display:2rem;--leading-tight:1.2;--leading-snug:1.35;--leading-body:1.5;--tracking-heading:-.02em;--tracking-display:-.03em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--card-padding:var(--space-6);--radius:12px;--radius-sm:8px;--radius-card:12px;--radius-pill:999px;--radius-button:var(--radius-pill);--tabbar-h:4rem;--safe-bottom:env(safe-area-inset-bottom,0px);--shadow:none;--shadow-sm:none;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ui-zoom:1}@media (width>=768px){:root{--text-heading:2.25rem;--text-display:3rem}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191817;--bg-rgb:25, 24, 23;--surface:#232220;--surface-rgb:35, 34, 32;--surface-solid:#232220;--surface2:#2d2b29;--surface2-rgb:45, 43, 41;--sidebar:#141312;--surface-sunken:#131211;--surface-raised:#15233d;--surface-hover:#2d2b29;--surface-active:#383532;--border:#ffffff1a;--border-strong:#fff3;--border-input:#8a8782;--line:#ffffff1a;--line-soft:#ffffff0f;--line-strong:#ffffff3d;--line-accent:#4da2ff;--accent:#4da2ff;--accent-rgb:77, 162, 255;--accent-hover:#7ab8ff;--accent-deep:#7ab8ff;--accent-glow:#4da2ff33;--on-accent:#02093a;--accent-text:#7ab8ff;--accent-soft:#15233d;--accent-2:#ff8a76;--accent-2-rgb:255, 138, 118;--accent-live:var(--p-live);--accent-live-fg:#ffc83d;--accent-live-soft:#3a2d08;--on-accent-live:#111;--text:#f3f1ee;--text-rgb:243, 241, 238;--text-secondary:#d6d2cd;--text-soft:#c2bdb7;--text-muted:#a39e98;--correct:#6fd9a0;--correct-glow:#6fd9a040;--wrong:#f0a595;--wrong-glow:#f0a59540;--wrong-soft-bg:#3a1f1a;--easy:#ffc83d;--easy-bg:#3a2d08;--medium:#f2c14e;--medium-bg:#3a2f08;--hard:#f0a595;--hard-bg:#3a1f1a;--hard-btn-border:var(--border-strong);--hard-btn-bg:#3a1f1a;--hard-text:#ffc3b6;--hard-text-sub:#d9a093;--medium-btn-border:var(--border-strong);--medium-btn-bg:#3a2f08;--medium-text:#ffe08a;--medium-text-sub:#d3b968;--streak-text:#ffc83d;--frozen:#60a5fa;--frozen-text:#93c5fd;--overlay-04:#ffffff0a;--overlay-05:#ffffff0d;--overlay-06:#ffffff0f;--overlay-08:#ffffff14;--overlay-10:#ffffff1a;--overlay-12:#ffffff1f;--overlay-14:#ffffff24;--overlay-18:#ffffff2e;--overlay-20:#fff3;--overlay-28:#ffffff47;--overlay-40:#fff6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:calc(100dvh / var(--ui-zoom));line-height:1.5;overflow-x:hidden}a{color:var(--accent-text);text-decoration:none}.app{max-width:480px;min-height:calc(100dvh / var(--ui-zoom));height:calc(100dvh / var(--ui-zoom));flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-bg{z-index:-1;background:var(--bg);position:fixed;inset:0}.header{padding:.6rem .75rem;padding-top:calc(.6rem + env(safe-area-inset-top,0px));background:var(--bg);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex;overflow:visible}.logo{color:var(--text);min-width:0;transition:transform .2s var(--ease-out);flex-shrink:0;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}.logo:active{transform:scale(.97)}.logo-mark{flex-shrink:0;width:1.4em;height:1.4em;font-size:1.15rem;line-height:1;display:block}.header-actions{flex:1;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex;overflow:visible}.header-start{flex-shrink:0;align-items:center;gap:.35rem;min-width:0;display:flex}.header-badges{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.header-lang-toggle{border:1px solid var(--overlay-10);background:var(--overlay-04);cursor:pointer;transition:background .2s, border-color .2s, transform .2s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:.25rem .45rem;display:flex}.header-lang-toggle:active{transform:scale(.95)}.header-streak{color:var(--text);flex-shrink:0;align-items:center;gap:.15rem;font-size:1rem;font-weight:700;display:flex}.streak-flame{transition:transform .2s var(--ease-out);flex-shrink:0;display:block}.streak-flame--lit .streak-flame__outer{fill:var(--accent-live);stroke:var(--accent-live-fg);stroke-width:1.2px;stroke-linejoin:round}.streak-flame--lit .streak-flame__inner{fill:var(--accent-live-fg)}.streak-flame--frozen .streak-flame__outer{fill:var(--p-sky-wash)}.streak-flame--frozen .streak-flame__inner{fill:var(--p-sky-tint)}.streak-flame--idle .streak-flame__outer{fill:var(--text-muted);opacity:.55}.streak-flame--idle .streak-flame__inner{fill:var(--bg);opacity:.7}.header-streak--frozen{color:var(--frozen-text)}.header-streak--idle{color:var(--text-muted)}.streak-count{text-align:center;min-width:.75rem}.header-nav{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;display:flex}.header-account{display:block;position:relative}.header-icon-btn{border:1px solid var(--overlay-10);background:var(--overlay-04);width:1.9rem;height:1.9rem;color:var(--text-muted);cursor:pointer;transition:color .2s, background .2s, border-color .2s, transform .15s var(--ease-out);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.header-icon-btn:hover{color:var(--text);background:var(--overlay-08);border-color:var(--overlay-18)}.header-icon-btn:active{transform:scale(.94)}.header-icon-btn--active{color:var(--text);background:rgba(var(--accent-rgb), .2);border-color:rgba(var(--accent-rgb), .35)}.header-create-btn{background:var(--accent);height:1.9rem;color:var(--on-accent);cursor:pointer;box-shadow:0 2px 10px var(--accent-glow);transition:background .2s, transform .15s var(--ease-out);border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:0 .8rem 0 .6rem;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1;display:inline-flex}.header-create-btn:hover{background:var(--accent-hover)}.header-create-btn:active{transform:scale(.95)}.header-create-btn svg{stroke-width:2.6px}@media (width<=359px){.header-create-btn{justify-content:center;width:1.9rem;padding:0}.header-create-btn__label{display:none}}.header-icon-btn__glyph{font-size:1rem;line-height:1}.header-dropdown{border:1px solid var(--overlay-10);background:rgba(var(--surface-rgb), .98);-webkit-backdrop-filter:blur(16px)saturate(1.4);z-index:30;border-radius:.85rem;min-width:11.5rem;padding:.35rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 40px #00000073}.header-dropdown__user{color:var(--text-muted);border-bottom:1px solid var(--overlay-06);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;padding:.45rem .65rem .35rem;font-size:.72rem;font-weight:600;overflow:hidden}.header-dropdown__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.55rem;padding:.55rem .65rem;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:block}.header-dropdown__item:hover{background:var(--overlay-06)}.header-dropdown__item--danger{color:var(--wrong);border-top:1px solid var(--overlay-06);border-radius:0 0 .55rem .55rem;margin-top:.15rem;padding-top:.65rem}.header-dropdown__item--danger:hover{background:#ff6b6b1a}.nav-cta-plus{font-size:1rem;font-weight:700;line-height:1}@media (width<=767px){.header-icon-btn{width:2rem;height:2rem}.header-lang-toggle{padding:.2rem .4rem}.header-streak{font-size:.95rem}}.main{min-height:0;padding:.9rem;padding-bottom:calc(1.25rem + var(--safe-bottom));flex:1;overflow:hidden auto}.page-enter{animation:pageEnter .45s var(--ease-out) backwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.85rem;font-size:1.3rem;font-weight:700}.page-title-count{background:var(--overlay-08);color:var(--text-muted);vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.1rem .55rem;font-size:.9rem;font-weight:600}.page-title--with-icon{align-items:center;gap:.6rem;display:flex}.page-title-icon{animation:iconPop .5s var(--ease-spring) both;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.8rem;line-height:1}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.back-link{color:var(--text-muted);transition:color .2s, transform .2s var(--ease-out);align-items:center;gap:.25rem;margin-bottom:.75rem;font-size:.9rem;display:inline-flex}.back-link:hover{color:var(--text);transform:translate(-3px)}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:4rem 1rem;display:flex}.loading-spinner{gap:.4rem;display:flex}.loading-spinner span{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite bounce}.loading-spinner span:nth-child(2){animation-delay:.15s}.loading-spinner span:nth-child(3){animation-delay:.3s}.ai-assign{flex-direction:column;gap:.75rem;margin:.25rem 0 .5rem;display:flex}.ai-select{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background-color:var(--surface-solid);width:100%;color:var(--text);font:inherit;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b3a594' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;padding:.55rem 2.3rem .55rem .8rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.ai-select:hover{border-color:var(--border-strong)}.ai-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.ai-select option,.ai-select optgroup{background:var(--surface-solid);color:var(--text)}.ai-assign-all{border:1px solid rgba(var(--accent-rgb), .3);border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .07);flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:.75rem .9rem;display:flex}.ai-assign-all span{color:var(--accent-text);white-space:nowrap;font-size:.9rem;font-weight:600}.ai-assign-all .ai-select{flex:220px;width:auto}.ai-assign-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.ai-assign-row{border:1px solid var(--overlay-08);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.7rem .9rem;display:flex}.ai-assign-word{flex-direction:column;flex:150px;gap:.1rem;min-width:0;display:flex}.ai-assign-word strong{overflow-wrap:anywhere;font-size:1rem}.ai-assign-word span{color:var(--text-soft);overflow-wrap:anywhere;font-size:.88rem}.ai-assign-row .ai-select{flex:220px;width:auto;max-width:100%}@media (width<=600px){.ai-assign-row{flex-direction:column;align-items:stretch}.ai-assign-row .ai-select,.ai-assign-all .ai-select{flex-basis:auto;width:100%}.ai-assign-word{flex-basis:auto}}.ai-working-overlay{z-index:1000;background:rgba(var(--bg-rgb), .82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .25s var(--ease-out);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.ai-working-overlay .ai-working{background:var(--surface-solid);width:min(24rem,100%);margin:0;box-shadow:0 18px 48px #00000073}.ai-working{border:1px solid rgba(var(--accent-rgb), .3);border-radius:var(--radius);background:rgba(var(--accent-rgb), .06);text-align:center;flex-direction:column;align-items:center;gap:.4rem;margin:1.5rem 0;padding:1.75rem 1rem;display:flex}.ai-working__mark{width:72px;height:72px;margin-bottom:.6rem}.ai-working__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.ai-working__step{color:var(--accent-text);min-height:1.5em;font-weight:600}.ai-working__hint{color:var(--text-muted);font-size:.85rem}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.loading-label{color:var(--text-muted);font-size:.9rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.status{text-align:center;color:var(--text-muted);padding:2rem}.status.error{color:var(--wrong);animation:.4s shake}.status.success{color:var(--correct);white-space:pre-line}.existing-cards-notice{border:1px solid rgba(var(--accent-rgb), .35);border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .1);color:var(--text);margin:0;padding:.6rem .85rem;font-size:.9rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.banner{border-radius:var(--radius);color:var(--text);border:1px solid var(--overlay-08);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-out), box-shadow .25s, border-color .25s;animation:slideUp .5s var(--ease-out) both;align-items:center;gap:.7rem;margin-bottom:.6rem;padding:.7rem .9rem;display:flex}.banner:nth-child(2){animation-delay:80ms}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.banner:active{transform:scale(.98)}.banner--practice{border-color:rgba(var(--accent-rgb), .3);background:var(--surface-solid)}.banner--practice:hover{border-color:rgba(var(--accent-rgb), .5);transform:translateY(-2px)}.banner--grammar{border-color:rgba(var(--accent-2-rgb), .3);background:var(--surface-solid)}.banner--grammar:hover{border-color:rgba(var(--accent-2-rgb), .5);transform:translateY(-2px)}.banner--reading{background:var(--surface-solid);border-color:#38bdf84d}.banner--reading:hover{border-color:#38bdf880;transform:translateY(-2px)}.banner--pinned{border-color:rgba(var(--accent-2-rgb), .35);background:var(--surface-solid)}.banner--pinned:hover{border-color:rgba(var(--accent-2-rgb), .6);transform:translateY(-2px)}.banner--due{background:var(--surface-solid);animation:slideUp .5s var(--ease-out) both;border-color:#34d3994d}.banner--due:hover{transform:translateY(-2px)}.banner-icon{flex-shrink:0;font-size:1.3rem}.banner-content{flex-direction:column;flex:1;gap:.15rem;display:flex}.banner-title{font-size:.9rem;font-weight:700}.banner-sub{color:var(--text-muted);font-size:.75rem}.banner-arrow{color:var(--text-muted);transition:transform .2s var(--ease-out);font-size:1rem}.banner:hover .banner-arrow{color:var(--accent-text);transform:translate(4px)}.banner-badge{background:var(--correct);color:var(--bg);min-width:1.7rem;height:1.7rem;animation:badgePop .6s var(--ease-spring) .3s both;border-radius:999px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.section-title{color:var(--text-muted);margin:1.5rem 0 .75rem;font-size:1.05rem;font-weight:700}.search-bar{align-items:center;margin-bottom:1rem;display:flex;position:relative}.search-bar-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;left:14px}.search-bar-input{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-solid);width:100%;height:44px;color:var(--text);padding:0 2.4rem 0 42px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-bar-input::placeholder{color:var(--text-muted)}.search-bar-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.search-bar-clear{background:var(--overlay-08);width:1.6rem;height:1.6rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;transition:background .2s,color .2s;display:flex;position:absolute;right:.6rem}.search-bar-clear:hover{background:var(--overlay-14);color:var(--text)}.category-reorder-hint{color:var(--text-muted);margin:0 0 .6rem;font-size:.8rem}.delete-deck-modal{max-width:440px}.delete-deck-modal-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.delete-deck-modal-icon{font-size:1.7rem;line-height:1}.delete-deck-modal-desc{color:var(--text-muted);margin-bottom:1.35rem;font-size:.95rem;line-height:1.55}.empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty--enter,.empty--celebrate{animation:fadeIn .5s var(--ease-out) both}.empty--celebrate .empty-icon{animation:celebrate .8s var(--ease-spring) both}@keyframes celebrate{0%{opacity:0;transform:scale(0)rotate(-20deg)}60%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-icon{margin-bottom:1rem;font-size:3rem;display:block}.empty p{margin-bottom:1.25rem;font-size:1.05rem}.empty-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.practice-limit-picker{color:var(--text-muted);align-items:center;gap:.55rem;font-size:.88rem;font-weight:600;display:flex}.practice-limit-picker select{border-radius:var(--radius-sm);border:1px solid var(--overlay-12);background:var(--surface-solid);color:var(--text);font:inherit;padding:.45rem .65rem;font-size:.95rem}.session-summary{width:100%;max-width:34rem;animation:fadeIn .5s var(--ease-out) both;flex-direction:column;align-items:stretch;gap:1rem;margin:0 auto;padding:2.5rem 0 3rem;display:flex}.session-summary__check{background:var(--accent-live-soft);border:1px solid var(--accent-live-fg);width:5rem;height:5rem;animation:celebrate .8s var(--ease-spring) both;border-radius:50%;align-self:center;place-items:center;display:grid}.session-summary__check img{width:70%;height:70%}.session-summary__eyebrow{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:.25rem;font-size:.75rem;font-weight:700}.session-summary__title{text-align:center;font-family:var(--font-display);letter-spacing:var(--tracking-heading);color:var(--text);margin:-.5rem 0 0;font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.2}.session-summary__subtitle{text-align:center;color:var(--text-secondary);margin:-.35rem 0 .5rem;font-size:1rem}.session-summary__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.session-summary__stat,.session-summary__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.session-summary__stat{flex-direction:column;gap:.35rem;min-width:0;padding:.8rem .9rem;display:flex}.session-summary__stat-label{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.session-summary__stat-value{font-family:var(--font-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.25rem,5vw,1.6rem);overflow:hidden}.session-summary__panel{padding:1rem 1.1rem}.session-summary__panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.75rem;padding-bottom:.75rem;display:flex}.session-summary__panel-title{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.session-summary__panel-hint{color:var(--text-muted);text-align:right;font-size:.8rem}.session-summary__bar{gap:4px;height:.6rem;margin:.8rem 0 .7rem;display:flex}.session-summary__bar-part{border-radius:999px;flex-basis:0}.session-summary__bar-part.is-hard,.session-summary__dot.is-hard{background:var(--hard)}.session-summary__bar-part.is-medium,.session-summary__dot.is-medium{background:var(--medium)}.session-summary__bar-part.is-easy,.session-summary__dot.is-easy{background:var(--easy)}.session-summary__legend{color:var(--text-secondary);text-transform:lowercase;flex-wrap:wrap;gap:.4rem 1.5rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.session-summary__legend li{align-items:center;gap:.4rem;display:flex}.session-summary__legend strong{color:var(--text)}.session-summary__dot{border-radius:2px;width:.55rem;height:.55rem}.session-summary__words{margin:0;padding:0;list-style:none}.session-summary__word{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.session-summary__word:last-child{border-bottom:none;padding-bottom:0}.session-summary__word div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.session-summary__word strong{color:var(--text);font-size:1rem}.session-summary__word span{color:var(--text-muted);font-size:.85rem}.session-summary__speak{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-raised);width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0;place-items:center;transition:background .2s,color .2s;display:grid}.session-summary__speak:hover,.session-summary__speak.is-active{background:var(--surface-hover);color:var(--accent-text)}.session-summary__note{text-align:center;color:var(--text-secondary);margin:0;font-size:.92rem}.session-summary__actions{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.session-summary__limit{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.session-summary__segments{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-sunken);gap:.2rem;padding:.25rem;display:flex}.session-summary__segment{border-radius:var(--radius-sm);min-width:2.6rem;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;padding:.45rem .6rem;font-weight:600}.session-summary__segment.is-active{background:var(--surface-active);color:var(--accent-text)}.session-summary__primary{gap:.5rem;width:100%;padding:.85rem 1.15rem;font-size:1rem}.session-summary__row{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem;display:grid}.session-summary__row .btn{padding:.75rem 1rem}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background .2s, transform .15s var(--ease-out), box-shadow .2s;border:none;justify-content:center;align-items:center;padding:.6rem 1.15rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-solid);color:var(--text);border:1px solid var(--overlay-10)}.btn-secondary:hover:not(:disabled){background:var(--surface2);border-color:var(--overlay-14)}.btn--wide{flex:1;width:100%}.btn--large{border-radius:var(--radius);min-height:52px;font-size:16px;font-weight:700}.btn-correct{background:var(--correct);color:#fff;flex:1}.btn-correct:hover:not(:disabled){transform:translateY(-1px)}.btn-danger,.btn-wrong{background:var(--wrong);color:#fff;flex:1}.btn-danger:hover:not(:disabled),.btn-wrong:hover:not(:disabled){transform:translateY(-1px)}.difficulty-badge{animation:fadeIn .3s var(--ease-out) both;border-radius:999px;align-self:flex-start;margin-bottom:.5rem;padding:.25rem .7rem;font-size:.75rem;font-weight:600;display:inline-block}@keyframes cardEnterFade{0%{opacity:0}to{opacity:1}}@keyframes cardExitFade{to{opacity:0}}@keyframes cardEnterMove{0%{transform:translateY(24px)scale(.96)}to{transform:translateY(0)scale(1)}}@keyframes cardExitMove{to{transform:translate(40px)scale(.95)}}.speak-btn{border:1px solid var(--overlay-28);background:var(--overlay-10);width:2.1rem;height:2.1rem;color:var(--text);cursor:pointer;transition:background .2s, transform .15s var(--ease-out), border-color .2s;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.speak-btn:hover{background:var(--overlay-20);border-color:var(--overlay-40)}.speak-btn:active{transform:scale(.92)}.speak-btn--active{border-color:var(--accent);background:var(--accent-glow);animation:.9s ease-in-out infinite speakPulse}@keyframes speakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.speak-btn--inline{vertical-align:middle;width:1.6rem;height:1.6rem;margin-left:.4rem;font-size:.8rem}@media (width<=767px){.review-actions{flex-direction:column}.review-actions .btn{width:100%}}.label{text-transform:uppercase;letter-spacing:.12em;color:rgba(var(--text-rgb), .85);margin-bottom:.65rem;font-size:.72rem;font-weight:600}.hint{color:rgba(var(--text-rgb), .6);text-align:center;opacity:1;flex-shrink:0;margin-top:.75rem;font-size:.78rem;line-height:1.3;animation:2.5s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:.9}}.review-actions{gap:.75rem;display:flex}.review-actions--enter{animation:slideUp .35s var(--ease-out) .1s both}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.form-panel{animation:fadeIn .35s var(--ease-out) both}.tabs{background:var(--overlay-04);border-radius:calc(var(--radius) + 2px);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.35rem;margin-bottom:1.25rem;padding:.3rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background .25s, color .25s, transform .15s var(--ease-out);background:0 0;border:none;flex:1 0 auto;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.2}.tab-label--short{display:none}.tab:hover:not(.active){color:var(--text);background:var(--overlay-05)}.tab.active{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 12px var(--accent-glow)}.tab:active{transform:scale(.97)}@media (width<=767px){.tabs{gap:.25rem;padding:.25rem}.tab{flex:1 1 0;min-width:0;padding:.55rem .35rem;font-size:.78rem}.tab-label--full{display:none}.tab-label--short{display:inline}}.form{flex-direction:column;gap:1rem;display:flex}.lookup-search{gap:.6rem;margin:.35rem 0 1rem;display:flex}.lookup-search .btn{flex-shrink:0}.lookup-search input{flex:1;min-width:0}.lookup-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.65rem;font-size:.78rem;font-weight:700}.lookup-results{flex-direction:column;gap:.5rem;margin-bottom:1.1rem;list-style:none;display:flex}.lookup-result{text-align:left;border:1px solid var(--overlay-10);background:var(--overlay-04);width:100%;color:var(--text);border-radius:var(--radius-card);cursor:pointer;font:inherit;flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;padding:.8rem .9rem;display:flex}.lookup-result:hover{border-color:var(--overlay-18);background:var(--overlay-08)}.lookup-result--active{border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .16);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .2)}.lookup-result-front{font-size:1.02rem;font-weight:700}.new-category-first{border:1px solid rgba(var(--accent-rgb), .35);border-radius:var(--radius);background:rgba(var(--accent-rgb), .08);color:var(--text);padding:.8rem .95rem;font-size:.92rem;line-height:1.5}.new-category-help{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.new-category-help__toggle{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;font-size:.88rem;font-weight:600;display:inline-flex}.new-category-help__mark{border:1.5px solid;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:.8rem;font-weight:700;display:grid}.new-category-help__text{border-radius:var(--radius);background:var(--surface2);color:var(--text-soft);white-space:pre-line;padding:.8rem .95rem;font-size:.9rem;line-height:1.55}.lookup-from{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.lookup-from__label{color:var(--text-muted);margin-right:.2rem;font-size:.82rem}.lookup-from__option{border:1px solid var(--border-strong);color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:600}.lookup-from__option.is-active{background:var(--text);color:var(--bg);border-color:#0000}.lookup-not-english{border:1px solid rgba(var(--accent-rgb), .35);border-radius:var(--radius);background:rgba(var(--accent-rgb), .08);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem;padding:.75rem .9rem;display:flex}.lookup-translated{color:var(--text);margin-top:.9rem;font-weight:600}.lookup-result-pos{color:var(--text-muted);text-transform:lowercase;font-size:.72rem;font-weight:650}.lookup-result-back{color:rgba(var(--text-rgb), .82);flex-basis:100%;font-size:.9rem}.lookup-add{border-top:1px solid var(--overlay-08);padding-top:.25rem}.lookup-field-row{align-items:center;gap:.45rem;display:flex}.lookup-field-row input{flex:1;min-width:0}.lookup-meta{color:var(--text-muted);font-size:.82rem}.lookup-manual-toggle{width:100%;color:var(--accent-text);font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:1.1rem;padding:.45rem;font-size:.88rem;font-weight:650;display:block}.lookup-manual-toggle:hover{color:var(--text)}.ui-lang-fieldset{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);flex-direction:column;gap:.65rem;margin:0;padding:.9rem 1rem 1rem;display:flex}.ui-lang-fieldset legend{padding:0 .35rem;font-size:.9rem;font-weight:600}.ui-lang-option{cursor:pointer;align-items:flex-start;gap:.65rem;font-weight:400;flex-direction:row!important;display:flex!important}.ui-lang-option input{width:auto;accent-color:var(--accent);margin-top:.2rem}.form label{flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}.form input,.form select,.lookup-search input{border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--surface-solid);min-height:3rem;color:var(--text);transition:border-color .2s, box-shadow .2s, transform .15s var(--ease-out);padding:.6rem .75rem;font-family:inherit;font-size:1rem}.form input:focus,.form select:focus,.lookup-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--surface-solid) inset;caret-color:var(--text)}.form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--surface-solid) inset;caret-color:var(--text)}.form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--surface-solid) inset;caret-color:var(--text)}.form input[type=color]{cursor:pointer;height:48px;padding:.3rem}.field-hint{color:var(--text-muted);margin-top:-.5rem;font-size:.8rem}.auth-page{min-height:calc(100dvh / var(--ui-zoom));background:var(--bg);display:flex}.auth-logo{font-family:var(--font-display);align-items:center;gap:12px;font-size:26px;font-weight:700;display:flex}.auth-logo img{border-radius:10px;width:40px;height:40px}.auth-logo--compact{gap:10px;font-size:22px}.auth-logo--compact img{border-radius:8px;width:32px;height:32px}.auth-hero{display:none}.auth-hero__body{flex-direction:column;gap:32px;margin:auto 0;display:flex}.auth-hero__title{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:46px;font-weight:700;line-height:1.15}.auth-hero__title span,.landing-hero__title span{border-radius:var(--radius-pill);background:var(--p-peach);color:var(--p-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .28em}.auth-features{flex-direction:column;gap:18px;list-style:none;display:flex}.auth-features li{color:var(--text);align-items:center;gap:14px;font-size:16px;display:flex}.auth-feature-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.auth-feature-icon--amber{background:var(--tone-amber-bg);color:var(--tone-amber-fg)}.auth-feature-icon--coral{background:var(--tone-coral-bg);color:var(--tone-coral-fg)}.auth-feature-icon--violet{background:var(--tone-violet-bg);color:var(--tone-violet-fg)}.auth-main{min-width:0;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));padding-top:calc(16px + env(safe-area-inset-top,0px));flex-direction:column;flex:1;align-items:center;display:flex}.auth-main__top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:400px;margin-bottom:40px;display:flex}.auth-card{flex-direction:column;gap:22px;width:100%;max-width:400px;margin:auto 0;display:flex}.auth-card .form{gap:22px}.auth-card .form label{gap:8px;font-size:14px;font-weight:600}.auth-card .form input,.auth-card .form select{border-radius:var(--radius);border-color:var(--border-input);background:var(--surface-solid);height:52px;padding:0 16px;font-size:16px}.auth-card .field-hint{margin-top:-14px}.ui-language-picker{border:1px solid var(--line);height:40px;color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s;display:flex}.ui-language-picker:hover,.ui-language-picker:focus-within{border-color:var(--accent)}.ui-language-picker select{color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;font-family:inherit;font-size:14px}.ui-language-picker option{background:var(--surface-solid)}.auth-brand{flex-direction:column;gap:8px;display:flex}.auth-title{font-family:var(--font-display);letter-spacing:var(--tracking-heading);font-size:1.875rem;font-weight:700;line-height:1.15}.auth-subtitle{color:var(--text-soft);font-size:16px}.auth-footer{text-align:center;color:var(--text-soft);font-size:15px}.auth-footer a{font-weight:700}.auth-footer a:hover{color:var(--accent-hover)}.auth-forgot{color:var(--text-soft);align-self:flex-end;margin-top:-.4rem;font-size:14px}.auth-forgot:hover{color:var(--accent-hover)}.auth-legal{text-align:center;color:var(--text-muted);font-size:13px;line-height:1.5}.auth-legal a{color:var(--text-soft);text-underline-offset:2px;text-decoration:underline}.auth-legal a:hover{color:var(--accent-hover)}.password-field{display:flex;position:relative}.password-field input,.form .password-field input{flex:1;min-width:0;padding-right:52px}.password-field__toggle{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-field__toggle:hover{color:var(--text)}@media (width>=1024px){.auth-hero{width:min(600px, calc(47vw / var(--ui-zoom)));background:var(--surface-solid);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:40px;padding:48px 64px;display:flex}.auth-main{justify-content:center;padding:40px 48px;position:relative}.auth-main__top{width:auto;max-width:none;margin:0;position:absolute;top:40px;right:48px}.auth-logo--compact{display:none}.auth-card{margin:0}.auth-title{font-size:34px}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-sm,.85rem);border:1px solid var(--overlay-12);background:var(--surface);flex-direction:column;gap:.85rem;width:min(26rem,100%);padding:1.35rem;display:flex;box-shadow:0 18px 45px #00000073}.modal--error{border-color:#f8717159}.modal-title{margin:0;font-size:1.05rem}.modal--error{text-align:center;align-items:center}.modal--error .modal-title{color:var(--text)}.modal-icon{width:3.25rem;height:3.25rem;color:var(--wrong);background:var(--wrong-glow);border-radius:50%;place-items:center;display:grid}.modal-confirm-actions{justify-content:flex-end;gap:.6rem;display:flex}.modal-confirm-actions .btn{flex:1}.modal-list{text-align:left;border-radius:var(--radius-sm,.85rem);background:var(--overlay-12);color:var(--text);flex-direction:column;gap:.4rem;margin:.25rem 0 0;padding:.75rem .9rem;list-style:none;display:flex}.modal-list li{align-items:center;gap:.55rem;display:flex}.modal-list li:before{content:"";background:var(--wrong);border-radius:50%;flex:none;width:.4rem;height:.4rem}.modal--error .modal-body{align-self:stretch}.password-rules{color:var(--text-muted);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.35rem 1rem;margin:-.4rem 0 0;padding:0;font-size:.8rem;list-style:none;display:grid}.password-rules li{align-items:center;gap:.45rem;transition:color .2s;display:flex}.password-rules__mark{border:1.5px solid var(--overlay-12);border-radius:50%;flex:none;place-items:center;width:1rem;height:1rem;transition:background .2s,border-color .2s;display:grid}.password-rules li.is-met{color:var(--correct)}.password-rules li.is-met .password-rules__mark{border-color:var(--correct);background:var(--correct);color:var(--surface-solid)}.modal-body{color:var(--text-muted);flex-direction:column;gap:.5rem;font-size:.9rem;line-height:1.5;display:flex}.modal-body p{margin:0}.guide-body{white-space:pre-line}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.title-row:has(>.page-title){margin-bottom:.85rem}.title-row>.page-title{margin-bottom:0}.instructions-btn{border:1px solid var(--border-strong);height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.instructions-btn:hover{color:var(--text);border-color:var(--accent)}.instructions-modal{gap:1rem;width:min(24rem,100%);overflow:hidden}.instructions-modal__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.instructions-modal__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.8rem;font-weight:600}.instructions-modal__close{background:var(--overlay-06);width:32px;height:32px;color:var(--text-soft);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.instructions-modal__close:hover{background:var(--overlay-10);color:var(--text)}.instructions-modal__viewport{touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.instructions-modal__track{transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex}.instructions-step{text-align:center;flex-direction:column;flex:0 0 100%;align-items:center;gap:.6rem;padding:.75rem .25rem .25rem;display:flex}.instructions-step__emoji{background:rgba(var(--accent-rgb), .12);border-radius:999px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:.35rem;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:2.3rem;line-height:1;display:inline-flex}.instructions-step__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.3rem;font-weight:700}.instructions-step__body{color:var(--text-soft);margin:0;font-size:.95rem;line-height:1.55}.instructions-modal__steps{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.instructions-modal__step{border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.instructions-modal__step.is-done{border-color:rgba(var(--accent-rgb), .45);color:var(--accent-text)}.instructions-modal__step.is-active{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.instructions-modal__nav{gap:.6rem;display:flex}.instructions-modal__nav .btn{flex:1}@media (prefers-reduced-motion:reduce){.instructions-modal__track{transition:none}}.modal-detail{color:var(--text);font-weight:600}.modal-upsell{color:var(--text-soft);margin-top:.75rem}.modal-upsell a{color:var(--accent-text);font-weight:700}.language-setup-options{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;display:grid}.language-setup-option{border:1px solid var(--overlay-12);background:var(--overlay-04);color:var(--text);text-align:left;cursor:pointer;border-radius:.65rem;align-items:center;gap:.5rem;padding:.6rem .75rem;font-family:inherit;font-size:.9rem;transition:background .2s,border-color .2s;display:flex}.language-setup-option:hover:not(:disabled){background:var(--overlay-08)}.language-setup-option--active{border-color:var(--accent);background:rgba(var(--accent-rgb), .18)}.admin-table .admin-name{color:var(--text);display:block}.admin-table .admin-email{color:var(--text-muted);font-size:.75rem;display:block}.admin-badge{border:1px solid #0000;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;display:inline-block}.admin-badge--active{color:var(--correct);background:#4ade801a;border-color:#4ade8066}.admin-badge--blocked{color:var(--wrong);background:#f871711a;border-color:#f8717166}.admin-self{color:var(--text-muted);font-size:.75rem}.premium-page{max-width:620px}.premium-subtitle{color:var(--text-soft);margin:-.5rem 0 1.25rem}.premium-banner{margin-bottom:1rem}.premium-banner--waiting{border-radius:var(--radius);border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .08);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.premium-banner--waiting p{flex:220px}.premium-offer,.premium-current{border-radius:var(--radius);border:1px solid var(--overlay-08);background:var(--surface);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.premium-interval{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;display:grid}.premium-interval legend{grid-column:1/-1;margin-bottom:.5rem;padding:0;font-size:.9rem;font-weight:500}.premium-interval__option{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:56px;padding:.5rem;font-weight:600;transition:border-color .2s,background .2s;display:flex;position:relative}.premium-interval__option:has(input:checked){border-color:var(--accent);background:rgba(var(--accent-rgb), .14);color:var(--accent-hover)}.premium-interval__option:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-glow)}.premium-interval__option input{opacity:0;pointer-events:none;position:absolute}.premium-interval__save{color:var(--correct);font-size:.75rem;font-weight:700}.premium-price{text-align:center;color:var(--text-soft)}.premium-price strong{font-family:var(--font-display);color:var(--text);font-size:2.2rem}.premium-terms{text-align:center;margin-top:0}.premium-current{text-align:center;align-items:center}.premium-current__badge{background:rgba(var(--accent-rgb), .16);width:52px;height:52px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.premium-current__title{font-family:var(--font-display);font-size:1.35rem}.premium-current p{color:var(--text-soft)}.premium-current--problem{border-color:rgba(var(--accent-rgb), .45);margin-bottom:1rem}.premium-problem{flex-direction:column;align-items:center;gap:.75rem;display:flex}.premium-current .premium-problem__message{color:var(--text)}.premium-compare{border-collapse:collapse;width:100%;margin-top:1.5rem;font-size:.9rem}.premium-compare th,.premium-compare td{border-bottom:1px solid var(--overlay-08);text-align:center;padding:.65rem .5rem}.premium-compare th:first-child,.premium-compare td:first-child{text-align:left;color:var(--text-soft)}.premium-compare th{color:var(--text-muted);font-size:.8rem;font-weight:600}.premium-compare__premium{color:var(--accent-text);font-weight:700}.premium-cancel-confirm{width:100%;margin-top:1rem}.support-page{max-width:620px}.faq-page{max-width:680px}.faq-list{flex-direction:column;gap:.6rem;display:flex}.faq-item{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}.faq-item[open]{border-color:rgba(var(--accent-rgb), .35)}.faq-item__question{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;font-size:1rem;font-weight:650;line-height:1.35;list-style:none;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question svg{color:var(--accent-text);transition:transform .2s var(--ease-out);flex-shrink:0}.faq-item[open] .faq-item__question svg{transform:rotate(90deg)}.faq-item__answer{color:var(--text-soft);flex-direction:column;gap:.7rem;padding:0 1.1rem 1.1rem;font-size:.95rem;line-height:1.6;display:flex}.faq-item__answer ul{flex-direction:column;gap:.45rem;padding-left:1.2rem;display:flex}.faq-contact{color:var(--text-soft);margin-top:1.4rem;font-size:.92rem}.faq-contact a{font-weight:600}.support-intro{color:var(--text-soft);margin-bottom:1.1rem;line-height:1.5}.support-type{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;display:grid}.support-type legend{grid-column:1/-1;margin-bottom:.5rem;padding:0;font-size:.9rem;font-weight:500}.form .support-type__option{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);text-align:center;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:0 .75rem;font-weight:600;transition:border-color .2s,background .2s;position:relative}.form .support-type__option:has(input:checked){border-color:var(--accent);background:rgba(var(--accent-rgb), .14);color:var(--accent-hover)}.form .support-type__option:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-glow)}.support-type__option input{opacity:0;pointer-events:none;position:absolute}.support-sent{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.support-sent .field-hint{margin-top:0}.support-sent__icon{width:48px;height:48px;color:var(--correct);background:#3daf7a29;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.support-sent__title{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.withdrawal-form{margin-bottom:32px}.withdrawal-form .field-hint{margin-top:-.5rem}.withdrawal-sent{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:32px;padding:2rem 1rem;display:flex}.withdrawal-sent__title{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.withdrawal-sent__label{color:var(--text-muted);margin-top:.5rem;font-size:14px}.withdrawal-sent__code{font-family:var(--font-display);letter-spacing:.06em;-webkit-user-select:all;user-select:all;font-size:1.8rem;font-weight:700}.premium-withdrawal{margin-top:1rem}.support-reports,.ai-usage{margin-top:2rem}.ai-usage .import-table-wrap{margin-top:1rem}.ai-usage__meters{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;display:grid}.ai-usage-meter{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.ai-usage-meter__label{color:var(--text-soft);font-size:.82rem;font-weight:600}.ai-usage-meter__value{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.ai-usage-meter__limit{color:var(--text-muted);font-size:1rem}.ai-usage-meter__bar{background:var(--overlay-08);border-radius:999px;height:6px;overflow:hidden}.ai-usage-meter__bar span{border-radius:inherit;background:var(--correct);height:100%;display:block}.ai-usage-meter--ok .ai-usage-meter__bar span{background:var(--accent)}.ai-usage-meter--low .ai-usage-meter__bar span{background:var(--wrong)}.ai-usage-meter__detail{color:var(--text-muted);font-size:.75rem}.ai-usage-table td,.ai-usage-table th{white-space:nowrap}.support-reports__filters{margin-bottom:1rem}.support-reports__count{opacity:.6;font-variant-numeric:tabular-nums;margin-left:.45rem}.support-reports__list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.support-report{border-radius:var(--radius);border:1px solid var(--overlay-08);background:var(--surface);flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex}.support-report__head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.support-report__type{border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.support-report__type--bug{color:var(--hard-text);background:#f8717124}.support-report__type--improvement{color:var(--medium-text);background:#f2a03d24}.support-report__date{color:var(--text-muted);font-size:.8rem}.support-report__status{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);color:var(--text);margin-left:auto;padding:.3rem .5rem;font-family:inherit;font-size:.8rem}.support-report__message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.support-report__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem .9rem;font-size:.8rem;display:flex}.support-report__meta code{color:var(--text-soft);font-size:.78rem}.support-report__reply{color:var(--accent-text);margin-left:auto;font-weight:600}.support-report__agent{color:var(--text-muted);opacity:.8;overflow-wrap:anywhere;font-size:.72rem}.btn--small{padding:.3rem .7rem;font-size:.75rem}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.google-signin{justify-content:center;width:100%;min-height:44px;display:flex}.import-panel{flex-direction:column;gap:1rem;display:flex}.import-hint{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.import-template-btn{align-self:flex-start}.import-dropzone{flex-direction:column;gap:.5rem;display:flex}.import-file-input{display:none}.import-preview{border-radius:var(--radius-sm);background:var(--overlay-04);border:1px solid var(--overlay-08);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.import-preview-title{margin:0;font-weight:600}.import-checkbox{cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.import-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.import-table-wrap{overflow-x:auto}.import-table{border-collapse:collapse;width:100%;font-size:.85rem}.import-table th,.import-table td{text-align:left;border-bottom:1px solid var(--overlay-06);padding:.5rem .75rem}.import-table th{color:var(--text-muted);font-weight:500}.import-more{color:var(--text-muted);margin:.25rem 0 0;font-size:.8rem}.import-format-help{color:var(--text-muted);font-size:.85rem}.import-format-help summary{cursor:pointer;-webkit-user-select:none;user-select:none}.import-format-body{flex-direction:column;gap:.4rem;margin-top:.5rem;line-height:1.5;display:flex}.import-format-body p{margin:0}.ai-generate-form{flex-direction:column;gap:1rem;display:flex}.ai-generate-form label{flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}.ai-generate-form textarea,.support-form textarea{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);color:var(--text);resize:vertical;min-height:6rem;padding:.8rem .9rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.ai-generate-form textarea:focus,.support-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.ai-generate-form textarea:disabled,.support-form textarea:disabled{opacity:.6;cursor:not-allowed}.ai-example-prompts{flex-direction:column;gap:.4rem;min-width:0;display:flex}.ai-example-label{color:var(--text-muted);font-size:.8rem}.ai-example-btn{border:1px solid var(--overlay-12);background:var(--overlay-04);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.35rem .65rem;font-family:inherit;font-size:.75rem;transition:background .2s,color .2s,border-color .2s}.ai-example-btn:hover:not(:disabled){background:var(--overlay-08);color:var(--text);border-color:var(--overlay-20)}.ai-example-btn:disabled{opacity:.5;cursor:not-allowed}.ai-composer{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex}.ai-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.ai-composer.is-disabled{opacity:.6}.ai-generate-form .ai-composer textarea{box-shadow:none;resize:none;background:0 0;border:none;min-height:5.5rem;padding:.8rem .9rem .4rem}.ai-generate-form .ai-composer textarea:focus{box-shadow:none}.ai-composer__image{border-radius:var(--radius-sm);background:var(--overlay-04);align-items:center;gap:.6rem;margin:.6rem .6rem 0;padding:.45rem;display:flex}.ai-composer__image img{object-fit:cover;border-radius:6px;flex:none;width:44px;height:44px}.ai-composer__image span{min-width:0;color:var(--text-muted);flex:1;font-size:.78rem;line-height:1.35}.ai-composer__remove{background:var(--overlay-08);color:var(--text-soft);cursor:pointer;border:none;border-radius:50%;flex:none;padding:.35rem;display:inline-flex}.ai-composer__bar{flex-wrap:wrap;gap:.4rem;padding:.3rem .6rem .6rem;display:flex}.ai-composer__tool{border:1px solid var(--overlay-12);background:var(--overlay-04);color:var(--text-soft);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.ai-composer__tool:hover:not(:disabled){background:var(--overlay-08);color:var(--text)}.ai-composer__tool:disabled{opacity:.45;cursor:not-allowed}.ai-saved-select{gap:.5rem;display:flex}.ai-saved-select .ai-select{flex:1;min-width:0}.ai-saved-delete{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);width:2.6rem;color:var(--text-soft);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.ai-saved-delete:hover:not(:disabled){color:var(--accent-2);border-color:rgba(var(--accent-2-rgb), .5)}.ai-example-prompts .ai-example-list{scrollbar-width:none;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.ai-example-prompts .ai-example-list::-webkit-scrollbar{display:none}.ai-example-list .ai-example-btn{white-space:nowrap;flex:none}.ai-saved-prompts{flex-direction:column;gap:.5rem;display:flex}.ai-saved-list{flex-wrap:wrap;gap:.5rem;display:flex}.ai-saved-chip{border:1px solid var(--overlay-12);background:var(--overlay-04);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.ai-saved-chip-load,.ai-saved-chip-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.75rem;transition:background .2s,color .2s}.ai-saved-chip-load{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;padding:.35rem .5rem .35rem .65rem;overflow:hidden}.ai-saved-chip-delete{padding:.35rem .6rem .35rem .35rem;font-size:.9rem;line-height:1}.ai-saved-chip-load:hover:not(:disabled),.ai-saved-chip-delete:hover:not(:disabled){background:var(--overlay-08);color:var(--text)}.ai-saved-chip-load:disabled,.ai-saved-chip-delete:disabled{opacity:.5;cursor:not-allowed}.ai-save-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ai-save-form input{flex:12rem;min-width:0}.ai-image-attach{display:flex}.ai-image-preview{border-radius:var(--radius-sm,.85rem);border:1px solid var(--overlay-12);background:var(--overlay-04);align-items:flex-start;gap:.75rem;width:100%;padding:.6rem;display:flex}.ai-image-preview img{object-fit:cover;object-position:top;border-radius:.5rem;flex-shrink:0;width:4.5rem;max-height:7rem}.ai-image-preview-info{flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.modal--scroll{max-height:calc(calc(100dvh / var(--ui-zoom)) - 2rem)}.image-words-hint{color:var(--text-muted);margin:0;font-size:.85rem}.image-words-bulk{gap:.5rem;display:flex}.image-words-list{flex-direction:column;flex:auto;gap:.25rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.image-words-item{cursor:pointer;border-radius:.5rem;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;padding:.5rem .4rem;display:flex}.image-words-item:hover{background:var(--overlay-04)}.image-words-item input{align-self:center}.image-words-text{color:var(--text);font-weight:600}.image-words-translation{color:var(--text-muted);font-size:.85rem}.image-words-saved{border:1px solid var(--overlay-12);color:var(--text-muted);border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.modal--scroll .modal-actions{margin-top:.5rem}.ai-form-actions{flex-wrap:wrap;gap:.5rem;display:flex}.grammar-exercise{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid var(--overlay-08);box-shadow:var(--shadow-sm);animation:pageEnter .4s var(--ease-out) backwards;padding:1.25rem}.grammar-exercise--correct{border-color:#34d39966}.grammar-exercise--wrong{border-color:#f8717166}.grammar-exercise-type{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text);background:rgba(var(--accent-rgb), .15);border-radius:999px;margin-bottom:.75rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.grammar-exercise-prompt{margin-bottom:1rem;font-size:1.1rem;font-weight:500;line-height:1.5}.grammar-exercise-form{flex-direction:column;gap:.65rem;display:flex}.grammar-exercise-input{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);color:var(--text);padding:.8rem .9rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.grammar-exercise-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.grammar-exercise-input:disabled{opacity:.7}.grammar-options{flex-direction:column;gap:.5rem;display:flex}.grammar-option{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);color:var(--text);cursor:pointer;transition:all .2s var(--ease-out);padding:.85rem 1rem;font-family:inherit;font-size:.95rem}.grammar-option:hover:not(:disabled){border-color:var(--overlay-20);transform:translate(3px)}.grammar-option--selected{border-color:var(--accent);background:rgba(var(--accent-rgb), .12)}.grammar-option--correct{border-color:var(--correct);color:var(--correct);background:#34d39926;font-weight:600}.grammar-option--wrong{border-color:var(--wrong);color:var(--wrong);background:#f871711f}.grammar-reorder{flex-direction:column;gap:.75rem;display:flex}.grammar-reorder__answer,.grammar-reorder__bank{flex-wrap:wrap;gap:.45rem;display:flex}.grammar-reorder__answer{border-radius:var(--radius-sm);border:1px dashed var(--overlay-20);background:var(--surface-sunken);align-items:center;min-height:3.2rem;padding:.55rem}.grammar-reorder__placeholder{color:var(--text-muted);padding:0 .35rem;font-size:.9rem}.grammar-word{border-radius:var(--radius-sm);border:1px solid var(--overlay-12);background:var(--surface-solid);color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s, background .2s, transform .15s var(--ease-out);padding:.5rem .8rem;font-size:.98rem}.grammar-word:hover:not(:disabled){border-color:var(--overlay-28)}.grammar-word:active:not(:disabled){transform:scale(.96)}.grammar-word:disabled{cursor:default}.grammar-word--picked{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .12)}.grammar-word--ghost{visibility:hidden}.admin-grammar__types{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.grammar-feedback{border-top:1px solid var(--overlay-08);animation:fadeIn .3s var(--ease-out) both;margin-top:1rem;padding-top:1rem}.grammar-feedback-result{margin-bottom:.4rem;font-weight:700}.grammar-feedback-result--correct{color:var(--correct)}.grammar-feedback-result--wrong{color:var(--wrong)}.grammar-feedback-explanation{color:var(--text-muted);font-size:.9rem;line-height:1.5}.grammar-report-btn{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:.75rem;padding:0;font-size:.8rem;text-decoration:underline}.grammar-report-btn:disabled{opacity:.6;cursor:default}.grammar-report-status{color:var(--text-muted);margin-top:.75rem;font-size:.8rem}.grammar-report-status--error{color:var(--wrong)}.grammar-results-title{color:var(--text);margin-bottom:.35rem;font-size:1.4rem;font-weight:700}.grammar-results-topic{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}@media (width>=768px){.app{max-width:960px}.main{padding:1.5rem 2rem}.header{padding:.85rem 2rem;padding-top:calc(.85rem + env(safe-area-inset-top,0px));gap:1rem}.logo{gap:.5rem;font-size:1.05rem}.header-start .header-badges{margin-left:.25rem}.header-start{gap:.75rem}.header-actions{flex:initial;gap:.75rem}.main--immersive,body.category-reviewing .main{padding:.75rem 1.25rem 1rem;padding-top:calc(.55rem + env(safe-area-inset-top,0px))}}@media (width>=1100px){.app{max-width:1200px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.modal-overlay{z-index:1000;background:rgba(var(--bg-rgb), .82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .25s var(--ease-out);overscroll-behavior:contain;justify-content:center;align-items:flex-start;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay>*{flex-shrink:0;margin:auto}.modal-content{background:var(--surface-solid);border:1px solid var(--overlay-10);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow);animation:modalEnter .3s var(--ease-spring);padding:1.75rem 1.5rem 1.5rem;position:relative}.modal-title{color:var(--text);margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}.modal>.modal-title{margin-bottom:0}.modal-close{background:var(--overlay-05);border:1px solid var(--overlay-08);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:.35rem .5rem;font-size:.9rem;line-height:1;transition:all .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--overlay-10);color:var(--text)}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}@keyframes modalEnter{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.pinned-list-page{max-width:640px;margin:0 auto;padding-bottom:1.5rem}.pinned-list-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.pinned-list-title{min-width:0;font-family:var(--font-display);flex:1;margin:0;font-size:1.5rem}.pinned-list-count{border-radius:var(--radius-pill);background:var(--tone-amber-bg);color:var(--tone-amber-fg);flex-shrink:0;padding:.2rem .7rem;font-size:.85rem;font-weight:600}.pinned-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.pinned-list-item{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);align-items:center;gap:.85rem;padding:.75rem .9rem;transition:border-color .15s;display:flex}.pinned-list-item:hover{border-color:var(--border-strong)}.pinned-list-index{background:var(--surface-sunken);width:2rem;height:2rem;color:var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:600;display:grid}.pinned-list-word{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:.1rem;padding:0;display:flex}.pinned-list-front{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.1rem;font-weight:600}.pinned-list-back{color:var(--text-muted);overflow-wrap:anywhere;font-size:.9rem}.pinned-list-learned{border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.pinned-list-learned:hover{background:var(--tone-teal-bg);border-color:var(--border-strong);color:var(--tone-teal-fg)}.tabbar{background:var(--surface);border-top:1px solid var(--border);z-index:120;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-shrink:0;grid-template-columns:repeat(4,1fr);padding:0 .45rem;display:grid}.tabbar-link{min-width:0;min-height:3rem;padding:.4rem .15rem calc(.45rem + var(--safe-bottom));color:var(--text-muted);letter-spacing:.01em;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.62rem;font-weight:600;text-decoration:none;display:flex}.tabbar-icon{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .12s;display:inline-flex}.tabbar-link:active .tabbar-icon{background:var(--overlay-08);transform:scale(.88)}.tabbar-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.tabbar-me{min-width:0;position:relative}.tabbar-me>.tabbar-link{cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.tabbar-menu{border:1px solid var(--overlay-10);border-radius:var(--radius);background:var(--surface-solid);min-width:12rem;box-shadow:var(--shadow);animation:tabbar-menu-in .16s var(--ease-out);flex-direction:column;gap:.15rem;padding:.3rem;display:flex;position:absolute;bottom:calc(100% - .3rem);right:.15rem}@keyframes tabbar-menu-in{0%{opacity:0;transform:translateY(6px)}}.tabbar-menu__item{border-radius:var(--radius-sm);color:var(--text);text-align:left;white-space:nowrap;align-items:center;gap:.55rem;padding:.6rem .65rem;font-size:.85rem;font-weight:600;display:flex}.tabbar-menu__item--button{cursor:pointer;background:0 0;border:0;width:100%;font-family:inherit}.tabbar-menu__item:active{background:var(--overlay-08)}.tabbar-menu__icon{color:var(--accent-text);display:inline-flex}.tabbar-menu__icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.tabbar-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar-link--active .tabbar-icon{color:var(--accent-text);border-color:rgba(var(--accent-rgb), .7);background:rgba(var(--accent-rgb), .14);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .16)}.app--immersive .header,body.category-reviewing .header{display:none}.main--immersive,body.category-reviewing .main{padding:.55rem .7rem .85rem;padding-top:calc(.45rem + env(safe-area-inset-top,0px))}.main--immersive .page-enter,body.category-reviewing .main .page-enter{height:100%;animation:none;transform:none}@media (width>=768px){.tabbar{padding-left:1.5rem;padding-right:1.5rem}}.reading-intro{margin-bottom:1rem}.reading-upload{width:100%;margin-bottom:1.25rem}.reading-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.reading-card{background:var(--surface);border:1px solid var(--overlay-08);border-radius:var(--radius);align-items:stretch;gap:.15rem;display:flex;overflow:hidden}.reading-card-main{min-width:0;color:inherit;flex:1;gap:.85rem;padding:.75rem;display:flex}.reading-cover{object-fit:cover;background:var(--surface2);border-radius:8px;flex-shrink:0;width:3.4rem;height:4.6rem}.reading-cover--placeholder{justify-content:center;align-items:center;font-size:1.4rem;display:flex}.reading-card-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.reading-card-title{font-size:.95rem;font-weight:700}.reading-card-author{color:var(--text-muted);font-size:.8rem}.reading-card-action{color:var(--accent-text);margin-top:auto;font-size:.78rem;font-weight:600}.reading-delete{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.75rem .85rem;font-size:.75rem}.reading-delete:hover{color:var(--wrong)}.app--reading .tabbar{display:none}.main.main--reading{padding:calc(.3rem + env(safe-area-inset-top,0px)) .3rem calc(.3rem + var(--safe-bottom))}.app--reading .word-sheet{padding-bottom:calc(1rem + var(--safe-bottom))}.reader{flex-direction:column;gap:.3rem;height:100%;min-height:0;display:flex}.reader-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:0 .35rem;display:grid}.reader-back{white-space:nowrap;font-size:.85rem;font-weight:600}.reader-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.reader-page{color:var(--text-muted);text-align:right;min-width:3.6rem;font-size:.75rem}.reader-viewport-wrap{flex:1;min-height:240px;position:relative}.reader-viewport{background:var(--bg);border:1px solid var(--overlay-08);border-radius:var(--radius);height:100%;min-height:240px;position:relative;overflow:hidden}@media (width<=767px){.reader-viewport{border:none;border-radius:.6rem}}.status-detail{opacity:.75;overflow-wrap:anywhere;margin-top:.3rem;font-size:.72rem;display:block}.reader-touch-layer{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.reader-loading{z-index:2;background:rgba(var(--bg-rgb), .55);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reader-loading .loading-screen{padding:1rem}.reader-nav{display:none}@media (width>=768px){.reader-nav{justify-content:space-between;gap:.5rem;display:flex}}.reader-nav .btn{padding:.65rem .7rem;font-size:.85rem}.word-sheet-backdrop{z-index:200;background:rgba(var(--bg-rgb), .55);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.word-sheet{width:min(480px,100%);max-height:min(calc(72dvh / var(--ui-zoom)), 34rem);padding:.65rem 1rem calc(1rem + var(--tabbar-h) + var(--safe-bottom));background:var(--surface-solid);border:1px solid var(--overlay-10);border-bottom:none;border-radius:18px 18px 0 0;overflow-y:auto;box-shadow:0 -12px 40px #0006}.word-sheet-handle{background:var(--overlay-18);border-radius:999px;width:2.6rem;height:4px;margin:.15rem auto .75rem}.word-sheet-title-row{align-items:center;gap:.5rem;display:flex}.word-sheet-word{letter-spacing:-.02em;font-size:1.35rem}.word-sheet-pos,.word-sheet-ipa{color:var(--text-muted);font-size:.82rem}.word-sheet-ipa{font-family:ui-serif,Georgia,serif}.word-sheet-status{padding:.75rem 0}.word-sheet-body{flex-direction:column;gap:.9rem;margin:.85rem 0 1rem;display:flex}.word-sheet-body h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem}.word-sheet-example{font-style:italic}.word-sheet-example-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.word-sheet-extend{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.word-sheet-extend .word-sheet-sense:disabled{opacity:.35;cursor:default}.word-sheet-add-btn{width:100%;margin-bottom:.6rem}.word-sheet-add{gap:.6rem;margin-bottom:.9rem}.word-sheet-add-done{margin-bottom:.9rem}.word-sheet-senses{flex-wrap:wrap;gap:.4rem;display:flex}.word-sheet-sense{border:1px solid var(--overlay-12);background:var(--overlay-04);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:.3rem .7rem;font-size:.78rem}.word-sheet-sense--active{border-color:rgba(var(--accent-rgb), .7);background:rgba(var(--accent-rgb), .18)}.word-sheet-close{width:100%}.image-picker{flex-direction:column;gap:.45rem;display:flex}.image-picker-label{color:var(--text-muted);font-size:.85rem}.image-picker-strip{-webkit-overflow-scrolling:touch;gap:.4rem;padding-bottom:.25rem;scroll-padding:3px;display:flex;overflow-x:auto}.image-picker-tile{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);background:var(--surface2);cursor:pointer;flex:none;width:72px;height:54px;padding:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.image-picker-tile img{object-fit:cover;width:100%;height:100%;display:block}.image-picker-tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.image-picker-none{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.95rem;display:flex}.image-picker-none-text{text-align:center;font-size:.6rem;line-height:1.1}.image-picker-search{gap:.4rem;display:flex}.image-picker-search input{flex:1;min-width:0}.image-picker-search .btn{flex:none;padding-inline:.8rem}.tour{z-index:1200;position:fixed;inset:0}.tour-hole{pointer-events:none;box-shadow:0 0 0 2px var(--accent), 0 0 0 9999px #000000b8;transition:top .22s var(--ease-out), left .22s var(--ease-out), width .22s var(--ease-out), height .22s var(--ease-out);border-radius:12px;position:absolute}.tour-bubble{border-radius:var(--radius);border:1px solid var(--overlay-10);background:var(--surface-solid);box-shadow:var(--shadow);padding:1rem 1.1rem .9rem;position:absolute}.tour-arrow{background:var(--surface-solid);border-top:1px solid var(--overlay-10);border-left:1px solid var(--overlay-10);width:12px;height:12px;margin-left:-6px;position:absolute;top:-6px;transform:rotate(45deg)}.tour-bubble--above .tour-arrow{top:auto;bottom:-6px;transform:rotate(225deg)}.tour-title{color:var(--text);margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.tour-body{color:var(--text-muted);margin:0 0 .9rem;font-size:.92rem;line-height:1.5}.tour-actions{align-items:center;gap:.5rem;display:flex}.tour-progress{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:auto;font-size:.78rem}.tour-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:.4rem .5rem;font-family:inherit;font-size:.85rem}.tour-skip:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.tour-hole{transition:none}}.banner--talk{background:var(--surface-solid);border-color:#a78bfa52}.banner--talk:hover{border-color:#a78bfa8c;transform:translateY(-2px)}.talk-page{flex-direction:column;gap:1rem;width:100%;max-width:52rem;margin:0 auto;display:flex}.talk-head{flex-direction:column;gap:.9rem;display:flex}.talk-head__row{align-items:center;gap:.5rem;display:flex}.talk-head__back{width:2.25rem;height:2.25rem;color:var(--text);border-radius:50%;place-items:center;margin-left:-.5rem;display:grid}.talk-head__back:hover{background:var(--overlay-06)}.talk-head__title{font-family:var(--font-display);letter-spacing:-.02em;flex:1;font-size:1.6rem;font-weight:700;line-height:1.15}.talk-head__sub{color:var(--text-soft);margin-top:.3rem;font-size:.9rem}.talk-duration{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.6rem;display:flex}.talk-duration__label{color:var(--text-muted);margin-right:.2rem;font-size:.82rem}.talk-duration__option{border:1px solid var(--border-strong);color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}.talk-duration__option.is-active{background:var(--text);color:var(--bg);border-color:#0000}.talk-duration__option:disabled{opacity:.6;cursor:default}@media (width<=1023px){.talk-head__sub{display:none}}.talk-modes{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.talk-modes__tab{min-width:0;min-height:2.6rem;color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:.45rem .75rem;font-size:.88rem;font-weight:650;line-height:1.2;transition:background .2s,color .2s}.talk-modes__tab:hover{color:var(--text)}.talk-modes__tab.is-active{background:var(--text);color:var(--bg)}.talk-spin{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.talk-spin__wheel{flex-direction:column;align-items:center;gap:1.1rem;width:100%;display:flex}.talk-spin__btn{gap:.5rem;width:100%;max-width:19rem}.talk-wheel{aspect-ratio:1;width:min(84vw,19rem);position:relative}.talk-wheel-svg{filter:drop-shadow(0 14px 30px #00000073);transform-origin:50%;width:100%;height:100%}.talk-wheel-rim{fill:#2a2119;stroke:#00000059;stroke-width:1px}.talk-wheel-slice{stroke:#1a140f;stroke-width:3px;stroke-linejoin:round;transition:filter .4s var(--ease-out), opacity .4s var(--ease-out)}.talk-wheel-slice--tone0{fill:#2b4b45;--wheel-ink:#a7ead8}.talk-wheel-slice--tone1{fill:#5a302a;--wheel-ink:#f6bba9}.talk-wheel-slice--tone2{fill:#2c3c62;--wheel-ink:#b2c9f7}.talk-wheel-slice--tone3{fill:#403461;--wheel-ink:#d1c2fa}.talk-wheel-slice--tone4{fill:#5d4920;--wheel-ink:#f4d892}.talk-wheel-slice--tone5{fill:#23465a;--wheel-ink:#a3d8f0}.talk-wheel-slice--tone6{fill:#5e3b1c;--wheel-ink:#f8c48e}.talk-wheel-slice--tone7{fill:#3b4a26;--wheel-ink:#cfe7a3}.talk-wheel-slice--random{fill:#572a49;--wheel-ink:#f3b0dc}.talk-wheel-slice--won{filter:brightness(1.35)saturate(1.15)}.talk-wheel-slice--lost{opacity:.55}.talk-wheel-label{fill:var(--wheel-ink);font-family:var(--font-body);text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-weight:700}.talk-wheel-hub{aspect-ratio:1;background:#15110d;border:3px solid #2a2119;border-radius:50%;place-items:center;width:21%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000080}.talk-wheel-hub img{width:62%;height:62%}.talk-wheel-pointer{z-index:1;border-left:11px solid #0000;border-right:11px solid #0000;border-top:20px solid var(--accent);filter:drop-shadow(0 2px 4px #00000080);width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.talk-pick{border:1px dashed var(--border-strong);border-radius:var(--radius-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:100%;max-width:26rem;padding:1.25rem 1.1rem;display:flex}.talk-pick--chosen{border:1px solid rgba(var(--accent-rgb), .3);background:var(--surface-solid);animation:slideUp .45s var(--ease-out) both}.talk-pick__mark{border-radius:var(--radius-card);background:rgba(var(--accent-rgb), .12);width:3rem;height:3rem;color:var(--accent-text);font-family:var(--font-display);place-items:center;margin-bottom:.4rem;font-size:1.4rem;font-weight:700;display:grid}.talk-pick__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.25}.talk-pick__sub{max-width:18rem;color:var(--text-soft);font-size:.85rem}.talk-pick__category{background:var(--overlay-06);color:var(--text-soft);border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:600}.talk-pick__emoji{margin-top:.3rem;font-size:2.2rem;line-height:1}.talk-pick__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.talk-pick__start{width:100%;max-width:18rem;min-height:3rem;font-size:.95rem}.talk-pick__prompt{max-width:24rem;font-family:var(--font-display);margin-bottom:.75rem;font-size:1.2rem;font-weight:700;line-height:1.3}@media (width>=1024px){.talk-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1.5rem}.talk-head__back,.talk-head .header-streak{display:none}.talk-head__title{font-size:1.9rem}.talk-modes{flex-shrink:0;min-width:19rem}.talk-spin{grid-template-columns:21rem minmax(0,1fr);align-items:stretch;gap:3.5rem;margin-top:2.25rem;display:grid}.talk-spin__wheel{gap:1.75rem}.talk-wheel{width:21rem}.talk-pick{gap:.6rem;max-width:none;padding:2rem 2.25rem}}.talk-actions{flex-direction:column;gap:.5rem;width:100%;max-width:26rem;display:flex}.talk-speaking,.talk-review{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:26rem;display:flex}.talk-speaking-prompt{font-size:1rem;font-weight:600;line-height:1.35}.talk-timer{flex-direction:column;align-items:center;gap:.2rem;display:flex}.talk-timer-clock{font-variant-numeric:tabular-nums;font-size:3.2rem;font-weight:700;line-height:1}.talk-timer--ending .talk-timer-clock{color:var(--wrong)}.talk-timer-label{color:var(--text-muted);font-size:.8rem}.talk-timer-bar{background:var(--overlay-08);border-radius:999px;width:100%;height:6px;overflow:hidden}.talk-timer-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s linear;display:block}.talk-review-title{font-size:1.1rem}.talk-review-meta{color:var(--text-muted);font-size:.8rem}.audio-player{border:1px solid var(--overlay-08);border-radius:var(--radius-card);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);align-items:center;gap:.7rem;padding:.6rem .8rem;display:flex}.audio-player--playing{border-color:rgba(var(--accent-rgb), .45);box-shadow:var(--shadow-sm), 0 0 18px var(--accent-glow)}.audio-player-toggle{background:var(--accent);width:2.75rem;height:2.75rem;color:var(--on-accent);cursor:pointer;transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease-out);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.audio-player-toggle:active{transform:scale(.92)}.audio-player--playing .audio-player-toggle{box-shadow:0 0 0 4px var(--accent-glow)}.audio-player-toggle svg{fill:currentColor;width:1.25rem;height:1.25rem}.audio-player-wave{cursor:pointer;touch-action:none;flex:1;align-items:center;gap:2px;height:2.2rem;display:flex}.audio-player-bar{background:var(--overlay-14);border-radius:999px;flex:1;min-width:2px;transition:background-color .15s linear,opacity .15s linear}.audio-player-time{text-align:right;min-width:2.6rem;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.8rem}.talk-pending{border:1px dashed var(--overlay-18);border-radius:var(--radius);color:var(--text-muted);padding:.8rem .9rem;font-size:.82rem;line-height:1.45}.talk-analyzing{flex-direction:column;align-items:center;gap:.3rem;display:flex}.talk-analyzing-title{font-weight:600}.talk-analyzing-sub{color:var(--text-muted);font-size:.8rem}.speaking-feedback{text-align:left;width:100%}.speaking-count{color:var(--text-muted);margin-bottom:.7rem;font-size:.8rem}.speaking-transcript{border:1px solid var(--overlay-08);border-radius:var(--radius);background:var(--surface);padding:.9rem;font-size:.95rem;line-height:2}.seg--ok{color:var(--correct)}.seg--error{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:inline}.seg-wrong{color:var(--wrong);-webkit-text-decoration:line-through #f8717199;text-decoration:line-through #f8717199}.seg-fix{border-radius:var(--radius-sm);color:var(--correct);background:#34d39929;margin-left:.3rem;padding:.05rem .35rem;font-weight:600}.seg--open .seg-fix{background:#34d3994d;box-shadow:0 0 0 1px #34d39980}.speaking-hint{border-left:2px solid rgba(var(--accent-rgb), .5);min-height:2.4rem;color:var(--text-muted);margin-top:.6rem;padding:.5rem .7rem;font-size:.82rem;line-height:1.45}.speaking-note{border:1px solid var(--overlay-08);border-radius:var(--radius);background:var(--surface);margin-top:.9rem;padding:.8rem .9rem;font-size:.85rem;line-height:1.5}.speaking-note-title{color:var(--accent-text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.72rem}.pron-scores{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.5rem 0 .9rem;display:grid}.pron-score{border-radius:var(--radius-sm);background:var(--overlay-08);flex-direction:column;align-items:center;gap:.1rem;padding:.55rem .4rem;display:flex}.pron-score__value{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.pron-score__label{color:var(--text-muted);font-size:.72rem}.pron-score--good .pron-score__value,.pron-word__score.pron-score--good{color:var(--correct)}.pron-score--ok .pron-score__value,.pron-word__score.pron-score--ok{color:var(--accent-text)}.pron-score--low .pron-score__value,.pron-word__score.pron-score--low{color:var(--wrong)}.pron-words__title{margin-bottom:.4rem;font-size:.8rem;font-weight:600}.pron-words__empty{color:var(--text-muted)}.pron-words{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.pron-word{border:1px solid var(--overlay-08);border-radius:999px;align-items:baseline;gap:.35rem;padding:.3rem .55rem;display:inline-flex}.pron-word__text{font-weight:600}.pron-word__score{font-size:.75rem;font-weight:700}.pron-word__sounds{color:var(--text-muted);font-size:.75rem}.word-practice{flex-direction:column;gap:.75rem;width:100%;display:flex}.word-search{gap:.5rem;display:flex}.word-search__field{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface-solid);min-width:0;color:var(--text-muted);flex:1;align-items:center;gap:.6rem;padding:0 .9rem;transition:border-color .2s,box-shadow .2s;display:flex}.word-search__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.word-search__input{min-width:0;height:3rem;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1.05rem;font-weight:600}.word-search__go{border-radius:var(--radius-card);justify-content:center;align-items:center;gap:.4rem;min-width:3rem;height:3rem;padding:0 .85rem;display:inline-flex}.word-search__error{padding:0}.word-step{color:var(--accent-text);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}.word-board{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"card card card""result result result""prompt prompt prompt""listen mic slow";align-items:center;gap:.75rem;display:grid}.word-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;grid-area:card;align-items:flex-start;gap:.4rem;padding:1.25rem 1.25rem 1.1rem;display:flex}.word-card__top{justify-content:space-between;align-items:center;width:100%;min-height:2.25rem;display:flex}.word-card__top .word-step{visibility:hidden}.word-card__pin{border:1px solid var(--border-strong);width:2.5rem;height:2.5rem;color:var(--accent-text);cursor:pointer;background:0 0;border-radius:12px;place-items:center;display:grid}.word-card__pin.is-pinned svg{fill:var(--accent)}.word-card__word{max-width:calc(100% - 3rem);font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:-2.4rem;font-size:clamp(2.2rem,10vw,3rem);font-weight:700;line-height:1.05}.word-card__translation{color:var(--text-soft);font-size:.95rem}.word-card__label{color:var(--text-soft);margin-top:.75rem;font-size:.85rem}.word-card__hint{color:var(--text-muted);font-size:.75rem}.word-card__empty{color:var(--text-soft);margin-top:-2.4rem;padding:.5rem 0 1rem}.word-card__skeleton{gap:.4rem;margin-top:.75rem;display:flex}.word-card__skeleton span{background:var(--overlay-06);border-radius:12px;width:4.5rem;height:3rem;animation:1.2s ease-in-out infinite word-dot}.word-syllables{flex-wrap:wrap;gap:.45rem;width:100%;display:flex}.word-syllable{background:var(--surface2);min-width:3.5rem;max-width:7.5rem;color:var(--text);font-family:var(--font-display);text-align:center;border-radius:12px;flex:1 1 0;padding:.6rem .75rem;font-size:1.35rem;font-weight:700}.word-syllable--stressed{background:var(--accent);color:var(--on-accent)}.word-tip{border:1px dashed var(--border-strong);border-radius:var(--radius-card);width:100%;color:var(--text-soft);align-items:flex-start;gap:.6rem;margin-top:.75rem;padding:.8rem .9rem;font-size:.88rem;line-height:1.45;display:flex}.word-tip svg{color:var(--accent-text);flex-shrink:0;margin-top:.05rem}.word-listen,.word-record{display:contents}.word-listen__btn{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.4rem;padding:0;font-size:.85rem;font-weight:650;display:flex}.word-listen__btn--main{grid-area:listen}.word-listen__btn--slow{grid-area:slow}.word-listen__btn:disabled{opacity:.4;cursor:not-allowed}.word-listen__icon{border:1px solid var(--border-strong);background:var(--surface);width:3.5rem;height:3.5rem;color:var(--accent-text);border-radius:50%;place-items:center;transition:border-color .2s,background .2s;display:grid}.word-listen__btn.is-playing .word-listen__icon{border-color:rgba(var(--accent-rgb), .6);background:rgba(var(--accent-rgb), .14)}.word-record__step{display:none}.word-record__result{text-align:center;flex-direction:column;grid-area:result;align-items:center;gap:.6rem;display:flex}.word-record__result:empty{display:none}.word-record__result .status{padding:0}.word-record .word-mic{grid-area:mic;justify-self:center}.word-record__prompt{text-align:center;grid-area:prompt}.word-record__title{color:var(--text-soft);font-weight:650}.word-record__sub{display:none}@media (width>=1024px){.word-board{grid-template:"card record"1fr"listen record"/minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0 1.25rem;margin-top:.5rem}.word-card{border-radius:var(--radius-card) var(--radius-card) 0 0;border-bottom:0;padding:1.4rem 1.6rem .5rem}.word-card__top .word-step{visibility:visible}.word-card__word,.word-card__empty{max-width:none;margin-top:.3rem}.word-card__word{font-size:2.6rem}.word-listen{border:1px solid var(--border-strong);border-radius:0 0 var(--radius-card) var(--radius-card);background:var(--surface);border-top:0;grid-area:listen;gap:.6rem;padding:1rem 1.6rem 1.4rem;display:flex}.word-listen__btn{border:1px solid var(--border-strong);border-radius:12px;flex-direction:row;justify-content:center;gap:.5rem;height:2.9rem;padding:0 1rem}.word-listen__btn--main{background:var(--text);color:var(--bg);border-color:#0000;flex:1}.word-listen__btn--main.is-playing{background:var(--accent-hover)}.word-listen__icon{width:auto;height:auto;color:inherit;background:0 0;border:0}.word-listen__btn.is-playing .word-listen__icon{background:0 0}.word-record{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;grid-area:record;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.6rem 1.6rem;display:flex;position:relative}.word-record__step{display:block;position:absolute;top:1.4rem;left:1.6rem}.word-record__prompt{text-align:center}.word-record__title{color:var(--text);font-family:var(--font-display);font-size:1.15rem;font-weight:700}.word-record__sub{color:var(--text-soft);margin-top:.2rem;font-size:.82rem;display:block}.word-record__result{order:0}.word-record .word-mic{order:1}.word-record__prompt{order:2}}.word-stage__status{color:var(--text-soft);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.word-stage__status .word-wave{color:var(--accent-text)}.word-stage__dot{background:var(--wrong);border-radius:50%;width:.55rem;height:.55rem;animation:1.1s ease-in-out infinite word-dot}@keyframes word-dot{50%{opacity:.35}}.word-wave{align-items:center;gap:2px;height:1rem;display:inline-flex}.word-wave span{opacity:.8;background:currentColor;border-radius:2px;width:3px;height:45%}.word-wave span:nth-child(2),.word-wave span:nth-child(4){height:75%}.word-wave span:nth-child(3){height:100%}.word-wave--active span{animation:.9s ease-in-out infinite word-wave}.word-wave--active span:nth-child(2){animation-delay:-.2s}.word-wave--active span:nth-child(3){animation-delay:-.4s}.word-wave--active span:nth-child(4){animation-delay:-.6s}.word-wave--active span:nth-child(5){animation-delay:-.8s}@keyframes word-wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.word-attempt{flex-direction:column;align-items:center;width:100%;display:flex}.word-attempt__score{border:3px solid;border-radius:50%;place-items:center;width:4.75rem;height:4.75rem;display:grid}.word-attempt__score.pron-score--good{color:var(--correct);background:#4cc38a1a}.word-attempt__score.pron-score--ok{color:var(--accent-text);background:rgba(var(--accent-rgb), .1)}.word-attempt__score.pron-score--low{color:var(--wrong);background:#f871711a}.word-attempt__score .pron-score__value{font-size:1.9rem}.word-attempt__verdict{margin:.6rem 0 .9rem;font-weight:600}.word-attempt__words{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.word-attempt__word{flex-direction:column;align-items:center;gap:.35rem;display:flex}.word-attempt__text{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.word-attempt__word--missing .word-attempt__text{color:var(--text-muted);text-decoration:line-through}.word-attempt__sounds{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.word-sound{border-radius:var(--radius-sm);flex-direction:column;align-items:center;min-width:2.4rem;padding:.3rem .4rem;display:flex}.word-sound__symbol{font-size:1.05rem;font-weight:600}.word-sound__score{opacity:.85;font-size:.7rem}.word-sound--good{color:var(--correct);background:#4cc38a29}.word-sound--ok{background:rgba(var(--accent-rgb), .16);color:var(--accent-text)}.word-sound--low{color:var(--wrong);background:#f8717129}.word-attempt__note{color:var(--text-muted);margin-top:.7rem;font-size:.82rem}.word-attempt__stats{color:var(--text-muted);margin-top:.5rem;font-size:.78rem}.word-playback__btn{white-space:normal;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding-left:.6rem;padding-right:.6rem;line-height:1.2;display:inline-flex}.word-playback__btn .word-wave{color:var(--accent-text)}.word-playback__btn--playing{border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .1)}.word-mic{border:3px solid var(--accent);background:var(--surface-solid);width:5.75rem;height:5.75rem;box-shadow:0 0 0 10px rgba(var(--accent-rgb), .06), 0 0 32px var(--accent-glow);cursor:pointer;transition:transform .15s var(--ease-out), opacity .2s, box-shadow .2s;border-radius:50%;place-items:center;margin:.5rem 0;padding:0;display:grid}.word-mic:not(:disabled):hover{transform:scale(1.04)}.word-mic:not(:disabled):active{transform:scale(.97)}.word-mic:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.word-mic__core{background:var(--accent);width:3.4rem;height:3.4rem;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.word-mic--listening:disabled,.word-mic--checking:disabled{opacity:1}.word-mic--listening:disabled{animation:1.4s ease-out infinite word-mic-pulse}.word-mic--checking:disabled{opacity:.7}@keyframes word-mic-pulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .45), 0 0 32px var(--accent-glow)}to{box-shadow:0 0 0 22px rgba(var(--accent-rgb), 0), 0 0 32px var(--accent-glow)}}@media (prefers-reduced-motion:reduce){.word-stage__dot,.word-wave--active span,.word-mic--listening:disabled{animation:none}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;margin-top:.9rem;display:grid}.stats-tile{border:1px solid var(--overlay-08);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;align-items:flex-start;gap:.1rem;padding:.8rem .9rem;display:flex}.stats-tile__icon{margin-bottom:.25rem;font-size:1.1rem;line-height:1}.stats-tile__value{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700;line-height:1}.stats-tile__label{color:var(--text-muted);font-size:.78rem}.stats-section-title{margin-top:1.4rem;margin-bottom:.6rem;font-size:1rem}.stats-bars{flex-direction:column;gap:.5rem;list-style:none;display:flex}.stats-bar{grid-template-columns:minmax(4.5rem,8rem) 1fr auto;align-items:center;gap:.6rem;font-size:.82rem;display:grid}.stats-bar__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats-bar__track{background:var(--overlay-08);border-radius:999px;height:8px;overflow:hidden}.stats-bar__fill{background:var(--accent);border-radius:999px;height:100%;display:block}.stats-bar__value{color:var(--text-muted);font-variant-numeric:tabular-nums}.admin-totals{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem;margin:.9rem 0 1.2rem;display:grid}.admin-totals .stats-tile{padding:.65rem .75rem}.admin-totals .stats-tile__value{font-size:1.5rem}.admin-number{font-variant-numeric:tabular-nums;text-align:right}.app-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sidebar{display:none}.btn-outline{color:var(--text);border:1px solid var(--line-accent);background:0 0}.btn-outline:hover:not(:disabled){background:rgba(var(--accent-rgb), .08)}@media (width>=1024px){.app{flex-direction:row;max-width:none}.app-bg{background:var(--bg)}.app-column>.header,.app-column>.tabbar{display:none}.main{padding:40px 56px}.main:not(.main--immersive)>.page-enter{max-width:1100px;margin:0 auto}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:24px;width:232px;height:100%;padding:24px 16px;display:flex;overflow-y:auto}}.sidebar-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-top__actions{align-items:center;gap:6px;display:flex}.sidebar-top__actions .header-lang-toggle{height:2.1rem}.sidebar-theme-toggle{width:2.1rem;height:2.1rem}.sidebar-logo{color:var(--text);font-family:var(--font-display);align-items:center;gap:10px;padding:0 8px;font-size:22px;font-weight:700;display:flex}.sidebar-logo img{border-radius:8px;width:32px;height:32px}.sidebar-new{border-radius:var(--radius);gap:8px;height:44px;font-size:15px;font-weight:700}.sidebar-links{flex-direction:column;gap:4px;display:flex}.sidebar-link{border-radius:var(--radius-sm);height:44px;color:var(--text-soft);align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{color:var(--text);background:rgba(var(--surface2-rgb), .6)}.sidebar-link--active{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--text);font-weight:600}.sidebar-spacer{flex-grow:1}.sidebar-streak{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:14px;padding:16px;display:flex}.sidebar-streak__head{align-items:center;gap:10px;display:flex}.sidebar-streak__flame{display:flex}.sidebar-streak__count{font-size:15px;font-weight:700}.sidebar-streak__hint{color:var(--text-muted);font-size:13px}.sidebar-week{text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;font-size:11px;display:grid}.sidebar-week__day{text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;display:flex}.sidebar-week__dot{border:1.5px solid var(--border-strong);border-radius:50%;width:18px;height:18px}.sidebar-week__day--future .sidebar-week__dot{border-style:dashed}.sidebar-week__day--today{color:var(--text);font-weight:700}.sidebar-week__day--today .sidebar-week__dot{border-color:var(--accent-live-fg)}.sidebar-week__day--done .sidebar-week__dot{background:var(--accent-live);border-color:var(--accent-live-fg)}.sidebar-account{position:relative}.sidebar-profile{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;font-family:inherit;display:flex}.sidebar-profile:hover,.sidebar-profile[aria-expanded=true]{background:rgba(var(--surface2-rgb), .6)}.sidebar-profile__avatar{background:var(--surface-active);width:36px;height:36px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-profile__text{flex-direction:column;min-width:0;display:flex}.sidebar-profile__name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sidebar-profile__sub{color:var(--text-muted);font-size:12px}.sidebar-menu{background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:10;border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.sidebar-menu__item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.sidebar-menu__item:hover{background:var(--surface2)}.sidebar-menu__item--danger{color:var(--wrong)}.home{flex-direction:column;gap:28px;display:flex}.home-header{flex-direction:column;gap:6px;display:flex}.home-title{font-family:var(--font-display);font-size:var(--text-heading-sm);letter-spacing:var(--tracking-heading);font-weight:700;line-height:1.2}.home-hero{border-radius:var(--radius-card);background:var(--surface-raised);border:1px solid var(--border);align-items:center;gap:40px;padding:24px 20px;display:flex}.home-hero__body{flex-direction:column;flex-grow:1;gap:12px;min-width:0;display:flex}.home-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:12px;font-weight:700}.home-hero__title{font-family:var(--font-display);letter-spacing:var(--tracking-heading);font-size:1.75rem;font-weight:700;line-height:1.2}.home-hero__sub{color:var(--text-secondary);font-size:16px}.home-hero__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.home-hero__actions .btn{min-height:50px;padding:0 22px}.home-hero__start{gap:10px}.first-deck__list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.first-deck__option{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-solid);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,transform .15s;display:flex}.first-deck__option:hover{border-color:var(--accent);transform:translateY(-1px)}.first-deck__text{flex-direction:column;min-width:0;display:flex}.first-deck__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.first-deck__meta{color:var(--text-muted);font-size:13px}.first-deck__actions{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:4px;display:flex}.home-hero__preview{display:none}.home-section{flex-direction:column;gap:16px;display:flex}.home-section__title{font-size:18px;font-weight:700}.home-practice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;display:grid}.home-practice-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);transition:border-color .15s, transform .15s var(--ease-out);align-items:center;gap:12px;padding:12px 14px;display:flex}.home-practice-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.home-practice-card__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.home-practice-card__text{flex-direction:column;gap:4px;display:flex}.home-practice-card__title{font-size:15px;font-weight:700}.home-practice-card__sub{color:var(--text-muted);font-size:13px;line-height:1.4}.home-tone--amber{background:var(--tone-amber-bg);color:var(--tone-amber-fg)}.home-tone--coral{background:var(--tone-coral-bg);color:var(--tone-coral-fg)}.home-tone--teal{background:var(--tone-teal-bg);color:var(--tone-teal-fg)}.home-tone--violet{background:var(--tone-violet-bg);color:var(--tone-violet-fg)}.home-tone--yellow{background:var(--tone-yellow-bg);color:var(--tone-yellow-fg)}.home-tone--blue{background:var(--tone-blue-bg);color:var(--tone-blue-fg)}.deck-badge{--cat-color:#c2b2fa;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--cat-color) 24%, var(--surface-solid));color:color-mix(in srgb, var(--cat-color) 40%, var(--text));flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}@media (width>=1024px){.home{gap:32px}.home-title{font-size:34px}.home-hero{padding:32px 36px}.home-hero__title{font-size:36px}.home-hero__preview{flex-direction:column;flex-shrink:0;gap:12px;width:min(420px,45%);display:flex}.home-hero__preview-title{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-secondary);padding-left:4px;font-size:12px;font-weight:700}.home-hero__cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-hero__card{border-radius:var(--radius-card);background:var(--surface-sunken);border:1px solid var(--line-accent);align-items:center;gap:14px;min-height:56px;padding:0 18px;display:flex}.home-hero__dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.home-hero__dot--hard{background:var(--hard)}.home-hero__dot--medium{background:var(--medium)}.home-hero__dot--easy{background:var(--easy)}.home-hero__card-front{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.home-hero__card-back{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--text-secondary);flex-shrink:0;font-size:14px;overflow:hidden}}.study-session{flex-direction:column;gap:16px;min-height:100%;display:flex}.practice-first-hint{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);text-align:center;margin:0;padding:10px 14px;font-size:.9375rem}.empty p.practice-first-done{max-width:28rem;color:var(--text-secondary);margin-inline:auto;font-size:1rem}.session-header{border-bottom:1px solid var(--line-soft);flex-shrink:0;align-items:center;gap:12px;padding-bottom:12px;display:flex}.session-header__exit{border-radius:var(--radius);height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 10px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.session-header__exit:hover{background:var(--surface-solid);color:var(--text)}.session-header__progress{flex-direction:column;flex-grow:1;gap:8px;min-width:0;display:flex}.session-header__meta{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.session-header__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-header__meta strong{color:var(--text)}.session-header__track{border-radius:var(--radius-pill);background:var(--surface2);height:10px;display:flex}.session-header__track span{border-radius:var(--radius-pill);background:var(--accent-live);box-shadow:inset 0 0 0 1px var(--accent-live-fg);transition:width .3s var(--ease-out)}.study{flex-direction:column;gap:16px;width:100%;max-width:620px;margin:0 auto;display:flex}.study-card{border-radius:var(--radius-card);background:var(--surface-solid);border:1px solid var(--border);flex-direction:column;display:flex;position:relative;overflow:hidden}.study-card__pin{z-index:1;border:1px solid var(--border);background:var(--surface-hover);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.study-card__pin:hover{color:var(--text)}.study-card__pin.is-pinned{color:var(--medium)}.study-card__pin.is-pinned svg{fill:currentColor}.study-card__image{object-fit:cover;width:100%;height:150px;display:block}.study-card__body{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:24px 20px;display:flex}.study-card__head{flex-direction:column;align-items:center;gap:8px;display:flex}.study-card__word{font-family:var(--font-display);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;font-size:2.25rem;font-weight:700;line-height:1.15}.study-card__pron{color:var(--text-soft);align-items:center;gap:10px;font-size:18px;display:flex}.study-card__speak{background:var(--surface-hover);width:44px;height:44px;color:var(--accent-text);cursor:pointer;transition:transform .15s var(--ease-out);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.study-card__speak:hover,.study-card__speak.is-active{background:var(--surface-active);transform:scale(1.06)}.study-card__speak--small{vertical-align:middle;width:32px;height:32px;margin-left:8px}.study-card__reveal{border-radius:var(--radius);border:1.5px dashed var(--line-strong);width:100%;min-height:76px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:16px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.study-card__reveal:hover{border-color:var(--accent);color:var(--text)}.kbd-hint{border:1px solid var(--line-strong);color:var(--text-muted);border-radius:6px;padding:2px 8px;font-family:inherit;font-size:12px}.difficulty-rate__btn .kbd-hint{color:inherit;font-size:inherit;border:0;padding:0}@media (hover:none){.kbd-hint{display:none}}.study-card__answer{border-radius:var(--radius);background:var(--surface-raised);width:100%;min-height:76px;animation:fadeIn .25s var(--ease-out) both;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.study-card__translation{color:var(--accent-text);font-size:22px;font-weight:700}.study-card__example{font-family:var(--font-serif);color:var(--text-soft);font-size:1.0625rem;line-height:1.5}.study-sentence{border-radius:var(--radius-card);background:var(--surface-sunken);border:1px solid var(--line-soft);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.study-sentence__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.study-sentence__prompt{flex:180px;font-size:15px;font-weight:600}.study-sentence__btn{border-radius:var(--radius);border:1px solid var(--border-strong);height:44px;color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.study-sentence__btn:hover,.study-sentence__btn.is-active{border-color:var(--accent)}.study-sentence__btn.is-live{border-color:var(--wrong);color:var(--wrong)}.study-sentence__form{gap:10px;display:flex}.study-sentence__form input{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-solid);min-width:0;height:44px;color:var(--text);flex:1;padding:0 14px;font-family:inherit;font-size:15px}.study-sentence__form input:focus{border-color:var(--accent);outline:none}.study-sentence__form .btn{border-radius:var(--radius)}.study-sentence__transcript{color:var(--text-soft);font-style:italic}.study-sentence__feedback{color:var(--text-muted);font-size:14px}.study-sentence__feedback--good{color:var(--correct)}.study-sentence__feedback--try{color:var(--accent-text)}.study-footer{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:620px;margin:auto auto 0;padding-top:8px;display:flex}.difficulty-rate{width:100%;animation:fadeIn .25s var(--ease-out) both;flex-direction:column;align-items:center;gap:12px;display:flex}.difficulty-rate__question{color:var(--text-muted);font-size:14px}.difficulty-rate__buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.difficulty-rate__btn{border-radius:var(--radius-card);cursor:pointer;min-height:60px;transition:transform .15s var(--ease-out), filter .15s;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;font-family:inherit;font-size:16px;font-weight:700;display:flex}.difficulty-rate__btn:hover:not(:disabled){filter:brightness(1.12)}.difficulty-rate__btn:active:not(:disabled){transform:scale(.97)}.difficulty-rate__btn:disabled{opacity:.6;cursor:wait}.difficulty-rate__btn>span{font-size:12px;font-weight:500}.difficulty-rate__btn--hard{border:1px solid var(--hard-btn-border);background:var(--hard-btn-bg);color:var(--hard-text)}.difficulty-rate__btn--hard>span{color:var(--hard-text-sub)}.difficulty-rate__btn--medium{border:1px solid var(--medium-btn-border);background:var(--medium-btn-bg);color:var(--medium-text)}.difficulty-rate__btn--medium>span{color:var(--medium-text-sub)}.difficulty-rate__btn--easy{border:1px solid var(--accent-live-fg);background:var(--accent-live);color:var(--on-accent-live)}.difficulty-rate__btn--easy>span{color:var(--on-accent-live);font-weight:600}.study-footer__nav{justify-content:space-between;gap:8px;width:100%;display:flex}.study-nav-btn{height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.study-nav-btn:hover:not(:disabled){color:var(--text);background:var(--surface-solid)}.study-nav-btn:disabled{visibility:hidden}.study-nav-btn--learned{color:var(--correct)}@media (width<=480px){.session-header__exit span{display:none}}.pinned-footer{flex-direction:column;gap:10px;width:100%;display:flex}.pinned-footer__row{gap:8px;display:flex}.pinned-footer__row>.pinned-footer__btn{flex:1 1 0;min-width:0}.pinned-footer__prev{flex:0 0 40px;justify-content:center;width:40px;padding:0}.pinned-footer__prev:disabled{display:none}.pinned-footer__btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-solid);height:44px;color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;justify-content:center;align-items:center;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s;display:flex;overflow:hidden}.pinned-footer__btn:hover{border-color:var(--accent)}.pinned-footer__btn--learned{color:var(--correct);background:#3daf7a1f;border-color:#3daf7a73}.pinned-footer__btn--learned:hover{border-color:var(--correct)}@media (width<=1023px){.study-session{gap:10px}.session-header{padding-bottom:8px}.session-header__exit{height:38px}.study{flex:auto;gap:10px}.study-card{border-radius:var(--radius-card);flex:auto}.study-card__image{flex:3 1 0;height:auto;min-height:88px;max-height:340px}.study-card__body{flex:1 0 auto;justify-content:center}.study-footer{margin-top:0}.study-card__body{gap:12px;padding:14px 16px 16px}.study-card__head{gap:4px}.study-card__word{font-size:30px}.study-card__pron{font-size:15px}.study-card__speak{width:36px;height:36px}.study-card__speak--small{width:28px;height:28px}.study-card__reveal,.study-card__answer{min-height:56px}.study-card__answer{gap:4px;padding:10px 14px}.study-card__translation{font-size:20px}.study-card__example{font-size:1rem}.study-sentence{gap:8px;padding:10px 12px}.study-sentence__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.study-sentence__prompt{text-align:center;grid-column:1/-1;font-size:14px}.study-sentence__btn{justify-content:center;height:38px;padding:0 10px}.study-sentence__form input{height:40px}.study-sentence__transcript,.study-sentence__feedback{text-align:center;font-size:13px}.study-footer{gap:8px;padding-top:0}.difficulty-rate{gap:6px}.difficulty-rate__question{font-size:.8125rem}.difficulty-rate__buttons{gap:8px}.difficulty-rate__btn{gap:0;min-height:48px;padding:4px;font-size:15px}.difficulty-rate__btn>span{font-size:11px}.study-nav-btn{height:36px;font-size:13px}.pinned-footer__btn{height:40px;font-size:13.5px}}@media (width>=1024px){body.category-reviewing .sidebar{display:none}.main.main--immersive,body.category-reviewing .main{padding:0}.study-session{gap:0}.session-header{gap:32px;height:76px;padding:0 40px}.session-header__exit{padding:0 14px}.study{gap:20px;padding-top:36px}.study-card__image{height:172px}.study-card__body{padding:28px 36px 32px}.study-card__word{font-size:48px}.study-footer{padding:20px 0 32px}.difficulty-rate__buttons{gap:12px}}.decks{flex-direction:column;gap:20px;display:flex}.decks-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.decks-header__top{flex:auto;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.decks-header__title{flex-wrap:wrap;align-items:baseline;gap:0 12px;min-width:0;display:flex}.decks-header__title h1,.decks-header__title span{white-space:nowrap}.decks-header__title h1{font-family:var(--font-display);font-size:var(--text-heading-sm);letter-spacing:var(--tracking-heading);font-weight:700}.decks-header__title span{color:var(--text-muted);font-size:16px}.decks-header__actions{flex:0 auto;justify-content:flex-end;align-items:center;gap:12px;display:flex}.decks-header__actions .search-bar{flex:1;width:280px;max-width:280px;margin:0}.decks-new{border-radius:var(--radius);flex-shrink:0;gap:8px;height:44px;padding:0 18px;font-size:15px;font-weight:700}.decks-filters{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.decks-filters::-webkit-scrollbar{display:none}.decks-filter{border:1px solid var(--border-strong);height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.decks-filter:hover{color:var(--text)}.decks-filter__count{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.decks-filter.is-active{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:600}.decks-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;list-style:none;display:grid}.decks-grid:not(.decks-grid--static) .deck-card{animation:fadeIn .3s var(--ease-out) both}.deck-card{-webkit-touch-callout:none;position:relative}.deck-card.is-dragging{z-index:5}.deck-card:has(.options-menu__btn[aria-expanded=true]){z-index:30}.deck-card.is-dragging .deck-card__link{border-color:rgba(var(--accent-rgb), .5);cursor:grabbing;transform:scale(1.03);box-shadow:0 10px 28px #00000059}.deck-card__link{border-radius:var(--radius-card);background:var(--surface-solid);border:1px solid var(--border);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;transition:border-color .15s, transform .15s var(--ease-out);align-items:center;gap:14px;padding:16px 52px 16px 16px;display:flex}.deck-card__link:hover{border-color:var(--border-strong)}.deck-card__text{flex-direction:column;gap:3px;min-width:0;max-width:100%;display:flex}.deck-card__name{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.deck-card__meta{color:var(--text-muted);font-size:13px}.options-menu.deck-card__menu{position:absolute;top:12px;right:10px}@media (width>=1024px){.decks{gap:24px}.decks-header__title h1{font-size:34px}.deck-card__link{flex-direction:column;align-items:flex-start;padding:18px}.deck-card__text{align-self:stretch}.decks-grid{gap:16px}}.options-menu{position:relative}.options-menu__btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.options-menu__btn:hover,.options-menu__btn[aria-expanded=true]{background:var(--surface2);color:var(--text)}.options-menu__list{background:var(--surface-solid);border:1px solid var(--border-strong);min-width:190px;box-shadow:var(--shadow);z-index:20;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 4px);right:0}.options-menu__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.options-menu__item:hover{background:var(--surface2)}.options-menu__item--danger{color:var(--wrong)}.deck{flex-direction:column;gap:20px;display:flex}.deck-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.deck-breadcrumb a{color:var(--text-secondary)}.deck-breadcrumb a:hover,.deck-breadcrumb [aria-current=page]{color:var(--text)}.deck-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.deck-header__top{flex:auto;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.deck-header__title{align-items:center;gap:16px;min-width:0;display:flex}.deck-header__title .deck-badge{border-radius:var(--radius-card);font-size:18px}.deck-header__title div{flex-direction:column;gap:4px;min-width:0;display:flex}.deck-header__title h1{font-family:var(--font-display);letter-spacing:-.5px;overflow-wrap:anywhere;font-size:26px;font-weight:700;line-height:1.15}.deck-header__title span{color:var(--text-muted);font-size:14px}.deck-header__actions{align-items:center;gap:10px;display:flex}.deck-action{border-radius:var(--radius);gap:6px;height:40px;padding:0 14px;font-size:14px;font-weight:700}.deck-action.btn-outline{border-color:var(--border-strong);font-weight:600}.deck-header__menu .options-menu__btn{border-radius:var(--radius);border:1px solid var(--border-strong);width:40px;height:40px;color:var(--text-secondary)}.deck-subs{flex-direction:column;gap:16px;display:flex}.deck-subs .search-bar{max-width:320px;margin:0}.deck-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-toolbar .search-bar{flex:220px;max-width:280px;margin:0}.deck-tabs{border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border);scrollbar-width:none;gap:4px;padding:4px;display:flex;overflow-x:auto}.deck-tabs::-webkit-scrollbar{display:none}.deck-tab{height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.deck-tab:hover{color:var(--text)}.deck-tab.is-active{background:var(--text);color:var(--bg)}.deck-tab__count{opacity:.75;font-weight:500}.deck-tab__dot{border-radius:50%;width:8px;height:8px}@media (width<=1023px){.decks-filter{padding:0 13px;font-size:13.5px}.deck-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid;overflow:visible}.deck-tab{justify-content:center;gap:4px;min-width:0;height:34px;padding:0 4px;font-size:12.5px}.deck-tab__dot{flex-shrink:0;width:6px;height:6px}.deck-tab__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.deck-tab__count{flex-shrink:0}}.difficulty-dot--easy{background:var(--easy)}.difficulty-dot--medium{background:var(--medium)}.difficulty-dot--hard{background:var(--hard)}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px;list-style:none;display:grid}.deck-tile{perspective:1000px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;height:100%;min-height:280px;display:flex;position:relative}.deck-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-card)}.deck-tile__face{border-radius:var(--radius-card);background:var(--surface-solid);border:1px solid var(--border);backface-visibility:hidden;transition:transform .45s var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}.deck-tile__face--front{flex:1;position:relative;transform:rotateY(0)}.deck-tile__face--back{text-align:center;background:var(--surface-raised);border-color:var(--border-strong);justify-content:center;align-items:center;gap:12px;padding:24px 22px;overflow-y:auto;transform:rotateY(-180deg)}.deck-tile.is-flipped .deck-tile__face--front{transform:rotateY(180deg)}.deck-tile.is-flipped .deck-tile__face--back{transform:rotateY(0)}.deck-grid li:has(.options-menu__btn[aria-expanded=true]){z-index:30;position:relative}.deck-tile__image{object-fit:cover;border-radius:calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0;flex-shrink:0;width:100%;height:140px;display:block}.deck-tile__pin{color:#e8ddd0;cursor:pointer;background:#14100cb8;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:8px;right:8px}.deck-tile__pin.is-pinned{color:var(--p-marigold)}.deck-tile__pin.is-pinned svg{fill:currentColor}.deck-tile__body{flex-direction:column;flex:1;justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.deck-tile__head{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.deck-tile__word{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.25}.deck-tile__pron{justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.deck-tile__ipa{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.deck-tile__lang{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:.75rem;font-weight:700}.deck-tile__back{color:var(--accent-text);overflow-wrap:anywhere;font-size:17px;font-weight:700;line-height:1.3}.deck-tile__example{font-family:var(--font-serif);color:var(--text-soft);font-size:1rem;line-height:1.5}.added-dialog{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.added-dialog__icon{background:var(--easy-bg);width:56px;height:56px;color:var(--easy);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal:has(.added-dialog) .modal-title{text-align:center}.example-translation{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.example-translation__toggle{color:var(--accent-text);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:13px;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.example-translation__toggle:disabled{cursor:default;opacity:.7}.example-translation__text{color:var(--text-secondary);animation:fadeIn .2s var(--ease-out) both;font-size:14px;line-height:1.45}.example-translation__error{color:var(--wrong);font-size:13px}.deck-tile__speak{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--accent-text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.deck-tile__speak:hover,.deck-tile__speak.is-active{background:var(--surface-hover)}.deck-tile__speak--inline{vertical-align:middle;width:26px;height:26px;margin-left:6px}.deck-tile__foot{justify-content:space-between;align-items:center;gap:8px;margin-bottom:-4px;margin-right:-6px;display:flex}.deck-tile__foot .options-menu__btn{width:32px;height:32px}.deck-tile__actions{align-items:center;gap:4px;display:flex}.deck-tile__practice{background:var(--accent-soft);height:28px;color:var(--accent-text);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-family:inherit;font-size:.8125rem;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.deck-tile__face{transition:none}}.difficulty-tag{border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.difficulty-tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.difficulty-tag--easy{background:var(--easy-bg);color:var(--easy)}.difficulty-tag--medium{background:var(--medium-bg);color:var(--medium)}.difficulty-tag--hard{background:var(--hard-bg);color:var(--hard)}@media (width<=767px){.deck-header,.decks-header{flex-direction:column;align-items:stretch;gap:14px}.deck-header__top,.decks-header__top{align-items:flex-start}.deck-header__title{gap:12px}.deck-header__title .deck-badge{flex-shrink:0;width:48px!important;height:48px!important}.deck-header__title h1{font-size:22px}.deck-header__title span{white-space:nowrap;font-size:13px}.deck-header__top .instructions-btn,.decks-header__top .instructions-btn{flex-shrink:0;height:30px;margin-top:2px;padding:0 10px;font-size:12.5px}.deck-header__actions{gap:8px;width:100%}.deck-action{flex:1 1 0;min-width:0;height:44px;padding:0 12px;font-size:14px}.deck-header__menu .options-menu__btn{width:44px;height:44px}.deck-header__actions .deck-header__menu{margin-left:auto}.deck-header__actions--folder{flex-wrap:wrap}.deck-header__actions--folder .deck-action:first-child{flex-basis:100%}.decks-header__actions{gap:8px;width:100%}.decks-header__actions .search-bar{width:auto;max-width:none}.decks-new{gap:6px;padding:0 14px;font-size:14px}.decks-header__actions .search-bar-input{padding-right:12px}.decks-header__actions .decks-new:only-child{flex:1}.deck-toolbar{flex-direction:column;align-items:stretch}.deck-toolbar .search-bar{flex:none;max-width:none}.deck-tabs{align-self:stretch}.deck-tab{flex:1 0 auto;justify-content:center;padding:0 12px}}@media (width>=1024px){.deck{gap:22px}.deck-header__title h1{font-size:32px}.deck-grid{gap:16px}}.grammar{flex-direction:column;gap:24px;display:flex}.grammar-header{flex-direction:column;gap:6px;display:flex}.grammar-header h1{font-family:var(--font-display);letter-spacing:-.5px;font-size:28px;font-weight:700}.grammar-header p{color:var(--text-soft);font-size:16px}.grammar-config{flex-direction:column;gap:16px;display:flex}.grammar-panel{border-radius:var(--radius-card);background:var(--surface-solid);border:1px solid var(--border);flex-direction:column;gap:16px;padding:20px;display:flex}.grammar-panel__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grammar-panel__label{color:var(--text-secondary);font-size:14px;font-weight:600}.grammar-levels{border-radius:var(--radius);background:var(--bg);gap:4px;padding:4px;display:flex}.grammar-level{min-width:48px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 10px;font-family:inherit;font-size:15px;font-weight:700}.grammar-level:hover:not(.is-active){color:var(--text)}.grammar-level.is-active{background:var(--accent);color:var(--on-accent)}.grammar-level-info{flex-direction:column;gap:6px;display:flex}.grammar-level-info h2{font-family:var(--font-display);font-size:22px;font-weight:700}.grammar-level-info p{color:var(--text-soft);font-size:15px;line-height:1.5}.grammar-counts{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;display:grid}.grammar-count{border:1px solid var(--border-strong);height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;font-family:inherit;font-size:15px;font-weight:700}.grammar-count:hover:not(.is-active){color:var(--text)}.grammar-count.is-active{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.grammar-topics{flex-direction:column;gap:16px;display:flex}.grammar-topics__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;display:grid}.grammar-topic{border-radius:var(--radius-card);background:var(--surface-solid);border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:16px;padding:16px;font-family:inherit;transition:border-color .15s;display:flex}.grammar-topic:hover:not(:disabled){border-color:var(--border-strong)}.grammar-topic:disabled{opacity:.6;cursor:wait}.grammar-topic__mark{width:48px;height:48px;font-family:var(--font-display);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.grammar-topic__text{flex-direction:column;flex-grow:1;gap:3px;min-width:0;display:flex}.grammar-topic__title{font-size:16px;font-weight:700}.grammar-topic__meta{color:var(--text-muted);font-size:13px}.grammar-topic__start{border-radius:var(--radius);border:1px solid var(--line-accent);background:var(--surface2);height:40px;color:var(--accent-text);flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.grammar-topic:hover:not(:disabled) .grammar-topic__start{background:var(--surface-hover)}.grammar-session{flex-direction:column;gap:20px;display:flex}.grammar-exam-card{border-color:var(--line-accent);width:100%;margin-top:8px}.grammar-exam-results{flex-direction:column;gap:20px;display:flex}.grammar-exam-topics{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.grammar-exam-topic{border-radius:var(--radius-card);background:var(--surface-solid);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.grammar-exam-topic__icon{flex-shrink:0;font-size:20px}.grammar-exam-topic__name{flex-grow:1;min-width:0;font-weight:600}.grammar-exam-topic__score{color:var(--correct);flex-shrink:0;font-weight:700}.grammar-exam-topic.has-mistakes .grammar-exam-topic__score{color:var(--wrong)}@media (width<=480px){.grammar-topic__start{padding:0 10px}}@media (width>=1024px){.grammar{gap:28px}.grammar-header h1{font-size:34px}.grammar-config{flex-direction:row;align-items:stretch;gap:24px}.grammar-panel{padding:24px}.grammar-panel--level{flex-grow:1}.grammar-panel--count{flex-shrink:0;width:300px}.grammar-topics__grid{gap:16px}.grammar-topic{padding:18px 18px 18px 20px}.grammar-session .session-header{height:auto;padding:0 0 16px}}.tips-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);margin-top:1.5rem;padding:1.25rem}.tips-card__title{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.25rem}.tips-card__intro{color:var(--text-soft);margin:0 0 1rem;line-height:1.5}.tips-table{border-collapse:separate;border-spacing:.4rem;table-layout:fixed;width:100%}.tips-table thead th{color:var(--text-muted);text-align:left;padding:0 .5rem;font-size:.8rem;font-weight:650}.tips-table tbody th{width:3.5rem;font-family:var(--font-display);text-align:left;font-weight:700}.tips-table td{vertical-align:top;padding:0}.tips-cell{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--overlay-04);width:100%;height:100%;color:var(--text);font:inherit;text-align:left;flex-direction:column;gap:.15rem;padding:.6rem .7rem;display:flex}button.tips-cell{cursor:pointer;transition:border-color .15s,background .15s}button.tips-cell:hover,.tips-cell--speaking{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .1)}.tips-cell__text{font-weight:700}.tips-cell__ipa{color:var(--text-soft);font-size:.85rem}.tips-cell__hint{color:var(--accent-text);font-size:.85rem}@media (width<=719px){.tips-card{padding:1rem}.tips-table,.tips-table tbody,.tips-table tr,.tips-table th,.tips-table td{width:auto;display:block}.tips-table thead{display:none}.tips-table tbody tr{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.4rem;padding:.75rem 0;display:grid}.tips-table tbody tr:first-child{border-top:none;padding-top:0}.tips-table tbody th{grid-column:1/-1;width:auto}.tips-table td:before{content:attr(data-column);color:var(--text-muted);margin-bottom:.2rem;font-size:.72rem;display:block}}.btn,.header-create-btn,.sidebar-link,.tabbar-label,.sidebar-menu__item,.options-menu__item,.study-card__reveal,.study-sentence__btn,.study-nav-btn,.pinned-footer__btn,.session-header__exit,.difficulty-rate__btn,.decks-filter,.talk-modes__tab,.word-listen__label,.deck-tab,.grammar-topic__start,.grammar-report-btn,.instructions-btn,.deck-tile__practice,.example-translation__toggle{text-transform:lowercase}.difficulty-rate__btn>span{text-transform:none;letter-spacing:normal}.legal-page{max-width:760px;min-height:calc(100dvh / var(--ui-zoom));padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(48px + env(safe-area-inset-bottom,0px));overflow-wrap:anywhere;margin:0 auto;line-height:1.6}.legal-page__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.legal-page__top .auth-logo{color:var(--text);text-decoration:none}.legal-page__lang{border:1px solid var(--border);background:var(--surface2);border-radius:999px;gap:2px;padding:3px;display:flex}.legal-page__lang button{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:14px}.legal-page__lang button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);font-weight:600}.legal-page h1{font-family:var(--font-display);margin-bottom:8px;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.15}.legal-page h2{font-family:var(--font-display);margin-bottom:10px;font-size:1.15rem;line-height:1.3}.legal-page__updated{color:var(--text-muted);margin-bottom:20px;font-size:14px}.legal-page__note{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--overlay-04);color:var(--text-soft);margin-bottom:20px;padding:10px 14px;font-size:14px}.legal-page__intro{margin-bottom:32px;font-size:1.05rem}.legal-page section{margin-bottom:28px}.legal-page section p,.legal-page section ul{color:var(--text-soft);margin-bottom:12px}.legal-page section ul{gap:6px;padding-left:1.25rem;display:grid}.legal-page__footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 20px;padding-top:20px;font-size:15px;display:flex}.legal-page a{color:var(--accent-text)}.legal-page a:hover{color:var(--accent-hover)}.settings-legal-links{flex-wrap:wrap;gap:8px 20px;display:flex}.delete-account-open{margin-top:.75rem}.verify-code__icon{background:rgba(var(--accent-rgb), .12);border-radius:999px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:.5rem;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.8rem;display:inline-flex}.verify-code__input{font-family:var(--font-display);letter-spacing:.5em;text-align:center;font-weight:700;padding-left:.5em!important;font-size:1.8rem!important}.verify-code__input::placeholder{color:var(--overlay-14)}.verify-code__help{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.25rem;display:flex}.verify-code__email{text-align:left;width:100%}.verify-code__email-actions{gap:.5rem;display:flex}.verify-code__email-actions .btn{flex:1}.verify-code__link{color:var(--text-soft);cursor:pointer;background:0 0;border:none;padding:.25rem;font-family:inherit;font-size:.88rem;text-decoration:underline}.verify-code__link:hover{color:var(--text)}.landing{min-height:calc(100dvh / var(--ui-zoom));max-width:1120px;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(32px + env(safe-area-inset-bottom,0px));margin:0 auto;overflow-x:hidden}.landing-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:40px;display:flex}.landing-top .auth-logo{color:var(--text);text-decoration:none}.landing-top .auth-logo--compact,.legal-page__top .auth-logo--compact{display:flex}.landing-top__actions{align-items:center;gap:14px;display:flex}.landing-top__login{color:var(--text);white-space:nowrap;font-size:15px;font-weight:700}.landing-top__login:hover{color:var(--accent-hover)}.landing-hero{gap:40px;margin-bottom:72px;display:grid}.landing-hero__title{font-family:var(--font-display);letter-spacing:var(--tracking-display);margin-bottom:18px;font-size:clamp(2.25rem,8vw,3.6rem);line-height:1.15}.landing-hero__subtitle{color:var(--text-soft);max-width:34rem;margin-bottom:28px;font-size:1.08rem;line-height:1.6}.landing-cta{flex-wrap:wrap;gap:12px;display:flex}.landing-cta .btn{padding:0 24px;text-decoration:none}.landing-mock{justify-self:center;gap:16px;width:100%;max-width:440px;display:grid;position:relative}.landing-mock__card,.landing-mock__reader{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface-solid);box-shadow:var(--shadow)}.landing-mock__card{flex-direction:column;gap:6px;padding:24px;display:flex}.landing-mock__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.landing-mock__word{font-family:var(--font-display);font-size:2rem}.landing-mock__ipa{color:var(--text-muted)}.landing-mock__translation{color:var(--accent-text);margin-top:8px;font-size:1.05rem;font-weight:600}.landing-mock__example{color:var(--text-soft);font-style:italic}.landing-mock__reader{color:var(--text-soft);padding:22px 24px 70px;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.7;position:relative}.landing-mock__reader mark{background:rgba(var(--accent-rgb), .3);color:var(--text);border-radius:4px;padding:0 3px}.landing-mock__bubble{border-radius:var(--radius);background:var(--surface2);font-family:var(--font-body);align-items:baseline;gap:10px;padding:10px 14px;font-size:.92rem;display:flex;position:absolute;bottom:14px;left:24px;right:24px}.landing-mock__bubble strong{color:var(--text)}.landing-section{margin-bottom:72px}.landing-section__title{font-family:var(--font-display);margin-bottom:12px;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.15}.landing-section__subtitle{color:var(--text-soft);margin-bottom:8px}.landing-features{gap:16px;margin-top:24px;display:grid}.landing-feature{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:10px;padding:22px;display:flex}.landing-feature h3,.landing-steps h3,.landing-plan h3{font-family:var(--font-display);font-size:1.15rem;line-height:1.25}.landing-feature p,.landing-steps p,.landing-plan p{color:var(--text-soft);line-height:1.55}.landing-steps{gap:16px;margin-top:24px;list-style:none;display:grid}.landing-steps li{flex-direction:column;gap:8px;display:flex}.landing-steps__number{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.landing-plans{gap:16px;margin-top:24px;display:grid}.landing-plan{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:10px;padding:24px;display:flex}.landing-plan--premium{border-color:var(--border-strong)}.landing-plan .landing-plan__price{font-family:var(--font-display);color:var(--text);font-size:1.8rem;font-weight:700}.landing-plan__price span{font-family:var(--font-body);color:var(--text-soft);font-size:1rem;font-weight:500}.landing-plan .landing-plan__note{color:var(--accent-hover);margin-top:-6px;font-size:.92rem}.landing-plan__limits{border-top:1px solid var(--border);gap:8px;margin-top:6px;padding-top:14px;font-size:.92rem;list-style:none;display:grid}.landing-plan__limits li{color:var(--text-soft);justify-content:space-between;gap:12px;display:flex}.landing-plan__limits strong{color:var(--text);white-space:nowrap}.landing-final{border-radius:var(--radius-card);background:rgba(var(--accent-rgb), .08);text-align:center;flex-direction:column;align-items:center;gap:20px;margin-bottom:56px;padding:40px 20px;display:flex}.landing-final h2{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2rem);line-height:1.2}.landing-final .btn{padding:0 28px;text-decoration:none}.landing-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;gap:8px 20px;padding-top:20px;font-size:14px;display:flex}.landing-footer a{color:var(--text-soft)}@media (width>=720px){.landing-features,.landing-plans{grid-template-columns:repeat(2,1fr)}.landing-steps{grid-template-columns:repeat(3,1fr);gap:28px}}@media (width>=1024px){.landing{padding-left:32px;padding-right:32px}.landing-hero{grid-template-columns:1.1fr 1fr;align-items:center;padding:32px 0 16px}.landing-features{grid-template-columns:repeat(4,1fr)}}@media (width<=1023px){.talk-wheel{width:min(80vw, 19rem, max(12rem, calc(calc(100dvh / var(--ui-zoom)) - 26rem)));transition:width .35s var(--ease-out)}.talk-spin--chosen .talk-wheel{width:min(48vw,11rem)}.talk-spin--chosen .talk-spin__wheel{gap:.8rem}.word-mic{width:5.5rem;height:5.5rem;margin:0}.word-mic__core{width:3.75rem;height:3.75rem}}.admin-grammar{padding-bottom:5rem}.admin-grammar__section{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.admin-grammar__errors ul{margin:.4rem 0 0 1.1rem}.admin-grammar__field{min-width:0;color:var(--text-soft);flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:600;display:flex}.admin-grammar__row>.admin-grammar__field{flex:200px}.admin-grammar__row>.admin-grammar__field--small{flex:0 0 5rem}.admin-grammar__level{text-transform:none}.admin-grammar__row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.admin-grammar__input,.admin-grammar__textarea{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--surface-solid);width:100%;color:var(--text);font:inherit;padding:.55rem .75rem;font-size:.95rem;font-weight:400}.admin-grammar__input:disabled{opacity:.6}.admin-grammar__input:focus,.admin-grammar__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.admin-grammar__textarea{resize:vertical;line-height:1.5}.admin-grammar__textarea--prompt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.admin-grammar__variables{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.admin-grammar__check{align-items:center;gap:.45rem;padding-bottom:.55rem;font-size:.9rem;display:flex}.admin-grammar__check input{accent-color:var(--accent)}.admin-grammar__details summary,.admin-grammar__topic summary{cursor:pointer}.admin-grammar__localized{border:1px solid var(--overlay-08);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;margin-top:.75rem;padding:.75rem;display:grid}.admin-grammar__localized legend{padding:0 .3rem;font-size:.9rem;font-weight:600}.admin-grammar__topics{flex-direction:column;gap:.5rem;list-style:none;display:flex}.admin-grammar__topic{border:1px solid var(--overlay-08);border-radius:var(--radius-sm);background:var(--surface)}.admin-grammar__topic summary{align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.admin-grammar__off{background:var(--overlay-08);color:var(--text-muted);border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:.75rem}.admin-grammar__topic-body{flex-direction:column;gap:.85rem;padding:0 .9rem .9rem;display:flex}.admin-grammar__versions{flex-direction:column;gap:.5rem;list-style:none;display:flex}.admin-grammar__versions li{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-grammar__versions small{color:var(--text-muted);display:block}.admin-grammar__savebar{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:50;border:1px solid rgba(var(--accent-rgb), .4);border-radius:var(--radius);background:var(--surface-solid);align-items:center;gap:.6rem;width:min(36rem,100% - 2rem);padding:.7rem .9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #0006}.admin-grammar__savebar span{flex:1;font-size:.9rem;font-weight:600}@media (width<=1023px){.admin-grammar__savebar{bottom:calc(var(--tabbar-h) + .75rem + env(safe-area-inset-bottom,0px))}}.admin-section .support-reports,.admin-section .ai-usage{margin-top:0}.tabbar--admin{grid-template-columns:repeat(5,1fr)}.english-variant{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.english-variant legend{margin-bottom:.5rem;font-size:.9rem;font-weight:500}.english-variant__options{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.english-variant__option{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--text-soft);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .4rem;font-size:.85rem;font-weight:600;transition:border-color .2s,background .2s,color .2s;display:flex}.english-variant__option input{opacity:0;pointer-events:none;position:absolute}.english-variant__option--active{border-color:var(--accent);background:rgba(var(--accent-rgb), .1);color:var(--text)}.english-variant__option:focus-within{box-shadow:0 0 0 3px var(--accent-glow)}.english-level{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.english-level legend{margin-bottom:.5rem;font-size:.9rem;font-weight:500}.english-level__options{flex-direction:column;gap:.5rem;display:flex}.english-level__option{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--text-soft);cursor:pointer;align-items:center;gap:.85rem;padding:.7rem .9rem;font-size:.92rem;font-weight:600;transition:border-color .2s,background .2s,color .2s,transform .15s;display:flex;position:relative}.english-level__option:hover{border-color:rgba(var(--accent-rgb), .45);color:var(--text)}.english-level__option:active{transform:scale(.99)}.english-level__option input{opacity:0;pointer-events:none;position:absolute}.english-level__option:focus-within{box-shadow:0 0 0 3px var(--accent-glow)}.english-level__icon{background:var(--overlay-06);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .2s;display:grid}.english-level__bars{width:22px;height:18px}.english-level__bars rect{fill:var(--overlay-10);transition:fill .2s}.english-level__bars rect.is-filled{fill:var(--text-muted)}.english-level__label{flex:1;min-width:0}.english-level__check{border:2px solid var(--overlay-10);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:border-color .2s,background .2s,box-shadow .2s}.english-level__option.is-active{border-color:var(--accent);background:rgba(var(--accent-rgb), .1);color:var(--text)}.english-level__option.is-active .english-level__bars rect.is-filled{fill:var(--accent)}.english-level__option.is-active .english-level__check{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface-solid)}.admin-ai-tabs{margin-bottom:1.25rem}.admin-ai-settings__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.admin-ai-settings__models{flex-direction:column;gap:.6rem;list-style:none;display:flex}.admin-ai-settings__models .btn{margin-bottom:.1rem}.deck-templates{margin-top:2rem}.deck-templates__subtitle{color:var(--text-muted);margin:-.5rem 0 1rem;font-size:14px}.deck-templates__explore{margin-top:1rem}.explore-decks__filters{flex-direction:column;gap:.75rem;margin:1rem 0 1.5rem;display:flex}.deck-templates__level+.deck-templates__level{margin-top:1.5rem}.deck-templates__level-title{font-family:var(--font-display);color:var(--text-muted);margin:0 0 .75rem;font-size:16px;font-weight:600}.admin-decks__level{background:var(--surface2);color:var(--text-muted);border-radius:6px;margin-right:.5rem;padding:1px 6px;font-size:12px;font-weight:600}.deck-template__open{width:100%;font:inherit;text-align:left;cursor:pointer;padding-right:16px}.deck-template__badge{width:44px;height:44px;font-size:22px}.deck-template-dialog{max-width:520px;max-height:min(calc(85vh / var(--ui-zoom)), 720px);flex-direction:column;display:flex}.deck-template-dialog__head{align-items:center;gap:14px;margin-bottom:1rem;padding-right:2.5rem;display:flex}.deck-template-dialog__head .modal-title{margin-bottom:2px}.deck-template-dialog__cards{border-top:1px solid var(--border);min-height:0;margin:0 -.5rem 1rem;padding:0 .5rem;list-style:none;overflow-y:auto}.deck-template-card{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 0;display:flex}.deck-template-card__front{font-weight:700}.deck-template-card__back{color:var(--text-soft)}.deck-template-card__owned{color:var(--correct);margin-left:auto;font-size:12px}.deck-template-card.is-owned .deck-template-card__front,.deck-template-card.is-owned .deck-template-card__back{opacity:.6}.admin-decks__create{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.admin-decks__create .admin-grammar__field{width:100%}.admin-decks__filters{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.admin-decks__list{flex-direction:column;gap:8px;list-style:none;display:flex}.admin-decks__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-decks__row .admin-decks__item{flex:1;min-width:0}.admin-decks__row-error{flex-basis:100%}.admin-decks__item{border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border);color:var(--text);align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-decks__item:hover{border-color:var(--border-strong)}.admin-decks__icon{text-align:center;width:28px;font-size:22px}.admin-decks__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-decks__name{font-weight:700}.admin-decks__status{vertical-align:middle;color:var(--text-muted);background:var(--overlay-06);border-radius:999px;margin-left:.6rem;padding:2px 10px;font-family:inherit;font-size:12px;font-weight:600}.admin-decks__status.is-published{color:var(--correct);background:color-mix(in srgb, var(--correct) 14%, transparent)}.admin-decks__back{color:var(--text-muted);margin-bottom:.75rem;font-size:14px;display:inline-block}.admin-decks__names{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.admin-decks__color{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);background:var(--surface-solid);width:100%;height:2.4rem;padding:0}.admin-decks__table-wrap{margin-bottom:1rem;overflow-x:auto}.admin-decks__table{border-collapse:collapse;font-size:14px}.admin-decks__table th{text-align:left;color:var(--text-muted);white-space:nowrap;padding:0 4px 6px;font-size:12px;font-weight:600}.admin-decks__table td{padding:2px}.admin-decks__section{border-bottom:1px solid var(--border);flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.75rem 0 1rem;display:flex}.admin-decks__section .admin-decks__remove{align-self:flex-end}.admin-decks__table select{border:1px solid var(--overlay-10);background:var(--surface-solid);width:9rem;color:var(--text);font:inherit;border-radius:7px;padding:.4rem .5rem}.admin-decks__table select.is-missing{border-color:var(--wrong)}.deck-template-dialog__group{margin:0;padding:0;list-style:none}.deck-template-dialog__section{font-family:var(--font-display);color:var(--text);margin:.75rem 0 0;font-size:15px}.admin-decks__table input{border:1px solid var(--overlay-10);background:var(--surface-solid);width:8.5rem;color:var(--text);font:inherit;border-radius:7px;padding:.4rem .5rem}.admin-decks__table input.admin-decks__example{width:16rem}.admin-decks__table input.is-missing{border-color:var(--wrong)}.admin-decks__table input:focus{border-color:var(--accent);outline:none}.admin-decks__remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.4rem;display:flex}.admin-decks__remove:hover{color:var(--wrong);background:var(--overlay-06)}.admin-decks__actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.study-card__speak--slow{width:36px;height:36px}.deck-tile__speak--slow{width:26px;height:26px}.speak-btn--slow{width:1.85rem;height:1.85rem}.grammar-explain-btn{justify-content:center;align-items:center;gap:.45rem;width:100%;margin-top:.9rem;display:flex}.grammar-report{margin-top:.9rem}.grammar-report .grammar-report-btn,.grammar-report>.grammar-report-status:first-child{margin-top:0}@media (width>=640px){.grammar-explain-btn{width:auto}}.grammar-explain__loading .loading-screen{padding:1.5rem 0}.grammar-explain{text-align:left;color:var(--text-secondary);flex-direction:column;gap:1rem;display:flex}.grammar-explain__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);margin:0 0 .3rem;font-size:.78rem;font-weight:700}.grammar-explain p{color:var(--text)}.grammar-explain__examples{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.grammar-explain__examples li{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);flex-direction:column;gap:.1rem;padding:.55rem .75rem;display:flex}.grammar-explain__examples strong{color:var(--text);font-weight:600}.grammar-explain__examples span{color:var(--text-muted);font-size:.85rem}.grammar-explain__tip{border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .1);border:1px solid var(--line-accent);padding:.7rem .85rem}.wheel-picker{width:9rem;height:200px;margin:.25rem auto 0;position:relative}.wheel-picker__band{border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .12);border:1px solid var(--line-accent);pointer-events:none;height:40px;position:absolute;inset:80px 0 auto}.wheel-picker__scroller{box-sizing:border-box;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;outline:none;height:100%;padding:80px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 35% 65%,#0000);mask-image:linear-gradient(#0000,#000 35% 65%,#0000)}.wheel-picker__scroller::-webkit-scrollbar{display:none}.wheel-picker__scroller:focus-visible{box-shadow:0 0 0 2px var(--accent-glow);border-radius:var(--radius-sm)}.wheel-picker__item{scroll-snap-align:center;height:40px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.wheel-picker__item.is-selected{color:var(--text);font-size:1.4rem;font-weight:600}.modal-label{text-align:center;color:var(--text-secondary);margin:0}.app-bg{background:var(--bg)}.btn,.btn--large,.btn--small,.deck-action{border-radius:var(--radius-button)}.btn-primary{border:1px solid var(--accent)}.btn-secondary,.btn-outline{background:var(--surface-solid);color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled){background:var(--surface2);border-color:var(--border-strong)}.btn-correct{background:var(--accent-live);color:var(--on-accent-live);box-shadow:none;border:1px solid #0000}.btn-danger,.btn-wrong{background:var(--wrong-soft-bg);color:var(--wrong);border:1px solid var(--border-strong);box-shadow:none}.btn-correct:hover:not(:disabled),.btn-danger:hover:not(:disabled),.btn-wrong:hover:not(:disabled){box-shadow:none}.home-practice-card,.first-deck__option,.deck-tile__face,.home-hero__card{border-color:var(--border-strong)}.home-practice-card,.deck-tile__face,.home-hero{border-radius:var(--radius-card)}.home-hero__title,.home-title{font-weight:700}.home-hero__card{background:var(--surface-solid)}.home-practice-card:hover{background:var(--surface-hover);border-color:var(--border-strong)}.modal,.modal-content,.options-menu__list,.header-dropdown,.tabbar-menu,.sidebar-menu,.word-sheet{border:1px solid var(--border-strong);box-shadow:none}.modal,.modal-content{border-radius:var(--radius-card);background:var(--surface-solid)}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000073}.tabbar{background:var(--surface);border-top:1px solid var(--border)}.banner,.banner:hover,.banner--practice,.banner--grammar,.banner--reading,.banner--pinned,.banner--due,.banner--talk{background:var(--surface-solid);box-shadow:none}.talk-pick--chosen,.stats-tile{background:var(--surface-raised)}.audio-player{background:var(--surface-solid);border-color:var(--border-strong);box-shadow:none}.audio-player--playing{box-shadow:none}.audio-player-toggle{background:var(--accent);border:1px solid var(--accent)}.audio-player-bar--played,.talk-timer-bar-fill,.stats-bar__fill{background:var(--accent)}.word-mic{background:var(--surface-solid);box-shadow:none}.deck-tile__image--empty{background:var(--surface2)}.landing-plan--premium,.landing-mock__reader,.admin-grammar__savebar,.grammar-exercise,.talk-wheel-hub{box-shadow:none}.study-card{border-color:var(--border-strong);border-radius:var(--radius-card)}.study-card__reveal{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);border:1px solid #0000}.study-card__reveal:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.difficulty-rate__btn{border-radius:var(--radius-card)}.landing-hero{border-radius:var(--radius-card);background:var(--surface-raised);border:1px solid var(--border-strong);padding:32px 24px}.landing-hero__title,.landing-section__title{font-weight:700}.landing-feature{border-color:var(--border-strong)}.landing-plan{border-color:var(--border-strong);background:var(--surface-solid)}.landing-plan--premium{background:var(--tone-yellow-bg);color:var(--on-sticker)}.landing-plan.landing-plan--premium *{color:inherit}.landing-final{background:var(--tone-violet-bg);border:1px solid var(--border-strong);border-radius:var(--radius-card);color:var(--tone-violet-fg)}.landing-final h2{font-weight:700}.landing-final .btn-primary{background:var(--p-white);color:var(--p-ink);border-color:#0000}.landing-final .btn-primary:hover:not(:disabled){background:var(--p-sky-tint)}@media (width>=1024px){.landing-hero{padding:56px}.auth-hero{background:var(--surface-raised);border-right:1px solid var(--border-strong)}}.auth-hero__title{font-weight:700}.ai-working-overlay .ai-working,.tour-bubble{border:1px solid var(--border-strong);box-shadow:none}.english-variant__option--active,.english-level__option.is-active{border-color:var(--border-strong);background:var(--surface-raised);color:var(--text)}.premium-interval__option:has(input:checked){border-color:var(--border-strong);background:var(--surface-raised);color:var(--text)}.form .support-type__option:has(input:checked){border-color:var(--border-strong);background:var(--surface-raised);color:var(--text)}.english-level__option.is-active .english-level__icon{background:var(--surface-solid)}.header-lang-toggle{background:0 0;border:0;min-width:40px;min-height:40px;padding:0}.header-lang-toggle:hover{background:0 0;border-color:#0000}.header-create-btn{border:1px solid var(--accent);height:38px;box-shadow:none;padding:0 1rem 0 .8rem}.deck-tab{height:40px}.tab{min-height:40px}.lookup-from__option,.talk-duration__option{min-height:40px;padding-top:.4rem;padding-bottom:.4rem}.lookup-manual-toggle{min-height:44px}.deck-tile__practice{border:1px solid var(--border-strong);background:var(--surface-solid);height:36px;color:var(--text);padding:0 14px}.deck-tile__practice:hover{background:var(--surface2)}.deck-tile__speak{width:36px;height:36px;color:var(--text)}.deck-tile__speak--inline{width:32px;height:32px}.deck-tile__pin{width:40px;height:40px}.deck-breadcrumb a,.back-link,.admin-decks__back{align-items:center;min-height:40px;display:inline-flex}.tabbar-label{font-size:.75rem}.tabbar-link--active{color:var(--accent-text)}.tabbar-link--active .tabbar-icon{color:var(--accent-text);background:var(--accent-soft);box-shadow:none;border-color:#0000}.decks-filter__count,.deck-tile__lang{font-size:12px}.form .english-level__option{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:.85rem;min-height:60px;padding:.6rem .9rem}.form .english-level__option .english-level__check{margin-left:auto}@media (width<=767px){.landing-hero{border-radius:var(--radius-card);gap:28px;padding:24px 18px}.landing-cta .btn{flex:100%}.landing-mock__reader{display:none}.landing-final{border-radius:var(--radius-card)}}.logo{min-height:40px}.options-menu__btn{width:40px;height:40px}.example-translation__toggle{min-height:36px;padding:6px 0}.study-card__reveal .kbd-hint{color:var(--accent-text);border-color:var(--accent-text);background:0 0}.theme-toggle--page{border-color:var(--border-strong);background:var(--surface-solid);width:38px;height:38px;color:var(--text)}.page-tools{align-items:center;gap:10px;display:flex}.legal-page__top{gap:12px}.session-header .theme-toggle--page{align-self:flex-start}@media (width>=1024px){.session-header .theme-toggle--page{align-self:center}}.google-signin,.google-signin iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.flag-icon{border-radius:6px;flex-shrink:0;width:30px;height:22.5px;display:block}.flag-icon__outline{stroke:var(--border-strong);stroke-width:1px}.english-variant__option .flag-icon{width:36px;height:27px}.language-setup-option .flag-icon{width:28px;height:21px}.header-theme-toggle{background:0 0;border:0;width:40px;height:40px}.header-theme-toggle:hover{background:var(--overlay-06);border-color:#0000}.settings{flex-direction:column;gap:16px;max-width:720px;padding-bottom:8px;display:flex}.settings .page-title{margin-bottom:0}.settings-form{flex-direction:column;gap:16px;display:flex}.settings-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface-solid);flex-direction:column;gap:16px;padding:20px;display:flex}.settings-card__head{flex-direction:column;gap:4px;display:flex}.settings-card__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.15rem;font-weight:800}.settings-card__hint{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.45}.settings-card--danger{border-color:var(--wrong)}.settings-card--danger .settings-card__title{color:var(--wrong)}.settings-card .form{gap:18px}.settings-card__action{align-self:flex-start}.settings-group-title{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted);margin:12px 4px 0;font-size:.78rem;font-weight:700}.settings-profile{justify-content:center;display:flex}.settings-profile__avatar{border:1px solid var(--border-strong);background:var(--tone-amber-bg);width:72px;height:72px;color:var(--on-sticker);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:2rem;font-weight:800;display:grid}.settings-choice{flex-direction:column;gap:8px;display:flex}.settings-choice .field-hint{margin-top:0}.theme-choices{flex-wrap:wrap;gap:8px;display:flex}.theme-choice{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-solid);min-width:96px;color:var(--text-secondary);text-align:center;cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;padding:10px 14px;font-size:.92rem;font-weight:600;display:flex;position:relative}.theme-choice input{opacity:0;pointer-events:none;position:absolute}.theme-choice.is-active{background:var(--surface-raised);color:var(--text);font-weight:700}.theme-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.modal--status{text-align:center;align-items:center;gap:16px;width:min(20rem,100%);padding:28px 24px}.modal-status__check{border:1px solid var(--border-strong);background:var(--tone-teal-bg);width:56px;height:56px;color:var(--on-sticker);border-radius:50%;place-items:center;display:grid}.modal-status__text{margin:0;font-size:1.05rem;font-weight:700}.settings-card--danger .btn{border-color:var(--wrong);color:var(--wrong);align-self:flex-start}.settings-legal-links a{color:var(--text);text-underline-offset:3px;font-weight:600;text-decoration:underline}body{zoom:var(--ui-zoom)}@media (width>=1800px){:root{--ui-zoom:1.2}.main:not(.main--immersive)>.page-enter{max-width:1280px}}@media (width>=2200px){:root{--ui-zoom:1.4}}@media (width>=2800px){:root{--ui-zoom:1.75}}@media (width>=3400px){:root{--ui-zoom:2}}body:has(.app--reading){--ui-zoom:1;zoom:1}@media (width>=1800px){.study{max-width:700px;margin-top:calc(6dvh / var(--ui-zoom))}}@media (width>=1024px){.main:has(>.page-enter>.home){flex-direction:column;display:flex}.main:has(>.page-enter>.home)>.page-enter{width:100%;margin-block:auto}}@media (width>=1500px){.settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px 24px;max-width:1120px;display:grid}.settings>.page-title{grid-column:1/-1}.settings>.settings-form{grid-area:2/1/span 12}.settings>:not(.page-title):not(.settings-form){grid-column:2}}.home-hero__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-hero__greeting{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-secondary);margin:0;font-size:1.15rem;font-weight:800}@media (width>=1024px){.home-hero__greeting{font-size:1.4rem}}.home-hero__eyebrow{margin:0}.home-hero__welcome{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800;line-height:1.1}.home-hero__title{letter-spacing:0;color:var(--text-secondary);font-size:1.1rem;font-weight:600}.home-columns{flex-direction:column;gap:28px;display:flex}.activity{border-radius:var(--radius-card);background:var(--surface-raised);border:1px solid var(--line-accent);flex-direction:column;gap:14px;padding:20px;display:flex}.activity__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity__title{font-size:18px;font-weight:700}.activity__streak{color:var(--accent-live-fg);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.activity__nav{justify-content:space-between;align-items:center;display:flex}.activity__month{text-transform:capitalize;font-weight:700}.activity__nav-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.activity__nav-btn:hover{background:var(--overlay-10)}.activity__grid{grid-template-columns:repeat(7,1fr);justify-items:stretch;gap:6px 0;display:grid}.activity__weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.activity__day{height:34px;color:var(--text-secondary);border-radius:17px;place-items:center;font-size:14px;display:grid}.activity__day--on{background:var(--accent-live);color:var(--on-accent-live);font-weight:700}.activity__day--ice{background:var(--accent-soft);color:var(--accent-text);font-size:13px}.activity__day--join-l{border-top-left-radius:0;border-bottom-left-radius:0}.activity__day--join-r{border-top-right-radius:0;border-bottom-right-radius:0}.activity__day--today:not(.activity__day--on){box-shadow:inset 0 0 0 2px var(--accent-live-fg);color:var(--text);font-weight:700}@media (width>=1024px){.home-hero{position:relative}.home-hero__top .instructions-btn{position:absolute;top:16px;right:16px}.home-hero__welcome{font-size:2.4rem}.home-hero__title{font-size:1.25rem}.home-columns{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;display:grid}}.pinned-footer__btn--practice{text-decoration:none}.games-page{text-align:center;flex-direction:column;gap:24px;width:100%;max-width:560px;margin:0 auto;padding:16px 0 32px;display:flex}@media (width>=1024px){.games-page{min-height:calc(70dvh / var(--ui-zoom));justify-content:center;gap:32px}}.games-page .pinned-list-header{justify-content:center;margin-bottom:0}.games-page .pinned-list-title{flex:none}.games-page__subtitle{color:var(--text-muted);margin:0}.games-list{flex-direction:column;gap:16px;display:flex}.game-choice{border-radius:var(--radius-card);border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:16px;padding:20px;font-family:inherit;transition:border-color .15s;display:flex}.game-choice:hover:not(:disabled){border-color:var(--accent)}.game-choice:disabled{opacity:.55;cursor:not-allowed}.game-choice__icon{font-size:2rem}.game-choice__text{color:var(--text-muted);flex-direction:column;gap:2px;font-size:.9rem;display:flex}.game-choice__text strong{color:var(--text);font-size:1.05rem}.game{gap:24px;width:100%;max-width:560px;margin:0 auto;padding:8px 0 24px}@media (width>=1024px){.game{gap:32px;padding-top:24px}}.game-card{border-radius:var(--radius-card);border:1px solid var(--border-strong);background:var(--surface-solid);text-align:center;flex-direction:column;gap:16px;padding:32px 24px;display:flex}.game-card__prompt,.game-card__hint,.game-card__translation{color:var(--text-muted);margin:0;font-size:.9rem}.game-card__sentence{color:var(--text);margin:0;font-size:1.3rem;line-height:1.5}.game-blank{border-bottom:2px solid var(--border-strong);min-width:4ch;padding:0 6px;font-weight:700;display:inline-block}.game-blank.is-correct,.game-card__feedback.is-correct{color:var(--correct);border-color:var(--correct)}.game-blank.is-wrong,.game-card__feedback.is-wrong{color:var(--wrong);border-color:var(--wrong)}.game-card__feedback{min-height:1.4em;margin:0;font-weight:700}.game-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.game-option,.game-tile{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-solid);min-height:56px;color:var(--text);cursor:pointer;overflow-wrap:anywhere;padding:10px 14px;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .15s,background-color .15s}.game-option:hover:not(:disabled),.game-tile:hover:not(:disabled){border-color:var(--accent)}.game-option.is-correct,.game-tile.is-matched{border-color:var(--correct);background:var(--correct-glow);color:var(--text)}.game-option.is-wrong,.game-tile.is-wrong{border-color:var(--wrong);background:var(--wrong-glow);color:var(--text)}.game-option.is-dim{opacity:.5}.game-option:disabled,.game-tile:disabled{cursor:default}.game-tile.is-selected{border-color:var(--accent);border-width:2px}.game-tile.is-matched{opacity:.6}.game .study-footer{margin-top:4px}.game-next{width:100%}.game-match__prompt{text-align:center;color:var(--text-muted);margin:0;padding:4px 0;font-size:.9rem}.game-match{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.game-match__column{flex-direction:column;gap:14px;display:flex}.game-missed{margin-bottom:1.25rem}.game-missed__title{margin-bottom:.5rem;font-weight:600}.game-missed__list{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.game-missed__list li{border:1px solid var(--border-strong);color:var(--text);border-radius:999px;padding:4px 12px}