:root{--primary-color: #4a90d9;--primary-light: #e3f2fd;--primary-dark: #1565c0;--background-color: #f5f7fa;--card-background: #ffffff;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--border-color: #e0e0e0;--success-color: #4caf50;--error-color: #f44336;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--border-radius: 12px;--border-radius-sm: 8px;--sidebar-width: 80px;--sidebar-width-expanded: 200px;--transition: all .3s ease}.homepage{background:#f7f7f2;color:#14211b;justify-content:flex-start;padding:0 5vw 28px;position:relative;overflow:hidden}.site-nav{width:100%;max-width:1240px;margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9ded7}.brand-mark{font-weight:800;letter-spacing:.14em;font-size:13px}.brand-dot{display:inline-block;width:9px;height:9px;background:#e26d42;border-radius:50%;margin-right:8px}.nav-meta{color:#6d766f;font-size:12px;letter-spacing:.04em}.nav-status{color:#3b8f69;margin-left:18px}.home-shell{width:100%;max-width:1240px;margin:0 auto}.home-header{text-align:left;max-width:760px;margin:80px 0 38px}.eyebrow,.card-kicker{color:#e26d42;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:18px}.home-title{font-size:clamp(52px,7vw,94px);line-height:.98;letter-spacing:-.04em;color:#14211b;margin:0 0 24px}.home-title em{color:#3b8f69;font-style:normal}.home-subtitle{max-width:510px;font-size:17px;color:#66726b;line-height:1.8}.hero-login{width:auto;margin-top:28px;padding:14px 25px;border-radius:4px;background:#14211b;box-shadow:none}.hero-login span,.course-btn span{margin-left:18px;font-size:18px}.home-stats{display:flex;gap:42px;border-top:1px solid #d9ded7;padding:21px 0;color:#7b847e;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.home-stats strong{color:#14211b;font-size:20px;margin-right:7px;text-transform:none;letter-spacing:0}.course-grid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:10px}.course-card{border-radius:4px;box-shadow:none;border:1px solid #d9ded7;background:#fff;text-align:left;align-items:flex-start;padding:30px}.course-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #14211b14;border-color:#b4c4ba}.course-icon{font-size:42px!important;margin-bottom:24px!important}.card-kicker{color:#87928b;margin-bottom:10px}.course-title{color:#14211b!important;font-size:25px!important;justify-content:flex-start!important;min-height:auto!important}.course-description{text-align:left;color:#718078!important}.course-features{justify-content:flex-start!important}.course-tag{background:#edf3ee!important;color:#3b6c54!important;border-radius:3px!important}.course-btn{max-width:none!important;border-radius:3px!important;background:#3b8f69!important;text-align:left}.site-footer{width:100%;max-width:1240px;margin:30px auto 0;color:#9aa39d;font-size:12px}.site-footer span{margin:0 8px}@media(max-width:700px){.homepage{padding:0 22px 24px}.site-nav{padding:20px 0}.nav-meta{display:none}.home-header{margin:58px 0 30px}.home-title{font-size:54px}.home-stats{gap:14px;flex-wrap:wrap}.home-stats span{font-size:10px}.course-grid{grid-template-columns:1fr}.course-card{padding:24px}.site-footer{margin-top:24px}}.back-home-btn{border:1px solid #d9ded7;background:#fff;color:#3b8f69;padding:9px 14px;border-radius:3px;cursor:pointer;font-weight:600}.progress-label{display:block;color:#3b8f69;margin-top:5px;font-size:12px}@media(max-width:700px){.sidebar{width:54px}.sidebar.expanded{width:190px}.main-content{margin-left:54px;padding:12px}.course-info-bar{padding:12px;align-items:flex-start}.switch-course,.switch-btn{width:100%}.content-card{padding:16px}.video-container{border-radius:4px}}.hero-cta,.hero-link{margin-top:28px;padding:14px 22px;border-radius:3px;font-weight:700;cursor:pointer}.hero-cta{background:#14211b;color:#fff;border:1px solid #14211b}.hero-link{background:transparent;color:#3b8f69;border:0;margin-left:10px}.lesson-facts{display:flex;gap:28px;border-block:1px solid #e4e8e4;padding:14px 0;margin:8px 0 16px;width:100%;font-size:13px}.lesson-facts span{display:flex;flex-direction:column;color:#425148}.lesson-facts b,.lesson-goal b{font-size:10px;text-transform:uppercase;color:#8a958e;letter-spacing:.08em;margin-bottom:3px}.lesson-goal{width:100%;margin-bottom:15px}.lesson-goal p{color:#536159;font-size:13px;margin:2px 0 10px}.sidebar-toggle{width:32px;height:32px;margin:10px auto 0;border:0;border-radius:3px;background:#ffffff26;color:#fff;font-size:20px;cursor:pointer}.practice-page{min-height:100vh;background:#f7f7f2;color:#14211b;padding:0 5vw 40px}.practice-shell{max-width:1240px;margin:70px auto}.practice-shell h1{font-size:52px;margin:0 0 16px}.practice-intro{color:#68736c;max-width:650px;line-height:1.8}.part-tabs{display:flex;gap:8px;margin:36px 0 22px}.part-tabs button{padding:10px 20px;border:1px solid #ccd3ce;background:#fff;border-radius:3px;cursor:pointer;font-weight:700}.part-tabs button.active{background:#14211b;color:#fff;border-color:#14211b}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.question-card{background:#fff;border:1px solid #d9ded7;border-radius:4px;padding:28px;position:relative}.question-number{position:absolute;right:24px;top:22px;color:#b7bfb9;font-size:13px}.question-card h2{font-size:20px;line-height:1.45;margin:0 35px 18px 0}.question-card ul{padding-left:18px;color:#637068;font-size:14px;line-height:1.8}.answer-time{border-top:1px solid #e5e8e5;margin-top:18px;padding-top:14px;color:#3b8f69;font-size:12px;font-weight:700}@media(max-width:700px){.hero-link{display:block;margin:10px 0 0;padding-left:0}.practice-page{padding:0 22px}.practice-shell{margin:45px auto}.practice-shell h1{font-size:36px}.question-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,#ffffff 100%);padding:20px}.login-card{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:40px;width:100%;max-width:400px}.login-title{font-size:24px;color:var(--primary-dark);margin-bottom:24px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.form-group input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:15px;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary-color)}.error-message{background:#f443361a;color:var(--error-color);padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:20px;font-size:14px}.success-message{background:#4caf501a;color:var(--success-color);padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:20px;font-size:14px}.login-toggle{margin-top:24px;text-align:center;color:var(--text-secondary)}.login-toggle button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;text-decoration:underline}.login-toggle button:hover{color:var(--primary-dark)}.btn{width:100%;padding:14px;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4a90d966}.homepage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,var(--primary-light) 0%,#ffffff 100%)}.home-header{text-align:center;margin-bottom:50px}.home-title{font-size:42px;color:var(--primary-dark);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.home-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1100px;width:100%;margin:0 auto}.course-card{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:40px 30px;cursor:pointer;transition:var(--transition);border:2px solid transparent;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.course-card.main-module-card{padding:40px 30px;height:100%;display:flex;flex-direction:column}.course-card.main-module-card .course-icon{font-size:72px;margin-bottom:20px;min-height:80px;display:flex;align-items:center;justify-content:center}.course-card.main-module-card .course-title{font-size:26px;color:var(--primary-dark);margin-bottom:16px;min-height:60px;display:flex;align-items:center;justify-content:center;line-height:1.4}.course-card.main-module-card .course-description{font-size:15px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6;min-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card.main-module-card .course-features{gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:auto;padding-bottom:20px;width:100%}.course-card.main-module-card .course-tag{background:var(--primary-light);color:var(--primary-dark);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap}.course-card.main-module-card .course-btn{padding:14px 40px;font-size:17px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:30px;cursor:pointer;font-weight:600;transition:var(--transition);box-shadow:0 4px 12px #4a90d94d;width:100%;max-width:280px}.course-card.main-module-card .course-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4a90d966}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary-color)}.course-grid .course-card{padding:30px 25px;height:100%;display:flex;flex-direction:column}.course-grid .course-card .course-icon{font-size:64px;margin-bottom:16px;min-height:72px;display:flex;align-items:center;justify-content:center}.course-grid .course-card .course-title{font-size:22px;color:var(--primary-dark);margin-bottom:12px;font-weight:700;min-height:56px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.course-grid .course-card .course-description{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.5;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-grid .course-card .course-features{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:auto;padding-bottom:16px;width:100%}.course-grid .course-card .course-tag{background:var(--primary-light);color:var(--primary-dark);padding:5px 10px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap}.course-grid .course-card .course-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:12px 30px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);width:100%;max-width:240px;box-shadow:0 3px 10px #4a90d94d}.course-grid .course-card .course-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #4a90d966}.course-icon{font-size:64px;margin-bottom:20px}.course-title{font-size:24px;color:var(--primary-dark);margin-bottom:12px;font-weight:700}.course-description{color:var(--text-secondary);font-size:15px;margin-bottom:20px;line-height:1.6}.course-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.course-tag{background:var(--primary-light);color:var(--primary-dark);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.course-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:12px 30px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);width:100%}.course-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #4a90d966}.back-home{position:fixed;top:20px;left:20px;background:#fff;color:var(--primary-color);padding:10px 20px;border-radius:25px;box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);display:none;align-items:center;gap:8px;font-size:14px;font-weight:500;border:2px solid var(--primary-color);z-index:1000}.back-home:hover{background:var(--primary-color);color:#fff}.back-home.visible{display:flex}.learning-page{display:none}.learning-page.active{display:block}.container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-dark) 100%);position:fixed;left:0;top:0;bottom:0;z-index:100;transition:var(--transition);overflow:hidden;display:flex;flex-direction:column}.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar-header{padding:20px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer}.sidebar-logo{font-size:24px;color:#fff;font-weight:700;white-space:nowrap;opacity:1;transition:var(--transition)}.sidebar:not(.expanded) .sidebar-logo{font-size:20px}.sidebar-logo-text{display:none;font-size:14px;color:#fffc;margin-top:5px}.sidebar.expanded .sidebar-logo-text{display:block}.nav-steps{flex:1;padding:15px 8px;overflow-y:auto}.nav-item{margin-bottom:8px}.nav-btn{width:100%;display:flex;align-items:center;padding:12px 8px;background:#ffffff1a;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);color:#ffffffe6;text-decoration:none}.nav-btn:hover{background:#fff3}.nav-btn.active{background:#fff;color:var(--primary-dark);font-weight:600}.nav-number{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;margin-right:10px;font-weight:600;font-size:14px;transition:var(--transition)}.nav-btn.active .nav-number{background:var(--primary-color);color:#fff}.nav-label{font-size:13px;white-space:nowrap;opacity:0;transition:var(--transition)}.sidebar.expanded .nav-label{opacity:1}.course-info-bar{background:#fff;padding:15px 24px;margin-bottom:20px;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.course-current{display:flex;align-items:center;gap:12px}.course-current-icon{font-size:32px}.course-current-text h3{font-size:18px;color:var(--primary-dark)}.course-current-text p{font-size:13px;color:var(--text-light)}.switch-course{display:flex;gap:10px}.switch-btn{padding:8px 16px;border:2px solid var(--primary-color);background:#fff;color:var(--primary-color);border-radius:20px;cursor:pointer;transition:var(--transition);font-weight:500}.switch-btn:hover,.switch-btn.active{background:var(--primary-color);color:#fff}.main-content{flex:1;margin-left:var(--sidebar-width);padding:20px;transition:var(--transition);max-width:100%}.main-content>*{max-width:900px;margin:0 auto}.page-header{margin-bottom:20px}.page-title{font-size:24px;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:10px}.page-description{color:var(--text-secondary);font-size:15px}.content-card{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:24px;margin-bottom:24px;transition:var(--transition)}.content-card:hover{box-shadow:var(--shadow-hover)}.card-title{font-size:18px;color:var(--primary-dark);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary-light);display:flex;align-items:center;gap:10px}.card-icon{font-size:24px}.video-container{position:relative;width:100%;max-width:1200px;margin:0 auto;background:#000;border-radius:var(--border-radius-sm);overflow:hidden}.video-container video{position:relative;width:100%;height:auto;display:block}.daily-subtitle-video{max-width:960px}.video-container.no-subtitle-mask{position:relative}.video-container.no-subtitle-mask .subtitle-mask{position:absolute;bottom:0;left:0;right:0;height:15%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,transparent 100%);pointer-events:none;z-index:10}.audio-container{display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,var(--primary-light) 0%,#fff 100%);border-radius:var(--border-radius)}.audio-container audio{width:100%;max-width:500px;height:50px}.audio-player-section{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,var(--primary-light) 0%,#fff 100%);border-radius:var(--border-radius)}.audio-player-section audio{width:100%;max-width:500px;height:50px;margin-bottom:12px}.media-controls{display:flex;justify-content:center;gap:12px;margin-top:16px}.media-controls .btn{min-width:120px;display:flex;align-items:center;justify-content:center;gap:6px}.dictation-box{margin-top:24px;background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow);border:2px solid var(--border-color);overflow:hidden;transition:var(--transition)}.dictation-box.minimized{box-shadow:none;border-color:var(--primary-light)}.dictation-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,var(--primary-light) 0%,#ffffff 100%);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none}.dictation-box.minimized .dictation-header{background:linear-gradient(135deg,#e8f5e9,#fff)}.dictation-title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.content-indicator{font-size:12px;color:var(--text-secondary);font-weight:400}.dictation-actions{display:flex;gap:8px;align-items:center}.format-tools{display:flex;gap:6px;align-items:center;margin-right:12px}.format-btn{min-width:32px!important;padding:6px 8px!important;background:#f0f0f0;color:var(--text-primary);border:1px solid var(--border-color)!important}.format-btn:hover{background:#e0e0e0}.format-btn.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.color-picker-wrapper{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:6px;overflow:hidden}.color-picker{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;padding:0;background:transparent}.color-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:4px}.color-picker::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:4px}.color-picker::-moz-color-swatch{border:1px solid var(--border-color);border-radius:4px}.dictation-btn{padding:6px 12px;font-size:13px;border:none;border-radius:6px;cursor:pointer;transition:var(--transition);font-weight:500}.dictation-btn-save{background:var(--primary-color);color:#fff}.dictation-btn-save:hover{background:var(--primary-dark)}.dictation-btn-clear{background:#ffebee;color:var(--error-color)}.dictation-btn-clear:hover{background:#ffcdd2}.dictation-btn-toggle{background:var(--primary-light);color:var(--primary-dark)}.dictation-btn-toggle:hover{background:var(--primary-color);color:#fff}.dictation-content{max-height:0;opacity:0;overflow:hidden;transition:var(--transition)}.dictation-content.visible{max-height:400px;opacity:1}.dictation-textarea{width:100%;min-height:160px;padding:16px;border:none;resize:vertical;font-family:inherit;font-size:15px;line-height:1.6;color:var(--text-primary);background:#fafafa}.dictation-textarea:focus{outline:none;background:#f5f5f5;box-shadow:inset 0 2px 4px #0000000d}.dictation-textarea.edit-mode{color:#1565c0;font-weight:500;background:#e3f2fd80}.dictation-textarea.edit-mode:focus{background:#e3f2fdcc}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.vocab-card{background:var(--primary-light);border-radius:var(--border-radius-sm);padding:20px;transition:var(--transition)}.vocab-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.vocab-word{font-size:22px;font-weight:700;color:var(--primary-dark);margin-bottom:8px}.vocab-phonetic{font-size:14px;color:var(--text-secondary);font-family:Lucida Sans Unicode,Arial Unicode MS,sans-serif;margin-bottom:10px}.vocab-meaning{font-size:15px;color:var(--text-primary);margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--border-color)}.vocab-example{font-size:14px;color:var(--text-secondary);font-style:italic;line-height:1.5}.vocab-example strong{color:var(--primary-dark);font-style:normal}.pattern-list{display:flex;flex-direction:column;gap:16px}.pattern-card{background:linear-gradient(135deg,#fff 0%,var(--primary-light) 100%);border-radius:var(--border-radius-sm);padding:20px;border-left:4px solid var(--primary-color)}.pattern-english{font-size:18px;font-weight:600;color:var(--primary-dark);margin-bottom:8px}.pattern-chinese{font-size:15px;color:var(--text-secondary);margin-bottom:12px}.pattern-usage{font-size:13px;color:var(--text-light);background:#00000008;padding:8px 12px;border-radius:6px}.pattern-usage:before{content:"💡 "}.bilingual-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bilingual-column{border-radius:var(--border-radius-sm);padding:0}.bilingual-column h4{color:var(--primary-dark);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.bilingual-text-scrollable{background:#fafafa;border-radius:var(--border-radius-sm);padding:24px;max-height:400px;overflow-y:auto;line-height:1.8;font-size:15px}.bilingual-text-scrollable p{margin-bottom:12px}.english-text-scrollable{background:#fafafa;border-radius:var(--border-radius-sm);padding:24px;max-height:400px;overflow-y:auto;line-height:1.8;font-size:15px}.english-text-scrollable p{margin-bottom:12px}.dictation-list{display:flex;flex-direction:column;gap:20px}.dictation-item{background:var(--primary-light);border-radius:var(--border-radius-sm);padding:20px}.dictation-sentence{font-size:16px;line-height:2;margin-bottom:12px}.dictation-sentence .blank{display:inline-block;width:120px;border-bottom:2px solid var(--primary-color);margin:0 4px}.dictation-sentence .blank input{width:100%;border:none;background:transparent;font-size:16px;text-align:center;color:var(--primary-dark);font-weight:600;padding:4px 8px}.dictation-sentence .blank input:focus{outline:none;border-bottom:2px solid var(--primary-dark)}.dictation-sentence .blank.correct{border-bottom-color:var(--success-color);background:#4caf501a}.dictation-sentence .blank.incorrect{border-bottom-color:var(--error-color);background:#f443361a}.dictation-hint{font-size:13px;color:var(--text-light);margin-bottom:12px}.dictation-actions{display:flex;gap:10px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:var(--transition);font-weight:500}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#f0f0f0;color:var(--text-secondary)}.btn-secondary:hover{background:#e0e0e0}.dictation-result{margin-top:12px;padding:12px;border-radius:6px;font-size:14px;display:none}.dictation-result.show{display:block}.dictation-result.correct{background:#4caf501a;color:var(--success-color)}.dictation-result.incorrect{background:#f443361a;color:var(--error-color)}.toggle-all-container{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}@media(max-width:768px){.home-title{font-size:28px}.course-grid{grid-template-columns:1fr}.sidebar{width:60px}.sidebar.expanded{width:180px}.main-content{margin-left:60px;padding:20px 15px}.page-title{font-size:20px}.bilingual-container,.vocabulary-grid{grid-template-columns:1fr}.course-info-bar{flex-direction:column;align-items:flex-start}.video-container{max-width:100%;border-radius:8px}.video-container video{width:100%;height:auto;min-height:0;object-fit:contain}.daily-subtitle-video{max-height:58svh;display:flex;align-items:center}.daily-subtitle-video video{max-height:58svh}.audio-container{padding:20px 10px}.audio-container audio,.audio-player-section audio{max-width:100%;height:48px}.media-controls{flex-wrap:wrap;gap:8px}.media-controls .btn{min-width:100px;font-size:13px;padding:8px 12px}}@media(max-width:480px){.sidebar{display:none}.main-content{margin-left:0;padding:15px 12px}.home-title{font-size:24px}.home-subtitle{font-size:14px}.course-grid{grid-template-columns:1fr;padding:0 10px}.content-card{padding:16px}.video-container{border-radius:6px}.video-container video{min-height:0;object-fit:contain}.daily-subtitle-video,.daily-subtitle-video video{max-height:52svh}.audio-container{padding:15px 8px;background:linear-gradient(135deg,var(--primary-light) 0%,#fff 100%);border-radius:8px}.audio-container audio,.audio-player-section audio{width:100%;max-width:none;height:45px}.audio-player-section{padding:15px;margin-bottom:16px}.media-controls{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center}.media-controls .btn{min-width:80px;max-width:120px;flex:1 1 80px;font-size:12px;padding:6px 10px}.vocab-card{padding:15px}.vocab-word{font-size:18px}.pattern-card{padding:15px}.pattern-english{font-size:16px}.bilingual-text-scrollable,.english-text-scrollable{padding:15px;font-size:14px;max-height:300px}.course-card.main-module-card,.course-grid .course-card{padding:20px 15px}.course-card .course-icon{font-size:48px}.course-card .course-title{font-size:18px;min-height:auto}.course-card .course-description{font-size:13px;min-height:auto}.course-card .course-btn{font-size:14px;padding:10px 20px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-card,.step-panel{animation:fadeIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.course-card{animation:slideIn .4s ease}.course-card:nth-child(2){animation-delay:.1s}@media print{.sidebar,.toggle-all-container,.dictation-actions,.back-home,.course-info-bar{display:none}.main-content{margin-left:0}}.step-panel{display:none}.step-panel.active{display:block}.section-guidance{color:#66736b;margin:-4px 0 20px;line-height:1.7}.speaking-brief{background:#edf3ee;border-left:3px solid #3b8f69;padding:16px 18px;margin-bottom:18px}.speaking-brief p{margin:5px 0 0;color:#536159}.source-text{border:1px solid #dde2de;border-radius:4px;padding:14px;margin-bottom:22px}.source-text summary{cursor:pointer;font-weight:700;color:#3b6c54}.speaking-recorder{border:1px solid #cbd6ce;background:#f7faf7;padding:22px;border-radius:4px}.speaking-recorder h3{margin:0 0 6px}.speaking-recorder p{color:#637068}.recording-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.recording-controls audio{max-width:100%}.record-btn{background:#14211b;color:#fff;border:0;border-radius:3px;padding:12px 20px;font-weight:700;cursor:pointer}.record-btn.recording{background:#b33a32}.privacy-note{font-size:11px!important}.record-error{color:#b33a32!important}.dictation-input{width:100%;max-width:320px;padding:10px 12px;border:1px solid #ccd4ce;border-radius:3px;margin:12px 0}.answer-correct{color:#2d7d56;font-weight:700}.answer-wrong{color:#b33a32;font-weight:700}.score-banner{background:#edf3ee;color:#2f704f;padding:14px 16px;margin-bottom:16px;font-weight:700;border-radius:3px}.reward-bar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:18px}.reward-bar span{background:#fff;border:1px solid #d9ded7;padding:6px 10px;border-radius:3px;font-size:11px;font-weight:800;color:#3b6c54}.score-panel{margin-top:20px;padding:20px;border-radius:4px;border:1px solid}.score-panel.passed{background:#edf7f0;border-color:#80b993}.score-panel.failed{background:#fff4f1;border-color:#d79b8d}.score-total{display:flex;align-items:baseline;gap:6px}.score-total strong{font-size:48px;line-height:1}.score-total span{color:#77827b}.score-total b{margin-left:auto}.score-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.score-breakdown span{background:#ffffffb3;padding:9px;text-align:center;font-size:11px;border-radius:3px}.score-panel details{margin-top:15px}.score-panel details p{line-height:1.7}@media(max-width:700px){.score-breakdown{grid-template-columns:repeat(2,1fr)}.score-total b{display:block;margin-left:8px;font-size:12px}.reward-bar{justify-content:flex-start}}.completion-report{max-width:900px;margin:20px auto 40px;background:#fff;border:1px solid #d9ded7;border-radius:4px;padding:24px}.completion-report.complete{border-color:#6ea786;background:#f5faf6}.completion-report h2{margin:0 0 6px}.requirement-list{display:grid;gap:8px;margin-top:18px}.requirement-list>div{display:flex;justify-content:space-between;padding:12px 14px;background:#f5f6f4;color:#727c76;border-radius:3px}.requirement-list>div.done{background:#e8f4ec;color:#2e7550}.completion-reward{display:flex;gap:12px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #dce5de}.completion-reward span{background:#3b8f69;color:#fff;padding:6px 10px;border-radius:3px;font-size:12px}.level-status{display:flex;justify-content:space-between;width:100%;font-size:11px;color:#78827c;letter-spacing:.08em}.level-status b{color:#3b8f69}.level-card.locked{opacity:.58;cursor:not-allowed!important;filter:grayscale(.7)}.level-card.locked:hover{transform:none;box-shadow:none}.level-card .course-btn:disabled{background:#aab2ad!important}.player-dashboard{display:grid;grid-template-columns:auto 1fr repeat(3,auto);align-items:center;gap:24px;background:#14211b;color:#fff;padding:20px 24px;border-radius:4px;margin:0 0 20px}.player-level{display:flex;flex-direction:column;align-items:center}.player-level span{font-size:9px;letter-spacing:.15em;color:#9db3a8}.player-level strong{font-size:30px}.player-progress>div:first-child{display:flex;justify-content:space-between;gap:16px}.player-progress span{font-size:10px;color:#9db3a8}.xp-track{height:6px;background:#34433c;border-radius:4px;margin-top:9px;overflow:hidden}.xp-track i{display:block;height:100%;background:#e26d42}.player-stat{display:flex;flex-direction:column;align-items:center}.player-stat strong{font-size:20px}.player-stat span{font-size:9px;color:#9db3a8}.unlock-hint{width:100%;margin-top:14px;padding:10px;border:1px solid #3b8f69;background:#fff;color:#3b8f69;border-radius:3px;font-weight:700;cursor:pointer}.answer-hint{margin-top:14px;padding:13px;background:#edf3ee;border-left:3px solid #3b8f69}.answer-hint p{margin:5px 0 0;color:#536159;font-size:13px}@media(max-width:700px){.player-dashboard{grid-template-columns:repeat(3,1fr);gap:14px}.player-progress{grid-column:1/-1;grid-row:2}.player-level{align-items:flex-start}.player-stat:last-child{display:none}}.simple-notes{margin-top:22px}.notes-header{width:100%;display:flex;justify-content:space-between;padding:13px 16px;background:#edf3ee;color:#315f49;border:0;cursor:pointer;font-weight:700}.notes-body{padding:14px}.notes-body textarea{width:100%;padding:12px;border:1px solid #ccd4ce;border-radius:3px;resize:vertical;font:inherit}.notes-body>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#7d8881;font-size:11px}.summary-panel{background:#edf3ee;border-left:3px solid #3b8f69;padding:20px;margin-bottom:22px;line-height:1.85}.english-reading{max-height:520px;overflow:auto;padding:20px;border:1px solid #dde2de;line-height:1.9}.english-reading>p{margin-bottom:16px}.score-banner{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px}.score-banner strong{font-size:28px}.score-banner b{text-align:right}.score-banner.pass{background:#e9f5ed;color:#2d744f}.score-banner.retry{background:#fff3ef;color:#a24d3d}@media(max-width:700px){.score-banner{grid-template-columns:auto 1fr}.score-banner b{grid-column:1/-1;text-align:left}}.dashboard-assessment{margin-top:11px;border:0;background:transparent;color:#f09b72;padding:0;font-size:11px;font-weight:700;cursor:pointer}.assessment-page{min-height:100vh;background:#14211b;display:grid;place-items:center;padding:24px}.assessment-card{width:min(720px,100%);background:#f7f7f2;padding:42px;border-radius:4px}.assessment-progress{display:flex;justify-content:space-between;color:#627068;font-size:12px;font-weight:700}.assessment-track{height:6px;background:#dce2dd;margin:12px 0 42px;border-radius:4px;overflow:hidden}.assessment-track i{display:block;height:100%;background:#3b8f69}.assessment-card h1{font-size:28px;line-height:1.4;margin:0 0 28px}.assessment-options{display:grid;gap:10px}.assessment-options button{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#fff;border:1px solid #d4dad5;border-radius:3px;text-align:left;cursor:pointer;font-size:15px}.assessment-options button:hover{border-color:#3b8f69;background:#edf3ee}.assessment-options span{display:grid;place-items:center;width:28px;height:28px;background:#edf3ee;color:#3b6c54;font-weight:800}.assessment-exit{display:block;margin:24px auto 0;border:0;background:transparent;color:#7b857f;cursor:pointer}.assessment-card.result{text-align:center}.assessment-score{display:block;font-size:88px;line-height:1;color:#3b8f69}.assessment-card.result p{color:#67736c;line-height:1.8;max-width:530px;margin:0 auto}.assessment-card.result .hero-cta{margin-top:25px}@media(max-width:700px){.assessment-card{padding:28px 20px}.assessment-card h1{font-size:22px}.assessment-score{font-size:68px}}.priority-result{display:inline-flex;align-items:center;gap:12px;background:#edf3ee;padding:10px 16px;margin:0 0 20px;color:#536159;border-radius:3px}.priority-result b{color:#2f704f}.personal-recommendation{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border:1px solid #d9ded7;border-left:4px solid #e26d42;padding:22px 25px;margin-bottom:20px}.personal-recommendation h2{font-size:20px;margin:0 0 6px}.personal-recommendation p{margin:0;color:#68746d}.personal-recommendation button{flex:none;background:#3b8f69;color:#fff;border:0;border-radius:3px;padding:12px 17px;font-weight:700;cursor:pointer}.personal-recommendation button span{margin-left:12px}@media(max-width:700px){.personal-recommendation{align-items:flex-start;flex-direction:column}.personal-recommendation button{width:100%}}.daily-panel{background:#fff;border:1px solid #d9ded7;padding:24px;margin-bottom:20px}.daily-heading{display:flex;justify-content:space-between;align-items:center}.daily-heading h2{margin:0}.daily-count strong{font-size:32px;color:#3b8f69}.daily-count span{color:#8a958e}.daily-task-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.daily-task-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;text-align:left;background:#f7f8f6;border:1px solid #e1e5e1;border-radius:3px;cursor:pointer}.daily-task-list button.done{background:#edf6f0;border-color:#a9cdb5}.task-check{font-size:20px;color:#3b8f69}.daily-task-list b,.daily-task-list small{display:block}.daily-task-list small{color:#78837c;margin-top:3px;line-height:1.4}.daily-task-list em{font-style:normal;font-size:10px;color:#e26d42;font-weight:800}.claim-button{width:100%;padding:12px;border:0;border-radius:3px;background:#3b8f69;color:#fff;font-weight:800;cursor:pointer}.claim-button:disabled{background:#c7ceca;color:#768079;cursor:not-allowed}@media(max-width:850px){.daily-task-list{grid-template-columns:1fr}.daily-task-list button{grid-template-columns:auto 1fr auto}}.daily-tools{display:flex;align-items:center;gap:14px}.daily-tools>button{border:1px solid #3b8f69;background:#fff;color:#3b8f69;border-radius:3px;padding:8px 11px;font-weight:700;cursor:pointer}.vocab-heading{display:flex;justify-content:space-between;gap:20px}.vocab-heading>span{color:#3b8f69;font-weight:800;white-space:nowrap}.vocab-card.mastered{border-color:#8cbea0;background:#f5faf6}.word-link{display:flex;flex-direction:column;align-items:flex-start;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.word-link:hover .vocab-word{color:#3b8f69}.vocab-actions{display:flex;gap:7px;margin-top:12px}.vocab-actions button{flex:1;border:1px solid #cfd6d1;background:#fff;padding:7px;border-radius:3px;cursor:pointer;font-size:11px;font-weight:700}.vocab-actions button.saved,.vocab-actions button:disabled{background:#e5f1e9;color:#31714f}.dictionary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d19137a;z-index:200;display:flex;justify-content:flex-end}.dictionary-drawer{width:min(480px,92vw);height:100%;overflow:auto;background:#fff;padding:34px;position:relative}.drawer-close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:30px;cursor:pointer}.dictionary-drawer h2{font-size:38px;margin:0}.phonetic-large{color:#78847d}.speak-word{border:1px solid #3b8f69;background:#fff;color:#3b8f69;padding:8px 12px;border-radius:3px;cursor:pointer}.course-definition,.online-definitions{margin-top:24px;padding-top:20px;border-top:1px solid #e0e4e1}.course-definition blockquote{margin:12px 0;padding-left:14px;border-left:3px solid #d6ddd8;color:#647068}.online-definitions>div{margin-top:15px}.online-definitions em{color:#e26d42;font-size:12px}.vocab-search{width:100%;max-width:460px;padding:12px 14px;border:1px solid #ccd4ce;margin:24px 0;border-radius:3px}.saved-word-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.saved-word-grid article{background:#fff;border:1px solid #d9ded7;padding:22px}.saved-word-grid h2{font-size:25px;margin:0}.saved-word-grid blockquote{margin:14px 0;padding-left:12px;border-left:3px solid #dce3de;color:#66726b}.saved-word-grid article>div:last-child{display:flex;gap:8px;margin-top:14px}.saved-word-grid button{border:1px solid #ccd4ce;background:#fff;padding:7px 10px;cursor:pointer}.empty-state{padding:50px;text-align:center;color:#7d8781;border:1px dashed #ccd4ce}.listening-goal{display:grid;grid-template-columns:1fr auto;gap:8px;margin:15px 0}.listening-goal i{grid-column:1/-1;height:6px;background:#e1e5e2;border-radius:4px;overflow:hidden}.listening-goal em{display:block;height:100%;background:#3b8f69}@media(max-width:700px){.saved-word-grid{grid-template-columns:1fr}.daily-tools>button{display:none}}.weekly-report{background:#fff;border:1px solid #d9ded7;padding:24px;margin-bottom:20px}.weekly-title{display:flex;justify-content:space-between;align-items:center}.weekly-title h2{margin:0}.weekly-title>b{color:#3b8f69}.week-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:20px 0}.week-calendar>div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;background:#f4f5f3;color:#8a938e;border-radius:3px}.week-calendar>div.active{background:#e7f3eb;color:#2f744f}.week-calendar i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font-style:normal;font-weight:800}.week-calendar small{font-size:9px}.weekly-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.weekly-metrics span{display:flex;flex-direction:column;align-items:center;padding:13px;background:#f7f8f6;color:#78827c;font-size:10px}.weekly-metrics strong{font-size:22px;color:#14211b}.weekly-advice{margin-top:16px;border-left:3px solid #e26d42;padding:9px 14px;background:#fff7f3}.weekly-advice p{margin:4px 0 0;color:#636f68}@media(max-width:700px){.weekly-metrics{grid-template-columns:repeat(2,1fr)}.week-calendar small{display:none}}.weekly-title>div:last-child{display:flex;align-items:center;gap:12px}.weekly-title>div:last-child>b{color:#3b8f69}.weekly-title button{border:1px solid #3b8f69;background:#fff;color:#3b8f69;padding:8px 11px;border-radius:3px;font-weight:700;cursor:pointer}.mock-page{min-height:100vh;background:#f7f7f2;color:#14211b}.mock-header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid #d9ded7}.mock-header button{border:0;background:transparent;color:#65716a;cursor:pointer}.mock-stage{max-width:800px;margin:70px auto;padding:0 24px}.mock-stage h1{font-size:38px;line-height:1.35}.mock-stage ul{line-height:1.9;color:#647068}.prep-box{display:flex;align-items:center;gap:12px;background:#edf3ee;padding:15px;margin:24px 0}.prep-box b{font-size:32px;color:#3b8f69}.prep-box button{margin-left:auto;border:1px solid #3b8f69;background:#fff;padding:8px;cursor:pointer}.mock-controls{margin-top:30px}.round-result{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;background:#fff;border:1px solid #d9ded7;padding:20px}.round-result strong{font-size:52px;grid-row:1/3}.round-result audio{grid-column:1/-1;width:100%}.round-result button{grid-column:1/-1;padding:12px;background:#3b8f69;color:#fff;border:0;cursor:pointer}.mock-result{max-width:800px;margin:0 auto;padding:70px 24px;text-align:center}.mock-result>strong{font-size:90px;color:#3b8f69}.mock-result>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.mock-result article{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #d9ded7;padding:16px}.mock-result article span{font-size:24px}.mock-result audio{width:100%}@media(max-width:700px){.mock-stage h1{font-size:28px}.mock-result>div{grid-template-columns:1fr}.mock-header span{display:none}.weekly-title{align-items:flex-start}.weekly-title>div:last-child{flex-direction:column;align-items:flex-end}}:root{--soft-radius:8px;--control-radius:6px;--soft-shadow:0 10px 30px rgba(20,33,27,.07);--soft-shadow-hover:0 16px 38px rgba(20,33,27,.11)}body{background:#f4f6f3}.homepage,.practice-page{background:linear-gradient(180deg,#f8f9f6,#f2f5f1)}.site-nav{border-bottom-color:#57695e2e}.course-card{border:1px solid rgba(82,104,91,.12)!important;border-radius:var(--soft-radius)!important;box-shadow:var(--soft-shadow)!important;overflow:hidden}.course-card:hover{border-color:#3b8f6947!important;box-shadow:var(--soft-shadow-hover)!important}.course-btn,.hero-cta,.personal-recommendation button,.claim-button,.record-btn,.round-result button{border-radius:var(--control-radius)!important;box-shadow:0 5px 14px #2f704f26}.course-tag{border-radius:5px!important}.back-home-btn,.hero-link,.daily-tools>button,.weekly-title button,.unlock-hint,.part-tabs button,.assessment-options button,.vocab-actions button,.saved-word-grid button,.speak-word{border-radius:var(--control-radius)!important}.player-dashboard{border-radius:var(--soft-radius);box-shadow:0 14px 34px #14211b2e}.personal-recommendation,.daily-panel,.weekly-report{border:0;border-radius:var(--soft-radius);box-shadow:var(--soft-shadow)}.personal-recommendation{border-left:4px solid #e26d42}.daily-task-list button{border-color:transparent;border-radius:var(--control-radius);background:#f2f5f2}.daily-task-list button:hover{background:#eaf2ed;transform:translateY(-1px)}.daily-task-list button.done{border-color:#3b8f692e}.weekly-metrics span,.week-calendar>div,.requirement-list>div,.reward-bar span,.score-breakdown span{border-radius:var(--control-radius)}.content-card,.course-info-bar,.completion-report{border:0;border-radius:var(--soft-radius);box-shadow:var(--soft-shadow)}.content-card:hover{box-shadow:var(--soft-shadow)}.audio-container,.audio-player-section,.video-container,.speaking-recorder,.source-text,.summary-panel,.english-reading,.simple-notes{border-radius:var(--soft-radius)!important}.video-container{box-shadow:0 8px 24px #00000021}.switch-btn,.dictation-input,.vocab-search,.notes-body textarea{border-width:1px!important;border-color:#cad4cd!important;border-radius:var(--control-radius)!important}.switch-btn:focus,.dictation-input:focus,.vocab-search:focus,.notes-body textarea:focus{outline:3px solid rgba(59,143,105,.13);border-color:#3b8f69!important}.vocab-card,.pattern-card,.dictation-item,.question-card,.saved-word-grid article,.mock-result article{border:1px solid rgba(82,104,91,.12)!important;border-radius:var(--soft-radius)!important;box-shadow:0 5px 18px #14211b0b}.vocab-card:hover,.question-card:hover,.saved-word-grid article:hover{box-shadow:var(--soft-shadow);transform:translateY(-2px)}.dictionary-drawer{box-shadow:-18px 0 48px #14211b2e;border-radius:12px 0 0 12px}.score-panel,.score-banner,.answer-hint,.weekly-advice,.priority-result,.prep-box,.round-result{border-radius:var(--soft-radius)!important}.assessment-card{border-radius:var(--soft-radius);box-shadow:0 24px 70px #00000040}.assessment-options button:hover{transform:translate(3px)}.mock-stage,.mock-result,.practice-shell{animation:soft-enter .28s ease-out}button,.course-card,.vocab-card,.question-card,.saved-word-grid article{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}@keyframes soft-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.course-card,.daily-panel,.weekly-report,.personal-recommendation,.content-card,.course-info-bar,.completion-report{border-radius:6px!important}.homepage,.practice-page{background:#f5f7f4}.dictionary-drawer{border-radius:8px 0 0 8px}}.report-trigger{align-self:stretch;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:var(--control-radius);padding:0 14px;font-weight:700;cursor:pointer}.report-trigger:hover{background:#ffffff24}.report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0d19138c;display:grid;place-items:center;padding:22px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.report-dialog{position:relative;width:min(920px,100%);max-height:90vh;overflow:auto;background:#f4f6f3;border-radius:10px;box-shadow:0 28px 80px #00000047;padding:18px;animation:report-enter .2s ease-out}.report-dialog .weekly-report{margin:0;box-shadow:none}.report-close{position:absolute;right:27px;top:24px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:#e9eeea;color:#425148;font-size:25px;line-height:1;cursor:pointer}.report-close:hover{background:#dce6df}@keyframes report-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:700px){.report-overlay{padding:0;align-items:end}.report-dialog{width:100%;max-height:88vh;border-radius:10px 10px 0 0;padding:10px}.report-trigger{padding:8px 10px}.player-dashboard{grid-template-columns:repeat(4,1fr)}.player-progress{grid-column:1/-1}.report-close{right:18px;top:16px}}.step-navigator,.training-shortcuts{background:#fff;border-radius:var(--soft-radius);box-shadow:var(--soft-shadow);padding:18px;margin-bottom:20px}.step-nav-heading,.shortcut-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.step-nav-heading span{font-weight:800;color:#263c31}.step-nav-heading b{font-size:13px;color:#607369}.step-nav-list,.shortcut-list{display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:8px}.step-nav-list button{min-height:66px;border:1px solid #dce5df;background:#f6f8f6;border-radius:7px;color:#56685e;cursor:pointer;display:grid;place-items:center;gap:4px;padding:8px}.step-nav-list button span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e4ebe6;font-size:12px}.step-nav-list button.visited{color:#2f7556;background:#f0f7f3}.step-nav-list button.active{border-color:#3b8f69;background:#e8f4ed;box-shadow:0 0 0 3px #3b8f691a}.training-shortcuts{margin-top:22px}.shortcut-heading h2{margin:2px 0 0}.continue-learning{border:0;border-radius:6px;background:#244d3a;color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.shortcut-list{grid-template-columns:repeat(4,1fr)}.shortcut-list button{position:relative;text-align:left;border:1px solid #dce5df;background:#f7f9f7;border-radius:7px;padding:15px 38px 15px 15px;cursor:pointer}.shortcut-list button:hover{background:#edf5f0;border-color:#a9c9b6;transform:translateY(-1px)}.shortcut-list b,.shortcut-list span{display:block}.shortcut-list b{color:#243a2f;margin-bottom:4px}.shortcut-list span{color:#6a7b72;font-size:13px}.shortcut-list em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;color:#3b8f69;font-size:20px}@media(max-width:700px){.step-navigator,.training-shortcuts{padding:14px}.step-nav-list{display:flex;overflow-x:auto;padding-bottom:5px}.step-nav-list button{flex:0 0 76px}.shortcut-heading{align-items:flex-end}.continue-learning{font-size:13px;padding:9px}.shortcut-list{grid-template-columns:1fr 1fr}.shortcut-list button{min-height:76px}}.guided-sample{margin:18px 0}.sample-stage{position:relative;min-height:390px;border-radius:10px;padding:34px;overflow:hidden;color:#f8fbf9;background:radial-gradient(circle at 80% 20%,rgba(225,146,87,.32),transparent 28%),linear-gradient(145deg,#17382b,#285941)}.sample-stage:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-70px;bottom:-100px}.sample-badge{font-size:11px;font-weight:800;letter-spacing:.14em;color:#cbe2d4}.sample-avatar{width:72px;height:72px;margin:58px auto 18px;border-radius:50%;display:grid;place-items:center;background:#f0b17d;color:#17382b;font-size:23px;font-weight:900;box-shadow:0 10px 30px #0003}.sample-topic{text-align:center;font-size:16px;font-weight:800;max-width:560px;margin:0 auto 22px}.sample-caption{position:relative;z-index:1;max-width:720px;margin:auto;text-align:center}.sample-caption p{font-size:17px;line-height:1.65;margin:0 0 12px}.sample-caption span{display:block;color:#c9ddd2;font-size:13px}.blind-prompt{text-align:center;display:grid;gap:8px}.blind-prompt strong{font-size:24px}.blind-prompt span{color:#c9ddd2}.sample-progress{position:absolute;z-index:2;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:7px}.sample-progress button{width:26px;height:4px;border:0;border-radius:3px;background:#ffffff40;padding:0;cursor:pointer}.sample-progress button.active{background:#f0b17d}.sample-controls{display:flex;align-items:center;gap:10px;margin-top:12px}.sample-controls span{margin-left:auto;color:#708177;font-size:12px}.blind-mode .sample-stage{background:radial-gradient(circle at 50% 45%,rgba(80,151,113,.28),transparent 30%),linear-gradient(145deg,#132c23,#1b4433)}@media(max-width:700px){.sample-stage{min-height:420px;padding:24px 18px}.sample-caption p{font-size:15px}.sample-controls{flex-wrap:wrap}.sample-controls span{width:100%;margin:2px 0 0}}.mobile-learning-route{display:none;background:#fff;border-radius:8px;box-shadow:var(--soft-shadow);padding:18px;margin-bottom:18px}.mobile-learning-route h2{font-size:20px;margin:3px 0 14px}.mobile-learning-route ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mobile-learning-route li{display:flex;gap:10px;align-items:center;background:#f2f6f3;padding:12px;border-radius:7px}.mobile-learning-route li>span{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:#3b8f69;color:#fff;font-weight:800}.mobile-learning-route b,.mobile-learning-route small{display:block}.mobile-learning-route small{color:#718078;margin-top:3px}.mobile-learning-route>button{width:100%;margin-top:14px;padding:12px;border:0;border-radius:7px;background:#244d3a;color:#fff;font-weight:800}.completion-report.compact{padding:0;overflow:hidden}.completion-toggle{width:100%;border:0;background:#fff;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.completion-toggle span{display:grid;gap:3px}.completion-toggle small{color:#75827b}.completion-toggle em{font-style:normal;color:#3b8f69;font-weight:700}.completion-details{padding:0 18px 18px;border-top:1px solid #e5ebe7}.completion-details>p{color:#69766f}@media(max-width:700px){.mobile-learning-route{display:block}.mobile-learning-route ol{grid-template-columns:1fr}.homepage .home-header{padding-bottom:20px}.homepage .player-dashboard{margin-top:6px}.homepage .personal-recommendation,.homepage .training-shortcuts,.homepage .daily-panel,.homepage .home-stats{display:none}.homepage .course-grid{grid-template-columns:1fr}.homepage .course-grid .extra-module{order:2;opacity:.82}.homepage .course-grid .core-module{order:1}.homepage .home-title{font-size:38px}.homepage .home-subtitle{font-size:15px}.main-content .course-info-bar{margin-bottom:10px}.main-content .step-navigator{margin-bottom:12px}.main-content .step-nav-heading{margin-bottom:8px}.main-content .completion-report{margin-top:12px;margin-bottom:24px}.main-content .page-header{margin-bottom:12px}.main-content .page-title{font-size:28px}}.blind-questions{margin:16px 0;padding:15px;background:#f1f6f3;border-left:4px solid #3b8f69;border-radius:7px}.blind-questions b{color:#244d3a}.blind-questions ol{margin:10px 0 0;padding-left:22px;color:#53665c}.blind-questions li{margin:7px 0}.speech-note{font-size:12px;color:#718078;margin:10px 2px}.blind-lesson .sample-controls button{flex:1}.real-audio-player{margin-top:12px;padding:14px;background:#eef3ef;border-radius:8px}.real-audio-player audio{display:block;width:100%;min-height:54px}.transcript-toggle{width:100%;margin-top:10px;padding:11px;border:1px solid #b9c9bf;border-radius:7px;background:#fff;color:#315a46;font-weight:700;cursor:pointer}.dictation-player{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:10px;margin:12px 0}.dictation-player>button{border:0;border-radius:6px;background:#315d47;color:#fff;padding:10px 12px;font-weight:800;cursor:pointer}.dictation-player>button span{margin-right:4px}.dictation-player audio{width:100%;min-height:40px}.dictation-player small{grid-column:1/-1;color:#748078;font-size:11px}.dictation-inline-sentence{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;padding:14px;background:#f4f7f4;border-radius:7px;color:#293d32;font-size:16px;line-height:1.7}.dictation-inline-sentence input{width:130px;max-width:100%;border:0;border-bottom:2px solid #3b8f69;background:transparent;padding:3px 5px;color:#1e3a2a;font:inherit;font-weight:800;outline:none;text-align:center}.dictation-inline-sentence input:focus{background:#e8f4ed}.needs-review .dictation-inline-sentence{background:#fff6f2}@media(max-width:700px){.dictation-player{grid-template-columns:1fr}.dictation-player>button{width:100%}.dictation-inline-sentence{font-size:15px;padding:12px}.dictation-inline-sentence input{width:116px}}.first-visit-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:-10px 0 20px;padding:22px 24px;background:linear-gradient(135deg,#fff8f2,#fff);border:1px solid #efd5c3;border-left:5px solid #e26d42;border-radius:9px;box-shadow:0 14px 34px #4e301e17}.first-visit-card.completed{background:linear-gradient(135deg,#edf7f1,#fff);border-color:#bfdbc9;border-left-color:#3b8f69}.first-visit-icon{width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff0e4;color:#a64e2e}.completed .first-visit-icon{background:#dff0e6;color:#2f7553}.first-visit-icon strong{font-size:29px;line-height:1}.first-visit-icon span{font-size:11px;font-weight:800}.first-visit-copy h2{margin:2px 0 6px;font-size:22px}.first-visit-copy p:last-child{margin:0;color:#67756d;line-height:1.55}.first-visit-copy b{color:#2f7553}.first-visit-actions{display:grid;gap:8px;min-width:180px}.first-visit-actions button{padding:11px 14px;border-radius:7px;font-weight:800;cursor:pointer}.assessment-primary{border:0;background:#e26d42;color:#fff}.completed .assessment-primary{background:#3b8f69}.assessment-secondary{border:1px solid #cdd7d1;background:#fff;color:#52645a}.home-start-actions{display:flex;align-items:center;gap:16px;margin-bottom:22px}.home-start-actions .hero-cta,.home-start-actions .hero-link{margin:0}@media(max-width:700px){.first-visit-card{grid-template-columns:auto 1fr;gap:14px;padding:17px;margin:0 0 16px}.first-visit-icon{width:58px;height:58px}.first-visit-icon strong{font-size:23px}.first-visit-copy h2{font-size:18px}.first-visit-copy p:last-child{font-size:13px}.first-visit-actions{grid-column:1/-1;grid-template-columns:1fr;min-width:0}.first-visit-actions button{width:100%}.home-start-actions{display:grid;gap:8px}.home-start-actions button{width:100%}}.bilingual-reading{display:grid;gap:14px;margin-top:18px}.bilingual-reading article{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dde5df;border-radius:8px;overflow:hidden}.bilingual-reading article>div{padding:18px}.bilingual-reading article>div+div{background:#f2f6f3;border-left:1px solid #dde5df}.bilingual-reading span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#3b8f69;margin-bottom:8px}.bilingual-reading p{margin:0;line-height:1.75}.audio-dictation .dictation-item audio{display:block;width:100%;margin:10px 0;min-height:44px}.dictation-number{display:flex;justify-content:space-between;align-items:center}.dictation-number span{font-size:12px;color:#718078}@media(max-width:700px){.bilingual-reading article{grid-template-columns:1fr}.bilingual-reading article>div+div{border-left:0;border-top:1px solid #dde5df}.bilingual-reading article>div{padding:14px}}.result-page{align-items:start}.assessment-result-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.assessment-result-actions .hero-cta{margin:0}.review-toggle{border:1px solid #3b8f69;background:#fff;color:#2f704f;border-radius:7px;padding:12px 16px;font-weight:800;cursor:pointer}.assessment-review{margin-top:30px;text-align:left}.review-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.review-heading h2{margin:0}.review-heading span{color:#3b8f69;font-weight:800}.assessment-review article{padding:18px;margin-top:10px;border:1px solid #dce3de;border-radius:8px;background:#fff}.assessment-review article.incorrect{border-left:4px solid #d66a51}.assessment-review article.correct{border-left:4px solid #3b8f69}.review-question{display:flex;gap:12px}.review-question>span{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e5f3ea;color:#2f704f;font-weight:900}.incorrect .review-question>span{background:#fae8e3;color:#b14f39}.review-question small,.review-question b{display:block}.review-question small{color:#7a867f;margin-bottom:4px}.review-answers{margin:13px 0 8px;padding-left:40px}.review-answers p{margin:5px 0}.review-answers .right{color:#2f704f}.review-answers .wrong{color:#b14f39}.review-explanation{margin:0 0 0 40px!important;padding:10px 12px;background:#f3f6f4;border-radius:6px;color:#5c6962!important;max-width:none!important}@media(max-width:700px){.assessment-result-actions{display:grid}.assessment-result-actions button{width:100%}.assessment-review article{padding:14px}.review-answers{padding-left:0}.review-explanation{margin-left:0!important;padding:10px!important}}.simplified-home .site-nav{display:flex;align-items:center;justify-content:space-between}.learning-center-trigger{border:1px solid #cdd7d1;background:#fff;border-radius:7px;padding:8px 12px;text-align:left;cursor:pointer}.learning-center-trigger span,.learning-center-trigger small{display:block}.learning-center-trigger span{font-weight:800;color:#284735}.learning-center-trigger small{font-size:10px;color:#7a8780;margin-top:2px}.compact-home-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:58px 0 34px;border-bottom:1px solid #dce3de}.compact-home-intro h1{font-size:44px;line-height:1.1;margin:7px 0 12px;color:#14211b}.compact-home-intro p{color:#68756e;margin:0}.intro-actions{display:grid;gap:9px;min-width:230px}.intro-actions button{padding:12px 15px;border-radius:7px;font-weight:800;cursor:pointer}.intro-actions button:first-child{border:0;background:#3b8f69;color:#fff}.intro-actions button:last-child{border:1px solid #c8d2cc;background:#fff;color:#43564b}.direct-course-section{padding:34px 0}.direct-course-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.direct-course-heading h2{font-size:27px;margin:2px 0}.direct-course-heading>span{font-size:12px;color:#77837c}.direct-course-list{display:grid;border:1px solid #dbe3dd;border-radius:9px;overflow:hidden;background:#fff;box-shadow:var(--soft-shadow)}.direct-course-list>button{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;text-align:left;padding:19px 22px;border:0;border-bottom:1px solid #e4e9e5;background:#fff;cursor:pointer}.direct-course-list>button:last-child{border-bottom:0}.direct-course-list>button:hover{background:#f3f7f4}.course-index{font-size:25px;font-weight:900;color:#adc0b4}.course-direct-copy small,.course-direct-copy b,.course-direct-copy em,.course-direct-meta small,.course-direct-meta b{display:block}.course-direct-copy small{font-size:10px;color:#e26d42;font-weight:800}.course-direct-copy b{font-size:19px;color:#21392d;margin:3px 0}.course-direct-copy em{font-style:normal;color:#68766e;font-size:13px}.course-direct-meta{text-align:right}.course-direct-meta small{color:#849088;margin-bottom:6px}.course-direct-meta b{color:#3b8f69}.extra-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 28px;padding:22px 0;border-top:1px solid #dce3de}.extra-entry h2{margin:2px 0 5px}.extra-entry p{margin:0;color:#718078}.extra-entry button{border:1px solid #bfcac3;background:#fff;color:#365843;padding:11px 15px;border-radius:7px;font-weight:800;cursor:pointer}.learning-center-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0d191394;display:grid;place-items:center;padding:22px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.learning-center-dialog{width:min(1000px,100%);max-height:91vh;overflow:auto;background:#f4f6f3;border-radius:10px;padding:22px;box-shadow:0 30px 90px #0000004d}.learning-center-dialog>header{display:flex;align-items:center;justify-content:space-between}.learning-center-dialog>header h2{margin:2px 0}.learning-center-dialog>header>button{width:36px;height:36px;border:0;border-radius:50%;font-size:25px;background:#e1e8e3;cursor:pointer}.center-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.center-stats span{padding:12px;background:#fff;border-radius:7px;color:#78847d;font-size:11px}.center-stats b{display:block;font-size:18px;color:#263e32}.center-tabs{display:flex;border-bottom:1px solid #cfd8d2}.center-tabs button{border:0;background:transparent;padding:11px 18px;color:#718078;font-weight:800;cursor:pointer}.center-tabs button.active{color:#2f7553;border-bottom:3px solid #3b8f69}.center-content{padding-top:18px}.center-content .training-shortcuts,.center-content .daily-panel,.center-content .weekly-report{margin:0;box-shadow:none}.center-content .shortcut-heading{display:none}@media(max-width:700px){.compact-home-intro{display:grid;gap:22px;padding:36px 0 24px}.compact-home-intro h1{font-size:34px}.intro-actions{min-width:0}.direct-course-heading{align-items:start;display:grid}.direct-course-heading>span{margin-top:4px}.direct-course-list>button{grid-template-columns:42px 1fr;padding:16px 13px;gap:9px}.course-index{font-size:19px}.course-direct-copy b{font-size:16px}.course-direct-copy em{font-size:12px}.course-direct-meta{grid-column:2;text-align:left;display:flex;gap:10px}.course-direct-meta small{margin:0}.extra-entry{align-items:flex-start;flex-direction:column}.extra-entry button{width:100%}.learning-center-overlay{padding:0;align-items:end}.learning-center-dialog{width:100%;max-height:92vh;border-radius:10px 10px 0 0;padding:15px}.center-stats{grid-template-columns:1fr 1fr}.center-tabs button{flex:1;padding:10px 4px}.learning-center-trigger small{display:none}}.course-switch-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.course-switch-tabs button{border:1px solid #d5dfd8;border-radius:8px;background:#fff;padding:15px 18px;text-align:left;cursor:pointer}.course-switch-tabs button.active{border-color:#3b8f69;background:#edf6f0;box-shadow:0 0 0 3px #3b8f691a}.course-switch-tabs b,.course-switch-tabs small{display:block}.course-switch-tabs b{font-size:18px;color:#284735}.course-switch-tabs small{margin-top:4px;color:#738178}.pathway-home .site-nav{display:flex;align-items:center;justify-content:space-between}.home-header-actions{display:flex;align-items:center;gap:9px}.assessment-header-button{border:1px solid #ccd7d0;background:#fff;color:#365443;border-radius:7px;padding:10px 14px;font-weight:800;cursor:pointer}.pathway-intro{padding:72px 0 30px;max-width:760px}.pathway-intro h1{font-size:48px;line-height:1.1;margin:5px 0 14px;color:#14211b}.pathway-intro>p:last-child{max-width:620px;color:#68756e;line-height:1.7}.pathway-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pathway-card{position:relative;min-height:410px;padding:34px;display:flex;flex-direction:column;border:1px solid #d7e0da;border-radius:9px;background:#fff;box-shadow:var(--soft-shadow);cursor:pointer;overflow:hidden}.pathway-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow-hover)}.pathway-card:before{content:"";position:absolute;inset:0 0 auto;height:6px}.daily-path:before{background:#3b8f69}.ielts-path:before{background:#e26d42}.pathway-number{position:absolute;right:28px;top:24px;color:#dbe4de;font-size:68px;font-weight:900;line-height:1}.pathway-label{position:relative;color:#718078;font-size:11px;font-weight:900;letter-spacing:.12em;margin-top:20px}.pathway-card h2{position:relative;font-size:34px;margin:18px 0 12px;color:#1c3428}.pathway-card>p{position:relative;max-width:500px;color:#68766e;line-height:1.8;font-size:15px}.pathway-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding:26px 0 20px}.pathway-facts span{padding:8px 10px;border-radius:6px;background:#f0f4f1;color:#53645b;font-size:12px}.pathway-facts b{font-size:17px;color:#294c39}.pathway-card>button{width:100%;border:0;border-radius:7px;padding:13px 16px;text-align:left;color:#fff;font-weight:900;cursor:pointer}.daily-path>button{background:#3b8f69}.ielts-path>button{background:#d9653f}.pathway-card>button span{float:right;font-size:18px}.pathway-footer-note{display:flex;align-items:center;justify-content:center;gap:15px;padding:24px 0;color:#758179}.pathway-footer-note button{border:0;background:transparent;color:#3b8f69;font-weight:800;cursor:pointer}@media(max-width:700px){.pathway-intro{padding:44px 0 20px}.pathway-intro h1{font-size:35px}.pathway-grid{grid-template-columns:1fr}.pathway-card{min-height:340px;padding:25px}.pathway-card h2{font-size:27px}.pathway-number{font-size:52px}.pathway-footer-note{align-items:flex-start;flex-direction:column;gap:5px}.home-header-actions{gap:5px}.assessment-header-button{padding:8px 9px;font-size:12px}}