:root{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#101a43;background:#f6f7ff;--purple:#5849ff;--purple-dark:#4033df;--purple-soft:#eeedff;--ink:#101a43;--muted:#697398;--line:#e8eaf6;--surface:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #b4adff;outline-offset:3px}.app-shell{min-height:100dvh}.side-nav{display:none}.work-area{min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:0;font-size:24px;font-weight:900;letter-spacing:-1.2px;white-space:nowrap}.brand>span:last-child{color:var(--purple)}.brand-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,#3477ff,#7c56f9);font-size:26px;color:white;box-shadow:0 7px 18px #7163f530;margin-right:8px}.topbar-title{display:none}.topbar-end{display:flex;align-items:center;gap:7px;color:#647095;font-size:11px;font-weight:800}.online-dot{width:8px;height:8px;background:#1bbf8b;border-radius:50%}main{width:min(100%,1420px);margin:0 auto;padding:16px 15px calc(106px + env(safe-area-inset-bottom))}.view{animation:fadeIn .18s ease}@keyframes fadeIn{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.4px;line-height:1.11;font-size:clamp(32px,7vw,46px);font-weight:900}h1 span,.page-banner h1 span{color:var(--purple)}h2{font-size:20px;letter-spacing:-.5px;font-weight:900}h3{font-size:19px;line-height:1.32}p{line-height:1.56}small,.muted{color:var(--muted)}.eyebrow{font-weight:900;font-size:11px;color:var(--purple);letter-spacing:1.15px;text-transform:uppercase}.btn{min-height:46px;border:0;border-radius:14px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;transition:transform .18s,box-shadow .18s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(120deg,#5143f4,#7154fb);box-shadow:0 8px 18px #5545f12b}.btn-soft{background:#f0efff;color:#5144e5;border:1px solid #dfdcff}.btn-sm{min-height:36px;font-size:12px;padding:6px 12px}.full{width:100%}.text-link{font-size:12px;color:var(--purple);font-weight:900}.pill{display:inline-flex;border-radius:999px;font-size:11px;align-items:center;padding:6px 10px;font-weight:900;white-space:nowrap}.pill.purple{background:#efecff;color:#5142e8}.pill.peach{background:#fff0e8;color:#f06b25}.hero,.page-banner{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(116deg,#f0f0ff 0%,#e8eaff 48%,#c8d7ff 100%)}.hero{min-height:320px;padding:27px 23px;isolation:isolate}.home-hero:before,.page-banner:before{content:'';position:absolute;width:280px;height:280px;right:-80px;top:-120px;transform:rotate(28deg);border-radius:60px;background:#ffffff59;z-index:-1}.hero-copy{position:relative;z-index:2;max-width:61%}.hero h1{margin:13px 0 11px}.hero p{font-size:13px;color:#596583;max-width:290px;margin-bottom:17px}.hero-cta{font-size:12px;min-height:45px;padding:10px 16px}.hero-person{position:absolute;width:67%;max-width:345px;right:-34px;bottom:-27px;z-index:0;filter:drop-shadow(0 16px 17px #5251a620)}.hero-mascot{position:absolute;width:31%;max-width:135px;right:-25px;bottom:-15px;z-index:1}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}.stat-card{min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px #1c286106;padding:15px 11px;border-radius:20px}.stat-card>div{min-width:0}.stat-card small{font-size:10px;display:block;font-weight:800}.stat-card strong{display:block;font-size:22px;font-weight:900;line-height:1.3;white-space:nowrap}.stat-card div>span:not(.stat-icon){font-size:9px;color:var(--muted);display:block;line-height:1.3}.stat-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;font-size:21px;font-weight:900}.stat-icon.orange{color:#fc7139;background:#fff0e7}.stat-icon.violet{color:#5949ff;background:#efedff}.stat-icon.green{color:#16a677;background:#e7fbf2}.surface-section{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.section-heading h2{margin:0}.section-heading>div h2{margin:4px 0 0}.feature-grid{display:grid;gap:12px}.feature-card{display:grid;grid-template-columns:38% minmax(0,1fr);min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:9px;gap:12px;box-shadow:0 7px 25px #1c286107}.feature-card img{height:100%;min-height:165px;width:100%;object-fit:cover;border-radius:14px}.feature-card>div{padding:5px 4px 5px 0;min-width:0}.feature-card h3{font-size:16px;margin:9px 0 5px}.feature-card p{font-size:11px;color:#677395;margin-bottom:9px}.feature-action{font-size:11px;color:var(--purple);font-weight:900}.tip-bar{background:#ebeaff;border-radius:20px;margin-top:17px;padding:9px 12px;display:flex;align-items:center;gap:10px}.tip-bar img{width:65px;height:65px;object-fit:contain}.tip-bar strong{font-size:12px}.tip-bar p{font-size:10px;color:var(--muted);margin:2px 0 0}.tip-bar .text-link{display:none}.page-banner{padding:27px 22px;min-height:200px;margin-bottom:16px;display:flex;align-items:center}.page-banner>div{width:68%;z-index:1}.page-banner h1{font-size:34px;margin:8px 0}.page-banner p{font-size:12px;color:#586481;margin-bottom:0}.page-banner>img{position:absolute;right:-18px;bottom:-17px;width:45%;max-width:245px;max-height:225px;object-fit:contain;object-position:bottom}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 15px;margin-bottom:15px;box-shadow:0 7px 27px #141b5105;min-width:0}.card h2{margin:0 0 14px}.card label{display:block;font-size:12px;font-weight:800;color:#4e597b;margin-bottom:7px}.card select,.card textarea{width:100%;min-width:0;border:1px solid #dfe2f4;background:#fff;border-radius:13px;padding:12px;color:#20294d;outline:none}.card select:focus,.card textarea:focus{border-color:#7064ff;box-shadow:0 0 0 3px #7e73ff21}.card textarea{resize:vertical;min-height:80px;font-size:14px;line-height:1.65}.card select{font-size:13px;min-height:46px}.sample-line{background:#f4f3ff;padding:17px;border-radius:15px;margin:16px 0}.sample-line p{font-weight:800;font-size:19px;line-height:1.5;margin:12px 0 14px}.info-strip{color:#596583;background:#f7f8fc;border-radius:12px;font-size:11px;padding:11px}.practice-grid{display:grid;gap:0}.recording-card{text-align:center;background:linear-gradient(160deg,#fff,#f8f8ff)}.recording-card>label{text-align:left}.mic-control{width:110px;height:110px;border-radius:50%;border:10px solid #ebe9ff;color:white;display:grid;place-items:center;background:#604dff;margin:16px auto 10px;font-size:42px;box-shadow:0 0 0 9px #f5f4ff}.mic-control.recording{background:#ef4559;animation:pulse 1.6s infinite}.mic-control span{line-height:1}@keyframes pulse{50%{box-shadow:0 0 0 19px #e9e6ff}}.recording-card h2{margin:13px 0 5px;font-size:19px}.recording-card>p{font-size:12px;color:#687395;min-height:23px}.mini-divider{display:flex;align-items:center;gap:7px;color:#8d95ae;font-size:10px;margin:18px 0}.mini-divider:before,.mini-divider:after{content:'';height:1px;background:#e4e5f5;flex:1}.recording-card textarea{text-align:left}.recording-card .full{margin-top:10px}.word-display{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:72px;padding:13px;background:#fafaff;border:1px solid #edeefa;border-radius:14px}.word-tag{font-size:12px;padding:7px 9px;border-radius:9px;background:#ebeefa;line-height:1.3;font-weight:800}.word-correct{color:#09825e;background:#dff8eb}.word-missed{background:#ffe6e6;color:#d23d47}.word-pending{color:#576283}.score-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:13px 0}.score-row>div,.metric-trio>div{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.score-row small,.metric-trio small{display:block;font-size:10px;font-weight:800}.score-row strong,.metric-trio strong{display:block;color:var(--purple);font-size:24px;font-weight:900}.feedback-line,.callout-inline{border-radius:12px;padding:13px;background:#f2f1ff;color:#4e5692;font-size:12px;font-weight:800}.results-card>.full{margin-top:14px}.topic-body{padding:17px 0}.topic-body img{width:100%;max-height:200px;object-fit:cover;border-radius:15px;margin:0 0 12px}.topic-body h3{margin:7px 0;color:var(--ink);font-size:20px}.topic-body p{color:var(--muted);font-size:12px}.timer-circle{width:180px;height:180px;border:10px solid #7263f4;border-left-color:#e7e3ff;border-bottom-color:#e7e3ff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:17px auto}.timer-circle strong{font-size:40px;line-height:1.1;font-weight:900;font-variant-numeric:tabular-nums}.timer-circle span{font-size:11px;color:var(--muted)}.button-pair{display:flex;gap:10px;margin-top:10px}.button-pair>.btn{flex:1}.transcript-card label{color:#77809c;font-size:11px}.metric-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.metric-trio>div{padding:10px 8px}.metric-trio strong{font-size:22px}.transcript-card>.full{margin-top:14px}.empty-state{text-align:center;padding:45px 22px}.empty-state img{width:110px;height:110px;object-fit:contain}.empty-state h2{margin-top:13px}.empty-state p{color:var(--muted);font-size:13px}.feedback-report>h2{margin:0 0 10px}.feedback-report .metric-trio{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-report blockquote{margin:14px 0;background:#f8f8ff;padding:18px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:#2a345b;font-size:14px}.feedback-report .tag-label{display:inline-block;margin:14px 0 6px;font-size:12px;font-weight:900;color:#6a7396}.history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:13px 0}.history-item:last-child{border:0}.history-item strong{font-size:12px;display:block}.history-item small{font-size:10px}.history-item .pill{flex-shrink:0}.progress-stat-grid{margin:0 0 16px}.library-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.guides-root{font-size:13px;color:#434c70;line-height:1.7}.guides-root .card{border:0;padding:16px 0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.guides-root h2{font-size:20px;margin:4px 0}.guides-root ul{padding-left:20px}.guides-root .card-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.guides-root .badge{font-size:10px;background:#efeeff;padding:4px 8px;border-radius:7px;color:#5849ff}.guides-root .callout{background:#f5f4ff;padding:13px;border-radius:12px}.guides-root .framework-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guides-root .flow-step{border:1px solid var(--line);border-radius:10px;padding:10px}.guides-root .flow-letter{font-size:18px;color:var(--purple);font-weight:900}.guides-root .flow-name{font-weight:900}.guides-root .script-box{border:1px solid var(--line);border-radius:13px;padding:13px;margin:13px 0}.guides-root .script-topic{font-weight:900}.guides-root .script-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.guides-root .btn-speak{min-height:37px;border:0;background:#eeeaff;border-radius:10px;color:var(--purple);font-weight:900;padding:6px 10px;cursor:pointer}.guides-root .word-count{font-size:11px;color:var(--muted)}.guides-root .tag-list{display:flex;flex-wrap:wrap;gap:5px}.guides-root .tag{padding:4px 8px;background:#f1f2fb;border-radius:6px;font-size:11px}.guides-root .vocab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.guides-root .vocab-item{background:#f8f8ff;padding:11px;border-radius:10px}.guides-root .vocab-word{font-weight:900}.guides-root .vocab-example{font-style:italic;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:calc(72px + env(safe-area-inset-bottom));padding:5px 2px calc(7px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid var(--line);box-shadow:0 -8px 25px #2731620b;z-index:20}.bottom-nav a{font-size:9px;color:#7780a1;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:0;flex:1;padding:6px 2px;border-radius:13px;font-weight:800;white-space:nowrap}.bottom-nav a span{font-size:21px;line-height:1.1;font-weight:900}.bottom-nav a.active{color:var(--purple);background:#f0eeff}.more-nav{display:none!important}@media(max-width:350px){.hero-copy{max-width:65%}.hero h1{font-size:30px}.hero-person{right:-45px}.stat-card{padding:10px 7px;gap:6px}.stat-icon{width:29px;height:29px}.stat-card strong{font-size:18px}.feature-card{grid-template-columns:35% minmax(0,1fr);gap:8px}.feature-card img{min-height:170px}}@media(min-width:620px){main{padding:24px 26px 100px}.hero{padding:42px 38px;min-height:335px}.hero-person{right:30px;width:43%}.hero-mascot{right:0;width:21%}.hero-copy{max-width:53%}.hero h1{font-size:49px}.hero p{font-size:15px}.stat-card{padding:22px}.stat-card strong{font-size:30px}.stat-icon{width:48px;height:48px}.stat-card small{font-size:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{grid-template-columns:1fr}.feature-card img{max-height:180px}.feature-card>div{padding:6px}.feature-card p{font-size:13px}.page-banner{min-height:230px;padding:32px}.page-banner h1{font-size:44px}.page-banner p{font-size:14px}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{padding:22px}.progress-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tip-bar .text-link{display:block;margin-left:auto}}@media(min-width:1000px){.app-shell{display:grid;grid-template-columns:235px minmax(0,1fr)}.side-nav{display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;background:#fff;border-right:1px solid var(--line);padding:25px 14px}.side-nav>.brand{font-size:22px;padding:0 9px}.side-caption{font-weight:900;font-size:10px;color:#a0a7c3;margin:43px 12px 12px;letter-spacing:1.1px}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-list a{display:flex;gap:13px;align-items:center;border-radius:13px;padding:11px 13px;font-size:13px;font-weight:900;color:#6c7593}.nav-list a span{font-size:19px;min-width:24px}.nav-list a.active{background:#efeeff;color:var(--purple)}.side-bottom{margin-top:auto;padding:20px 12px;background:#f4f3ff;border-radius:16px}.side-bottom img{width:80px;display:block;margin:auto}.side-bottom strong{display:block;text-align:center}.side-bottom p{text-align:center;font-size:11px;color:#677090}.side-bottom .btn{display:flex;font-size:12px}.topbar{height:79px;padding:0 32px}.mobile-brand{display:none}.topbar-title{display:block;color:#7d86a4;font-weight:800;font-size:13px}.topbar-end{font-size:12px}main{padding:27px 32px 50px}.bottom-nav{display:none}.hero{min-height:322px}.hero-person{width:36%;max-width:380px;right:5%}.hero-mascot{right:0;max-width:160px}.stat-grid{max-width:100%}.stat-card{gap:20px}.feature-card{grid-template-columns:38% minmax(0,1fr)}.feature-card img{max-height:none;height:200px}.feature-card>div{padding:14px 4px}.feature-card h3{font-size:20px}.feature-card p{font-size:13px}.tip-bar{padding:10px 20px}.tip-bar img{width:90px;height:80px}.tip-bar strong{font-size:15px}.tip-bar p{font-size:13px}.page-banner{min-height:190px}.page-banner>img{max-height:225px;width:30%;right:8%}.practice-grid{gap:18px}.card{padding:26px;margin-bottom:18px}.score-row strong{font-size:30px}.guides-root .framework-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.guides-root .vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}