:root{color:#071531;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button{font:inherit}svg{width:24px;height:24px}.app-shell{background:#fff;min-height:100dvh}.app-content{padding-bottom:88px}.home{width:100%;overflow:hidden}.home-header{padding:max(22px, env(safe-area-inset-top)) 20px 14px;justify-content:space-between;align-items:center;display:flex}.home-brand,.header-actions,.streak{align-items:center;display:flex}.home-brand{gap:12px;min-width:0}.brand-logo{color:#fff;background:#0756d9;border-radius:6px 6px 2px;flex:none;place-items:center;width:44px;height:39px;font-size:18px;display:grid;position:relative}.brand-logo:after{z-index:-1;content:"";background:repeating-linear-gradient(#ef3038 0 7px,#fff 7px 12px);border-radius:5px;width:24px;height:39px;position:absolute;right:-7px}.brand-name{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:800}.brand-tagline{color:#0756d9;margin:3px 0 0;font-size:.63rem;font-weight:650;line-height:1.3}.header-actions{gap:12px}.streak{color:#f56a1b;gap:3px;font-size:1rem;font-weight:750}.streak svg{fill:#ff7628;stroke:#ff7628;width:21px}.avatar{color:#fff;background:linear-gradient(145deg,#152c43,#77a59b);border:3px solid #e2e7ee;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.hero{isolation:isolate;color:#071531;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#f3f9ff;background-image:radial-gradient(circle at 85% 38%,#d8f1ff 0,#d8f1ff00 34%),linear-gradient(120deg,#fff 34%,#eff8ff 100%);min-height:270px;padding:30px 20px 24px;position:relative}.hero-copy{z-index:2;position:relative}.hero h1{color:#071531;letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.1}.hero-copy>p{color:#071531;margin:9px 0 18px;font-size:1rem;line-height:1.55}.continue-button{color:#fff;background:linear-gradient(135deg,#0961eb,#0642cd);border:0;border-radius:16px;justify-content:center;align-items:center;gap:11px;width:min(100%,285px);min-height:54px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 10px 24px #044cda38}.continue-button svg{width:20px}.resume-link{color:#0756d9;background:0 0;border:0;align-items:center;gap:7px;margin:13px 0 0 7px;padding:7px 0;font-size:.76rem;font-weight:700;display:flex}.resume-link svg{width:18px}.city-illustration{color:#1c77a4;opacity:.92;width:48%;height:220px;position:absolute;bottom:0;right:-8px}.city-sun{filter:blur(2px);background:#fff8e3;border-radius:50%;width:90px;height:90px;position:absolute;top:25px;right:25px}.skyline{color:#287ca8;letter-spacing:-8px;white-space:nowrap;font-size:2.3rem;position:absolute;bottom:0;right:0}.liberty{color:#4aa39b;font-size:20px;position:absolute;bottom:29px;right:46px;transform:rotate(-5deg)}.liberty:before{clip-path:polygon(45% 0,60% 0,63% 18%,85% 100%,20% 100%,42% 18%);content:"";background:#4aa39b;width:12px;height:92px;margin:0 auto;display:block}.liberty span{font-size:58px;line-height:.4;display:block}.progress-card,.study-goal{background:#fff;border:1px solid #edf0f4;border-radius:22px;margin:0 16px 14px;box-shadow:0 9px 24px #162a4b1a}.progress-card{z-index:3;margin-top:-8px;padding:20px 18px;position:relative}.card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-heading h2,.study-goal h2{margin:0;font-size:1rem}.card-heading button{color:#0756d9;background:0 0;border:0;align-items:center;padding:4px 0;font-size:.72rem;font-weight:750;display:flex}.card-heading button svg{width:15px}.progress-content{align-items:center;gap:18px;margin-top:16px;display:flex}.progress-ring{background:conic-gradient(#0756d9 0 65%, #e8ebef 65% 100%);border-radius:50%;flex:0 0 112px;place-items:center;width:112px;height:112px;display:grid}.progress-ring:before{content:"";background:#fff;border-radius:50%;width:88px;height:88px;position:absolute}.progress-ring div{z-index:1;flex-direction:column;align-items:center;display:flex}.progress-ring strong{font-size:1.5rem}.progress-ring span{color:#687386;font-size:.65rem}.progress-summary{flex:1;min-width:0}.progress-line-title{justify-content:space-between;align-items:center;gap:6px;font-size:.72rem;display:flex}.progress-line-title span{font-weight:800}.progress-bar,.goal-bar{background:#e9edf1;border-radius:999px;height:8px;overflow:hidden}.progress-bar{margin:7px 0 15px}.progress-bar span,.goal-bar span{border-radius:inherit;background:linear-gradient(90deg,#0964ed,#0648d6);width:65%;height:100%;display:block}.stats-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.stat{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.stat svg{width:20px;height:20px;margin-bottom:5px}.stat strong{white-space:nowrap;font-size:.72rem}.stat span{color:#556174;margin-top:2px;font-size:.51rem;line-height:1.25}.stat--purple svg{color:#6240e8}.stat--green svg{color:#16a882}.stat--orange svg{color:#ff7025}.stat--blue svg{color:#0870dc}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 16px 14px;display:grid}.feature-card{border-radius:21px;min-height:188px;padding:17px 15px;position:relative;overflow:hidden}.feature-card--blue{--accent:#0762df;background:linear-gradient(135deg,#f5fbff,#dfedff)}.feature-card--purple{--accent:#6332dc;background:linear-gradient(135deg,#fbf8ff,#eee4ff)}.feature-card--green{--accent:#20a958;background:linear-gradient(135deg,#f7fff9,#e6f5e8)}.feature-card--orange{--accent:#ff8b0b;background:linear-gradient(135deg,#fffdf8,#fff0d5)}.feature-copy{z-index:2;max-width:75%;position:relative}.feature-card h2{letter-spacing:-.02em;margin:0;font-size:.96rem;line-height:1.35}.feature-card p{margin:12px 0 0;font-size:.67rem;line-height:1.45}.feature-icon{width:52px;height:52px;color:var(--accent);stroke-width:1.7px;opacity:.9;position:absolute;top:27px;right:13px}.feature-button{color:#fff;background:var(--accent);border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;bottom:13px;right:13px}.feature-button svg{width:20px}.study-goal{align-items:center;gap:16px;min-height:126px;padding:18px;display:flex}.goal-target{color:#1670d5;flex:none;width:52px;height:52px}.goal-copy{flex:1;min-width:0}.goal-copy>p{margin:7px 0 11px;font-size:.7rem;font-weight:650}.goal-bar span{background:linear-gradient(90deg,#3ab875,#47d176);width:70%}.goal-progress{text-align:right;color:#697486;font-weight:400!important}.goal-progress strong{color:#26b865}.weekly-goal{color:#5d697b;text-align:center;border-left:1px solid #e2e5e9;flex-direction:column;align-items:center;min-width:92px;padding-left:13px;display:flex}.weekly-goal svg{color:#26aa8f}.weekly-goal strong{color:#189c81;margin-top:-19px}.weekly-goal span{margin-top:18px;font-size:.62rem;line-height:1.3}.bottom-navigation{z-index:20;min-height:calc(78px + env(safe-area-inset-bottom));padding:9px 6px max(9px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #e9edf1;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#526273;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:5px 2px;font-size:.67rem;font-weight:600;display:flex}.nav-item svg{width:25px;height:25px}.nav-item--active{color:#0756d9}.placeholder-page{min-height:calc(100dvh - 88px - env(safe-area-inset-bottom));padding:max(32px, env(safe-area-inset-top)) 24px 32px;color:#071531;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-page h1{letter-spacing:-.04em;margin:0;font-size:2rem}.placeholder-page p{color:#687386;margin:10px 0 0;font-size:1rem}.pronunciation-page{color:#071531;background:#fff;min-height:calc(100dvh - 88px);padding-bottom:20px}.pronunciation-header{min-height:82px;padding:max(18px, env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid #e8ebf0;grid-template-columns:38px 1fr auto 38px;align-items:center;gap:8px;display:grid}.pronunciation-header h1{letter-spacing:-.035em;margin:0;font-size:1.16rem}.icon-button{color:#0756d9;background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button:first-child svg{transform:rotate(180deg)}.icon-button--help{color:#071531}.pronunciation-streak{color:#ff6c22;align-items:center;gap:4px;font-weight:800;display:flex}.pronunciation-streak svg{fill:currentColor;width:21px}.lesson-progress{padding:19px 20px 21px}.lesson-progress>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.lesson-progress p{margin:0;font-size:.78rem}.lesson-progress p strong{color:#0756d9}.lesson-progress p span{margin:0 6px}.lesson-progress b{color:#0756d9;white-space:nowrap;font-size:.78rem}.lesson-progress b span{color:#5a6779;font-weight:500}.lesson-progress-bars{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:13px;display:grid}.lesson-progress-bars span{background:#dfe3e9;border-radius:99px;height:5px}.lesson-progress-bars .complete{background:#0756d9}.lesson-progress-bars .current{background:linear-gradient(90deg,#0756d9 64%,#dfe3e9 64%)}.phrase-card{border:1px solid #edf0f4;border-radius:22px;margin:0 16px 16px;padding:19px 18px 18px;box-shadow:0 8px 24px #132a4e1a}.phrase-card-top{color:#526174;justify-content:space-between;align-items:center;display:flex}.phrase-card-top>svg{width:27px;height:27px}.phrase-label{color:#0756d9;background:#eaf1ff;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:.69rem;display:flex}.phrase-label svg{width:18px;height:18px}.phrase-row{align-items:center;gap:9px;margin-top:13px;display:flex}.phrase-row>div{flex:1;min-width:0}.phrase-row h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,8.4vw,2.35rem);line-height:1.22}.phonetic{color:#687588;white-space:nowrap;margin:12px 0 0;font-size:.74rem}.phrase-audio{color:#0756d9;background:#fff;border:1px solid #dfe5ee;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;transition:transform .15s,background .15s;display:grid}.phrase-audio.is-playing{color:#fff;background:#0756d9;transform:scale(.92)}.translation{border-top:1px solid #dfe3e9;align-items:flex-start;gap:10px;margin-top:17px;padding:15px 0 2px;display:flex}.translation p{flex-direction:column;gap:6px;margin:0;font-size:.78rem;line-height:1.4;display:flex}.us-flag{background:repeating-linear-gradient(#e52c3b 0 2px,#fff 2px 4px);border-radius:50%;flex:none;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000014}.us-flag:before{content:"";background:#0756d9;border-radius:10px 0 0;width:10px;height:10px;display:block}.turn-notice{background:#f2f7ff;border:1px solid #c9ddff;border-radius:18px;align-items:center;gap:12px;margin:0 16px 16px;padding:15px;display:flex}.turn-notice>span{color:#fff;background:#0756d9;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.turn-notice h2,.evaluation-note h2{margin:0;font-size:.85rem}.turn-notice p,.evaluation-note p{margin:4px 0 0;font-size:.72rem;line-height:1.4}.speaking-panel{background:linear-gradient(145deg,#f8fbff,#eef5ff);border:1px solid #c9ddff;border-radius:21px;grid-template-columns:1fr 1.55fr 1fr;place-items:center;margin:0 16px 16px;padding:21px 13px 17px;display:grid}.audio-option{color:#0756d9;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:.66rem;font-weight:700;display:flex}.audio-option span{background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .15s;display:grid;box-shadow:0 4px 12px #13376e1f}.audio-option.is-active span{color:#fff;background:#0756d9;transform:scale(.92)}.microphone-button{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#3974f4,#064be0);border:9px solid #fff;border-radius:50%;outline:5px solid #dce7ff;place-items:center;width:min(34vw,140px);padding:0;transition:transform .18s,background .18s;display:grid;box-shadow:0 10px 24px #064cdb3d}.microphone-button svg{stroke-width:1.7px;width:52%;height:52%}.microphone-button.is-speaking{background:linear-gradient(145deg,#ff6f69,#e83252);transform:scale(.94)}.speaking-instruction{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:5px;margin-top:20px;display:flex}.speaking-instruction strong{font-size:.86rem}.speaking-instruction span{color:#5b687a;font-size:.75rem}.speaking-instruction audio{display:none}.recording-playback{color:#0756d9;background:#fff;border:1px solid #bcd3ff;border-radius:999px;align-items:center;gap:7px;margin-top:7px;padding:8px 13px;font-size:.7rem;font-weight:700;display:flex}.recording-playback svg{width:17px;height:17px}.evaluation-note{background:linear-gradient(120deg,#faf7ff,#f4efff);border:1px solid #dfccff;border-radius:18px;align-items:center;gap:12px;margin:0 16px;padding:14px;display:flex}.sparkle-icon{color:#fff;background:#6d35df;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.evaluation-note>div:nth-child(2){flex:1;min-width:0}.score-preview{background:#fff;border-radius:13px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:68px;min-height:52px;padding:6px;display:flex}.score-preview strong{color:#7138e4;border:4px solid #7138e4;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.73rem;display:grid}.score-preview span{margin-top:3px;font-size:.48rem;font-weight:800}.assessment-diagnostic{background:#f6f9ff;border:1px solid #c9ddff;border-radius:18px;margin:14px 16px 0;padding:14px}.diagnostic-heading{color:#0756d9;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}.diagnostic-heading span{color:#667387;font-size:.62rem}.diagnostic-scores{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:11px;display:grid}.diagnostic-scores span{color:#536075;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:8px;font-size:.64rem;display:flex}.diagnostic-scores b{color:#0756d9;font-size:.75rem}.assessment-diagnostic p{color:#536075;margin:11px 0 0;font-size:.66rem;line-height:1.4}@media (width<=360px){.pronunciation-header{grid-template-columns:32px 1fr auto 32px;gap:4px;padding-inline:10px}.pronunciation-header h1{font-size:.96rem}.phrase-card{padding-inline:14px}.phonetic{font-size:.64rem}.evaluation-note{gap:8px}.score-preview{display:none}}@media (width<=370px){.brand-tagline{display:none}.progress-content{gap:10px}.progress-ring{flex-basis:96px;width:96px;height:96px}.progress-ring:before{width:75px;height:75px}.feature-card{min-height:180px;padding:14px 12px}.feature-icon{width:42px;height:42px}}@media (width>=600px){.app-shell{width:430px;margin:0 auto;box-shadow:0 0 45px #10244426}.bottom-navigation{width:430px;left:50%;right:auto;transform:translate(-50%)}}