:root{color:#16181d;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f6f7fb;--surface:#fff;--surface-2:#eef1f7;--text:#16181d;--muted:#6d7480;--line:#e4e7ee;--accent:#1677ff;--accent-soft:#e8f2ff;--success:#168357;--success-soft:#e8f7f0;--danger:#c83b3b;--danger-soft:#fff0f0;--shadow:0 10px 30px #19233c14;background:#f6f7fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1677ff40}a{color:var(--accent);text-decoration:none}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em}h2{letter-spacing:-.02em}.muted{color:var(--muted);line-height:1.5}.eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen,.auth-shell,.onboarding-shell,.quiz-shell{min-height:100vh;min-height:100dvh}.center-screen{text-align:center;place-items:center;gap:12px;padding:24px;display:grid}.center-screen strong{font-size:15px}.auth-shell,.onboarding-shell{padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.auth-card,.onboarding-card{width:min(100%,430px)}.brand-mark{background:var(--text);color:#fff;letter-spacing:-.04em;width:68px;height:68px;box-shadow:var(--shadow);border-radius:22px;place-items:center;margin-bottom:28px;font-weight:900;display:grid}.auth-card h1,.onboarding-card h1{margin-bottom:14px;font-size:clamp(36px,10vw,48px);line-height:1.02}.auth-form{gap:14px;margin:28px 0 12px;display:grid}.auth-form label{color:#4e5560;gap:7px;font-size:13px;font-weight:700;display:grid}.auth-form input,.search-box input{border:1px solid var(--line);color:var(--text);background:#fff}.auth-form input{border-radius:14px;width:100%;min-height:52px;padding:0 15px;font-size:16px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:16px;font-weight:800;display:flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 8px 18px #1677ff33}.primary-button:disabled{opacity:.48;cursor:default}.secondary-button{background:var(--surface-2);color:var(--text)}.text-button{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:13px;font-weight:750}.tiny-note{color:#8a9099;text-align:center;margin:14px 0 0;font-size:12px}.error-banner{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.4}.error-card{background:#fff;border:1px solid #ffd8d8;border-radius:18px;gap:8px;max-width:430px;padding:20px;display:grid}.error-card strong{font-size:18px}.error-card span{color:var(--muted);line-height:1.45}.error-card button{background:var(--danger-soft);color:var(--danger);border:0;border-radius:12px;min-height:44px;margin-top:6px;font-weight:750}.placement-icon{background:var(--accent-soft);width:62px;height:62px;color:var(--accent);border-radius:20px;place-items:center;margin-bottom:24px;display:grid}.onboarding-card .primary-button{margin-top:26px}.onboarding-card .secondary-button{margin-top:10px}.mini-feature{color:#454b55;align-items:center;gap:10px;padding:10px 0;font-weight:650;display:flex}.mini-feature svg{color:var(--accent)}.quiz-shell{background:var(--surface)}.quiz-topbar{height:62px;padding:max(10px, env(safe-area-inset-top)) 18px 8px;color:var(--muted);grid-template-columns:auto 1fr auto;align-items:end;gap:12px;font-size:12px;font-weight:750;display:grid}.quiz-progress,.lesson-progress{background:var(--surface-2);border-radius:999px;height:7px;overflow:hidden}.quiz-progress i,.lesson-progress i{background:var(--accent);border-radius:inherit;height:100%;transition:width .25s;display:block}.quiz-stage,.learn-stage{width:min(100%,520px);padding:30px 18px max(28px, env(safe-area-inset-bottom));text-align:center;margin:0 auto}.quiz-stage>.primary-button,.learn-stage>.primary-button{margin-top:18px}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.choice-button{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:16px;min-height:62px;font-size:24px;font-weight:900}.choice-button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.alphabet-visual{background:#f2f4f8;border-radius:28px;place-items:center;width:150px;height:150px;margin:0 auto;display:grid;position:relative;overflow:hidden}.alphabet-visual.large{border-radius:34px;width:min(70vw,280px);height:min(70vw,280px)}.alphabet-visual img{object-fit:contain;width:86%;height:86%}.letter-fallback{font-size:76px;font-weight:950}.movement-badge{border:1px solid var(--line);color:var(--accent);background:#fffffff0;border-radius:999px;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:10px;right:10px}.app-shell{min-height:100vh;min-height:100dvh}.app-content{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.screen{width:min(100%,760px);padding:max(24px, env(safe-area-inset-top)) 16px 18px;margin:0 auto}.screen-header{justify-content:space-between;align-items:flex-start;gap:12px;margin:6px 0 22px;display:flex}.screen-header.single{display:block}.screen-header h1{margin:0 0 7px;font-size:34px;line-height:1.05}.screen-header p:last-child{margin-bottom:0}.level-pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;padding:8px 10px;font-size:11px;font-weight:800}.hero-card{color:#fff;box-shadow:var(--shadow);background:#171a20;border-radius:24px;padding:20px}.hero-card-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.hero-card h2{margin:4px 0 7px;font-size:26px}.hero-card p{color:#afb5c0;margin:0;font-size:14px;line-height:1.4}.section-kicker{color:#9ebcf1;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}.hero-action{color:#171a20;background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:18px;font-weight:850;display:flex}.progress-ring{background:conic-gradient(#7eb5ff var(--progress), #ffffff1f 0);border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid}.progress-ring:before{content:"";position:absolute}.progress-ring>div{background:#171a20;border-radius:50%;align-content:center;place-items:center;width:59px;height:59px;display:grid}.progress-ring strong{font-size:17px;line-height:1}.progress-ring span{color:#aeb4bd;margin-top:3px;font-size:9px}.stat-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:3px;padding:16px;display:grid}.stat-card strong{letter-spacing:-.03em;font-size:23px}.stat-card span{color:var(--muted);font-size:12px}.section-block{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading h2{margin:0;font-size:19px}.wide-row-card,.practice-banner{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin-bottom:9px;padding:13px 14px;display:grid}.wide-row-card>div:nth-child(2),.practice-banner>div{gap:3px;min-width:0;display:grid}.wide-row-card strong,.practice-banner strong{font-size:14px}.wide-row-card span,.practice-banner span{color:var(--muted);font-size:11px;line-height:1.35}.row-icon{background:var(--accent-soft);width:43px;height:43px;color:var(--accent);border-radius:13px;place-items:center;display:grid}.compact-list{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.compact-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 14px;font-weight:700;display:flex}.compact-list button:last-child{border-bottom:0}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.favorite-chip,.translation-chip{border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.favorite-chip{color:#b92849;background:#fff0f2;border:0;align-items:center;gap:6px;display:flex}.last-section{margin-bottom:18px}.course-path{gap:10px;display:grid}.lesson-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.lesson-card.complete{border-color:#cfe8dc}.lesson-number{background:var(--surface-2);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.lesson-card.complete .lesson-number{background:var(--success-soft);color:var(--success)}.lesson-copy{gap:3px;min-width:0;display:grid}.lesson-copy strong{font-size:15px}.lesson-copy span{color:var(--muted);font-size:12px;line-height:1.35}.lesson-copy small{color:#989da6;margin-top:2px;font-size:10px}.lesson-score{color:var(--muted);font-size:12px;font-weight:800}.practice-banner{background:var(--accent-soft);color:#114b91;border-color:#0000;margin-top:20px}.practice-banner span{color:#49709c}.coming-card{color:var(--muted);border:1px dashed #cdd3dd;border-radius:18px;align-items:flex-start;gap:12px;margin-top:26px;padding:16px;display:flex}.coming-card svg{color:var(--accent);flex:none}.coming-card div{gap:4px;display:grid}.coming-card strong{color:var(--text);font-size:14px}.coming-card span{font-size:12px;line-height:1.4}.search-box{border:1px solid var(--line);height:52px;top:max(8px, env(safe-area-inset-top));z-index:4;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:0 12px;display:flex;position:sticky;box-shadow:0 8px 24px #1e26370d}.search-box svg{color:#7e8590;flex:none}.search-box input{border:0;outline:0;flex:1;min-width:0;font-size:16px}.search-box button{background:var(--surface-2);border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.filter-strip{scrollbar-width:none;gap:7px;padding:12px 1px 6px;display:flex;overflow-x:auto}.filter-strip::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;flex:none;align-items:center;gap:5px;min-height:36px;padding:0 12px;font-size:11px;font-weight:750;display:flex}.filter-chip.active{background:var(--text);border-color:var(--text);color:#fff}.dictionary-loading{text-align:center;min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:28px;display:flex}.dictionary-loading strong{color:var(--text)}.dictionary-loading span{max-width:320px;font-size:12px;line-height:1.5}.results-line{color:var(--muted);padding:13px 2px 9px;font-size:12px}.results-line strong{color:var(--text)}.dictionary-list{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.sign-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 12px 10px 14px;display:flex}.sign-row:last-child{border-bottom:0}.sign-row-main{gap:3px;min-width:0;display:grid}.sign-row-main strong{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:15px;overflow:hidden}.sign-row-main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:52vw;font-size:10px;overflow:hidden}.sign-row-meta{color:var(--muted);flex:none;align-items:center;gap:6px;display:flex}.sign-row-meta span{font-size:9px;display:none}.sign-row-meta svg:first-child:not(:last-child){color:#c3264e}.load-more{margin:12px 0}.empty-state{text-align:center;color:var(--muted);place-items:center;gap:7px;padding:56px 20px;display:grid}.empty-state strong{color:var(--text)}.source-note{color:#9298a1;padding:12px 4px;font-size:10px;line-height:1.5}.profile-header{text-align:center;place-items:center;padding:8px 0 20px;display:grid}.avatar{color:#fff;background:#171a20;border-radius:26px;place-items:center;width:76px;height:76px;margin-bottom:12px;font-size:30px;font-weight:900;display:grid}.profile-header h1{margin:0 0 4px;font-size:28px}.profile-header p{color:var(--muted);margin:0 0 10px;font-size:12px}.profile-header>span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.profile-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profile-stats>div{border:1px solid var(--line);background:#fff;border-radius:16px;gap:2px;padding:14px;display:grid}.profile-stats strong{font-size:21px}.profile-stats span{color:var(--muted);font-size:10px}.profile-section{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:18px;padding:16px}.profile-section-title{align-items:center;gap:9px;margin-bottom:9px;display:flex}.profile-section-title h2{margin:0;font-size:15px}.profile-section-title svg{color:var(--accent)}.profile-section p{color:var(--muted);margin-bottom:8px;font-size:12px;line-height:1.55}.profile-section a{font-size:12px;font-weight:800}.signout-button{width:100%;min-height:48px;color:var(--danger);background:#fff0f0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-weight:800;display:flex}.bottom-nav{z-index:20;height:calc(66px + env(safe-area-inset-bottom));padding:5px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);background:#f9fafcf0;border-top:1px solid #e0e3eaf2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#858b94;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:9px;font-weight:700;display:flex}.bottom-nav button.active{color:var(--accent)}.overlay-screen{z-index:50;background:var(--surface);position:fixed;inset:0;overflow-y:auto}.overlay-topbar{z-index:5;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);text-align:center;background:#fffffff0;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:sticky;top:0}.overlay-topbar button{background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.overlay-topbar strong{font-size:13px}.overlay-topbar>span{color:var(--muted);font-size:10px}.overlay-topbar .heart-top{color:#8a909a}.overlay-topbar .heart-top.active{color:#c3264e}.learn-stage,.lesson-quiz-stage{padding-top:24px}.learn-stage .lesson-progress,.lesson-quiz-stage .lesson-progress{margin-bottom:28px}.giant-letter{margin:15px 0 5px;font-size:42px}.tip-copy{color:var(--muted);max-width:380px;margin:0 auto;line-height:1.55}.movement-note{background:var(--accent-soft);color:#255886;text-align:left;border-radius:14px;align-items:center;gap:8px;max-width:390px;margin:14px auto 0;padding:11px 12px;font-size:12px;line-height:1.4;display:flex}.completion-stage{text-align:center;width:min(100%,460px);margin:0 auto;padding:70px 22px}.completion-check{background:var(--success-soft);width:72px;height:72px;color:var(--success);border-radius:24px;place-items:center;margin:0 auto 22px;display:grid}.completion-stage h1{margin:0 0 8px;font-size:56px}.completion-stage p:not(.eyebrow){color:var(--muted);line-height:1.5}.completion-stage .primary-button{margin-top:22px}.sign-detail-stage{width:min(100%,680px);padding:24px 16px max(28px, env(safe-area-inset-bottom));margin:0 auto}.sign-title{margin-bottom:18px}.sign-title h1{text-transform:capitalize;margin:0 0 4px;font-size:36px}.sign-title>span{color:var(--muted);font-size:11px}.video-card{aspect-ratio:4/3;background:#101216;border-radius:22px;place-items:center;width:100%;display:grid;overflow:hidden}.video-card video{object-fit:contain;background:#101216;width:100%;height:100%}.video-loading,.video-unavailable{color:#b9bfc8;text-align:center;place-items:center;gap:8px;padding:24px;display:grid}.video-unavailable strong{color:#fff}.video-unavailable span{max-width:260px;font-size:11px;line-height:1.45}.video-actions{gap:8px;margin-top:10px;display:flex}.video-actions button{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:5px;min-height:42px;font-size:12px;font-weight:800;display:flex}.translation-card,.reference-warning{border:1px solid var(--line);border-radius:18px;margin-top:18px;padding:15px}.translation-card>strong,.reference-warning>strong{margin-bottom:10px;font-size:12px;display:block}.translation-chip{background:var(--surface-2);color:#555c66;padding:6px 8px;font-size:10px}.reference-warning{background:#fffaf0;border-color:#f4e8c7}.reference-warning p{color:#776a49;margin:0;font-size:11px;line-height:1.5}.source-link{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;min-height:48px;margin-top:14px;padding:0 13px;font-size:12px;font-weight:800;display:flex}@media (min-width:680px){.screen{padding-left:24px;padding-right:24px}.sign-row-meta span{display:inline}.sign-row-main span{max-width:370px}.profile-stats{grid-template-columns:repeat(4,1fr)}.bottom-nav{border:1px solid var(--line);width:min(520px,100% - 24px);height:64px;box-shadow:var(--shadow);border-radius:24px;padding-bottom:5px;bottom:10px;left:50%;right:auto;transform:translate(-50%)}.app-content{padding-bottom:90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}