:root{color:#172026;background:#f7f9f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f7f9f8;--surface: #ffffff;--surface-strong: #eef7f4;--text: #172026;--muted: #5c6770;--border: #d9e2df;--primary: #0f766e;--primary-strong: #115e59;--accent: #f59e0b;--danger: #b91c1c;--success: #15803d;--shadow: 0 16px 32px rgb(15 23 42 / 10%)}:root[data-theme=dark]{--bg: #111827;--surface: #182231;--surface-strong: #203042;--text: #eef6f5;--muted: #aab6bf;--border: #344154;--primary: #2dd4bf;--primary-strong: #5eead4;--accent: #fbbf24;--danger: #f87171;--success: #86efac;--shadow: 0 16px 32px rgb(0 0 0 / 24%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,select,input[type=checkbox],input[type=range]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}.app-shell{min-height:100vh;padding:72px 16px 92px}.top-bar{position:fixed;top:0;right:0;left:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-bar>div{display:flex;align-items:center;gap:10px}.top-bar span:last-child{color:var(--muted);font-size:.83rem}.app-mark{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--primary);color:#fff;font-size:.78rem;font-weight:800}.page{width:min(100%,820px);margin:0 auto}.hero-band,.page-header,.lesson-section,.exercise-panel,.completion,.settings-list,.lesson-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.hero-band,.page-header,.completion{padding:24px}.hero-band{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,transparent),transparent 55%),var(--surface)}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,10vw,4rem);line-height:1}h2{margin-bottom:12px;font-size:1.18rem}p{color:var(--muted);line-height:1.55}.eyebrow{color:var(--primary-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.lesson-section{margin-top:16px;padding:18px}.phrase-section{margin-bottom:16px}.section-heading,.exercise-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading span{color:var(--muted);font-size:.9rem;font-weight:700}.word-list,.lesson-stack,.history-list{display:grid;gap:10px}.word-list.compact{gap:8px}.word-row,.history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.word-row.learned{background:var(--surface-strong)}.word-row div:first-child,.history-row{min-width:0}.word-row strong{display:block;font-size:1.12rem}.word-row span,.word-row small,.history-row span{display:block;color:var(--muted)}.word-actions,.audio-pair{display:flex;flex-shrink:0;align-items:center;gap:8px}.word-actions span{font-size:.78rem;font-weight:700}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong);color:var(--primary-strong)}.example-list{display:grid;gap:8px;padding:0;margin:12px 0 0;list-style:none}.example-list li{padding:12px;border-radius:8px;background:var(--surface-strong)}.example-list span,.example-list small{display:block}.example-list small{margin-top:4px;color:var(--muted)}.exercise-panel{padding:18px}.exercise-prompt{margin:16px 0;color:var(--text);font-size:1.45rem;font-weight:800;line-height:1.2}.choice-grid{display:grid;grid-template-columns:1fr;gap:10px}.choice-button,.primary-action,.answer-form button,.button-row button,.file-button{min-height:46px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:800}.choice-button{padding:12px;background:var(--surface-strong);color:var(--text);border:1px solid var(--border)}.answer-form{display:grid;gap:12px}.answer-form label,.setting-row{display:grid;gap:8px}.answer-form label span,.setting-row span{color:var(--muted);font-size:.9rem;font-weight:700}.answer-form input,.setting-row select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.feedback{margin:14px 0 0;font-weight:800}.feedback.correct{color:var(--success)}.feedback.incorrect{color:var(--danger)}.settings-message{margin:12px 0 0}.primary-action{width:100%;margin-top:12px}.completion{display:grid;justify-items:start;gap:8px;margin-top:16px}.completion svg{color:var(--success)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.stat-card{min-height:94px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.stat-card span{display:block;color:var(--muted);font-size:.84rem;font-weight:700}.stat-card strong{display:block;margin-top:8px;font-size:1.65rem}.settings-list{display:grid;gap:16px;margin-top:16px;padding:18px}.setting-row{grid-template-columns:1fr auto;align-items:center}.setting-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--primary)}.setting-row input[type=range]{width:150px;accent-color:var(--primary)}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button-row button{display:inline-grid;min-width:140px;padding:0 16px;place-items:center}.visually-hidden{width:1px;height:1px;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-item{display:grid;min-width:0;min-height:56px;place-items:center;gap:3px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.72rem;font-weight:750}.nav-item.active{background:var(--surface-strong);color:var(--primary-strong)}@media(min-width:720px){.app-shell{padding-bottom:110px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}