:root{--page-background:radial-gradient(circle at 10% 0%, #38bdf829, transparent 23rem), radial-gradient(circle at 92% 12%, #22c55e1f, transparent 22rem), linear-gradient(180deg, #08090d 0%, #111319 52%, #090b10 100%);--text:#eef6ff;--heading:#f8fbff;--muted:#9fb0c1;--accent:#38bdf8;--accent-strong:#0ea5e9;--accent-soft:#38bdf826;--accent-contrast:#03111a;--warn:#84cc16;--surface:#12141be3;--surface-strong:#141821;--surface-soft:#191c25d6;--tile:#1a1d26f5;--tile-border:#94a3b833;--section-border:#94a3b826;--control:#0f1b27f5;--control-border:#94a3b83d;--panel:#0d1017;--panel-shadow:0 -24px 70px #00000073;--selected:#22c55e;--selected-soft:#22c55e26;--danger:#fb7185;--danger-soft:#fb718524;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;background:#08090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;height:100%;overflow:hidden}body{overscroll-behavior:none;min-width:320px;height:100%;color:var(--text);background:var(--page-background);margin:0;overflow:hidden}#root{height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{height:100svh;max-width:720px;height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) 10px max(8px, env(safe-area-inset-bottom));grid-template-rows:48px minmax(0,1fr);gap:8px;margin:0 auto;display:grid;overflow:hidden}.app-topbar{justify-content:space-between;align-items:center;gap:8px;min-height:0;display:flex}.brand-mini{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-size:.78rem;font-weight:900;display:grid;box-shadow:0 8px 22px #0f766e38}.brand-mini p,.brand-mini span,.status-kicker,h1,h2,h3{letter-spacing:0;margin:0}.brand-mini p{color:#102a2a;font-weight:900;line-height:1.05}.brand-mini span{color:#64748b;font-size:.82rem;font-weight:750;display:block}.lesson-screen{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #0f766e29;border-radius:8px;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;padding:8px;display:grid;overflow:hidden;box-shadow:0 18px 42px #0f172a1a}.lesson-status{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.status-kicker{color:#0f766e;text-transform:uppercase;font-size:.72rem;font-weight:900}h1{color:#111827;font-size:clamp(1.38rem,8vw,2.2rem);line-height:1.02}h2{color:#101827;font-size:1.28rem}h3{color:#17202a;font-size:1rem}.sync-pill{color:#0f3f3a;white-space:nowrap;background:#ccfbf1;border-radius:999px;flex:none;align-items:center;gap:5px;min-height:36px;padding:0 9px;font-size:.72rem;font-weight:900;display:inline-flex}.top-progress{color:#134e4a;flex:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;font-size:.82rem;font-weight:900;display:grid}.progress-track{background:#ffe4c7;border-radius:999px;min-width:0;height:11px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#14b8a6,#f59e0b);height:100%;transition:width .22s;display:block}.match-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:stretch;gap:8px;height:100%;min-height:0;display:grid}.word-column{grid-template-rows:repeat(10,minmax(0,1fr));gap:7px;min-height:0;display:grid}.word-tile{color:#17202a;text-align:center;background:#fff;border:1px solid #dbe7e3;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;min-width:0;height:100%;min-height:0;padding:6px 7px;transition:transform .12s,border-color .12s,background-color .12s,color .12s;display:flex;box-shadow:0 5px 14px #0f172a0f}.word-tile:active{transform:scale(.985)}.word-tile span{overflow-wrap:anywhere;min-width:0;font-size:clamp(1.02rem,4.1vw,1.22rem);font-weight:900;line-height:1.05}.word-tile small{color:#7c2d12;background:#ffedd5;border-radius:999px;flex:none;padding:3px 6px;font-size:.62rem;font-weight:900}.word-tile.translation{justify-content:center}.word-tile.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.word-tile.matched small{color:#ecfdf5;background:#ffffff2e}.word-tile.wrong{color:#fff;background:#f43f5e;border-color:#e11d48;animation:.26s shake}.completion-bar{color:#134e4a;background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;font-size:.82rem;font-weight:850;display:flex}.menu-button{color:#fff;background:#0f766e;border-color:#0f766e}.menu-backdrop{z-index:20;background:#0f172a61;border:0;position:fixed;inset:0}.menu-panel{z-index:30;-webkit-overflow-scrolling:touch;max-height:min(86svh,760px);padding:8px 14px max(16px, env(safe-area-inset-bottom));background:#fffaf2;border-radius:18px 18px 0 0;transition:transform .18s;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(106%);box-shadow:0 -24px 60px #0f172a42}.menu-panel.open{transform:translateY(0)}.menu-grip{background:#cbd5e1;border-radius:999px;width:42px;height:5px;margin:0 auto 10px}.menu-header,.sync-key-row,.inline-form{align-items:center;gap:8px;display:flex}.menu-header{justify-content:space-between;margin-bottom:12px}.panel-section{border-top:1px solid #f0dfc6;gap:10px;padding:14px 0;display:grid}.stack-form{gap:10px;display:grid}.section-heading{color:#0f766e;align-items:center;gap:8px;display:flex}.daily-goal-row{grid-template-columns:minmax(0,1fr) 88px;align-items:end;gap:10px;display:grid}.daily-goal-row strong{color:#134e4a;font-size:1.65rem;line-height:1;display:block}.daily-goal-row span,.goal-input,.empty-text{color:#64748b;font-size:.82rem;font-weight:800}.goal-input{gap:5px;display:grid}.goal-input input{text-align:center;min-height:38px;padding:8px 10px;font-weight:900}.goal-track{height:10px}.compact-text{color:#64748b;margin:0;font-size:.86rem;font-weight:700}.empty-text{margin:0}.difficult-list,.custom-word-list{gap:8px;display:grid}.difficult-word,.custom-word-row{background:#fff7ed;border:1px solid #fde4c7;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.difficult-word strong,.custom-word-info strong{color:#17202a;overflow-wrap:anywhere;min-width:0;font-size:.96rem;line-height:1.05;display:block}.difficult-word span,.custom-word-info span{color:#64748b;overflow-wrap:anywhere;min-width:0;margin-top:3px;font-size:.82rem;font-weight:800;line-height:1.12;display:block}.difficult-word small{color:#9f1239;white-space:nowrap;font-size:.72rem;font-weight:900}.custom-word-row.editing{align-items:start}.custom-edit-grid{gap:7px;display:grid}.custom-edit-grid input{min-height:38px;padding:8px 10px}.row-actions{gap:6px;display:flex}.compact-icon{flex-basis:38px;width:38px;min-height:38px}.sync-key-row{background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;justify-content:space-between;padding:10px}.sync-key-row code{overflow-wrap:anywhere;color:#134e4a;font-size:.8rem;font-weight:800}input{color:#17202a;background:#fff;border:1px solid #d6d3d1;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px}.primary-action,.secondary-action,.icon-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:900;display:inline-flex}.primary-action{color:#fff;background:#0f766e;padding:0 14px}.secondary-action{color:#1f2937;background:#fff;border-color:#d6d3d1;padding:0 13px}.icon-button{color:#1f2937;background:#fff;border-color:#d6d3d1;flex:0 0 44px;width:44px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat-grid div{background:#fff7ed;border:1px solid #fde4c7;border-radius:8px;min-width:0;padding:11px}.stat-grid strong{color:#9a3412;font-size:1.18rem;display:block}.stat-grid span{color:#64748b;font-size:.8rem;font-weight:800}.brand-mark,.menu-button,.primary-action,.sync-pill{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.brand-mark{box-shadow:0 10px 24px var(--accent-soft)}.brand-mini p,h1,h2,h3,.difficult-word strong,.custom-word-info strong{color:var(--heading)}.brand-mini span,.top-progress,.compact-text,.daily-goal-row span,.goal-input,.empty-text,.difficult-word span,.custom-word-info span,.stat-grid span{color:var(--muted)}.status-kicker,.section-heading,.accordion-heading span{color:var(--accent)}.lesson-screen,.menu-panel{border-color:var(--section-border);background:var(--surface)}.lesson-screen{box-shadow:0 22px 52px #0000004d}.menu-panel{background:var(--panel);box-shadow:var(--panel-shadow)}.menu-backdrop{background:#00000085}.menu-grip{background:var(--control-border)}.panel-section{border-top-color:var(--section-border)}.progress-track{background:var(--surface-soft)}.progress-track span{background:linear-gradient(90deg, var(--accent-strong), var(--accent), var(--warn))}.word-tile,input,.secondary-action,.icon-button{color:var(--text);border-color:var(--control-border);background:var(--control)}.word-tile{border-color:var(--tile-border);background:var(--tile);box-shadow:0 10px 22px #0003}.word-tile.selected{border-color:var(--selected);background:var(--selected-soft);box-shadow:0 0 0 3px var(--selected-soft)}.word-tile.matched{color:#fff;background:#16a34a;border-color:#22c55e;box-shadow:0 8px 22px #22c55e3d}.word-tile.wrong{color:#fff;border-color:var(--danger);background:#e11d48}.completion-bar,.sync-key-row,.difficult-word,.custom-word-row,.stat-grid div{color:var(--text);border-color:var(--tile-border);background:var(--surface-soft)}.daily-goal-row strong,.stat-grid strong,.sync-key-row code{color:var(--accent)}.difficult-word small{color:var(--danger)}.danger-icon{color:var(--danger);background:var(--danger-soft);border-color:#fb71854d}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.accordion-section{gap:0}.accordion-heading{width:100%;min-height:46px;color:var(--muted);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0;display:flex}.accordion-heading span{align-items:center;gap:8px;min-width:0;display:inline-flex}.accordion-heading strong{color:var(--heading);font-size:1rem}.accordion-content{gap:10px;padding-top:10px;display:grid}@keyframes shake{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(5px)}}@media (min-width:760px){.app-shell{max-width:980px;padding-inline:24px}.lesson-screen{padding:18px}.word-column{grid-template-rows:repeat(10,minmax(0,1fr));gap:9px}.word-tile{padding-inline:12px}.menu-panel{width:390px;height:100svh;max-height:none;padding:max(16px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));border-radius:0;top:0;left:auto;transform:translate(106%)}.menu-panel.open{transform:translate(0)}.menu-grip{display:none}}@media (max-width:390px){.app-shell{gap:7px;padding-inline:8px}.lesson-screen{padding:7px}.word-column{grid-template-rows:repeat(10,minmax(0,1fr));gap:6px}.word-tile{padding:5px 6px}.word-tile span{font-size:clamp(.98rem,4vw,1.12rem)}}@media (max-height:720px){.app-shell{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));grid-template-rows:44px minmax(0,1fr);gap:6px}.sync-pill{min-height:32px;font-size:.68rem}.progress-track{height:9px}.lesson-screen{gap:6px;padding:6px}.word-column{gap:5px}.word-tile{padding:4px 5px}.word-tile span{font-size:clamp(.88rem,3.7vw,1.04rem)}}