@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";html,body,#root{box-sizing:border-box;background-color:#0d1117;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#161b22}::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b949e}@media (width<=768px){html,body,#root{-webkit-overflow-scrolling:touch;height:auto;min-height:100%;overflow:hidden auto}}:root{--bg-primary:#f7f9fc;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#f0f3f9;--border-color:#e5e7eb;--text-main:#1f2937;--text-muted:#6b7280;--color-accent:#1cb0f6;--color-brand:#ff7a00;--color-success:#58cc02;--color-error:#ff4b4b;--color-warning:#ff9600}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--bg-primary);color:var(--text-main);overflow:hidden}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;justify-content:space-between;width:280px;padding:24px;display:flex}.logo-section{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-icon{background-color:var(--color-accent);width:36px;height:36px;color:var(--bg-primary);border-radius:8px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;box-shadow:0 0 15px #58a6ff66}.logo-text{color:var(--text-main);font-size:20px;font-weight:700}.logo-text span{color:var(--color-accent)}.account-icon-btn{border:1px solid var(--border-color);background-color:var(--bg-primary);width:32px;min-width:32px;height:32px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;font-size:15px;font-weight:700;transition:border-color .2s;display:flex}.account-icon-btn:hover{border-color:var(--color-accent)}.nav-menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-btn{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.nav-btn:hover{background-color:var(--bg-hover);color:var(--text-main)}.nav-btn.active{background-color:var(--color-brand);color:#fff;border:1px solid var(--color-brand);box-shadow:0 2px 8px #ff7a0040}.btn-icon{font-size:18px}.sidebar-footer{border-top:1px solid var(--border-color);text-align:center;padding-top:16px}.sidebar-footer p{color:var(--text-main);font-size:13px;font-weight:600}.sidebar-footer span{color:var(--text-muted);font-size:11px}.main-content{flex-grow:1;height:100vh;padding:32px;overflow:hidden auto}.tab-pane{flex-direction:column;min-height:100%;display:flex}.content-header{margin-bottom:24px}.content-header h2{color:var(--text-main);margin-bottom:6px;font-size:24px;font-weight:700}.content-header p{color:var(--text-muted);font-size:14px}.learn-grid{flex-grow:1;gap:24px;height:calc(100% - 80px);display:flex}.chapters-sidebar{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:320px;padding:20px;display:flex}.chapters-sidebar h3{color:var(--text-main);margin-bottom:16px;font-size:16px;font-weight:700}.chapters-list{flex-direction:column;flex-grow:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.chapter-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.chapter-card:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.chapter-card.active{border-color:var(--color-accent);background-color:#58a6ff14}.chapter-meta{align-items:center;gap:8px;display:flex}.completion-badge{color:var(--text-muted);font-size:14px}.completion-badge.complete{color:var(--color-success);font-weight:700}.chapter-index{background-color:var(--bg-hover);color:var(--color-accent);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.chapter-title{color:var(--text-main);font-size:13px;font-weight:600;line-height:1.4}.progress-card{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.progress-card h4{margin-bottom:8px;font-size:13px}.progress-bar-bg{background-color:var(--bg-card);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.progress-bar-fill{background-color:var(--color-success);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);font-size:11px}.reader-pane{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.reader-scroll{flex-grow:1;padding:32px;overflow-y:auto}.reader-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.chapter-audio-player{background:linear-gradient(135deg,#ff7a0014 0%,#1cb0f614 100%);border:1px solid #ff7a0040;border-radius:12px;flex-direction:column;flex:1;gap:8px;min-width:280px;padding:12px 16px;display:flex}.chapter-audio-label{color:var(--text-main);font-size:13px;font-weight:700}.chapter-audio-el{width:100%;height:36px}.complete-lesson-btn{background-color:var(--color-brand);color:var(--text-main);border:1px solid var(--color-accent);cursor:pointer;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s}.complete-lesson-btn:hover{opacity:.9;transform:translateY(-1px)}.complete-lesson-btn.completed{background-color:var(--color-success);border-color:var(--color-success);color:var(--bg-primary)}.markdown-content{color:var(--text-main);font-size:15px;line-height:1.7}.md-h1{border-bottom:1px solid var(--border-color);color:var(--text-main);margin-bottom:16px;padding-bottom:10px;font-size:26px;font-weight:800}.md-h2{color:var(--color-accent);margin-top:28px;margin-bottom:14px;font-size:20px;font-weight:700}.md-h3{color:var(--text-main);margin-top:20px;margin-bottom:8px;font-size:16px;font-weight:700}.md-p{margin-bottom:16px}.md-blockquote{background-color:var(--bg-card);border-left:4px solid var(--color-accent);border-radius:0 8px 8px 0;margin-bottom:20px;padding:14px 20px;font-size:14px;font-style:italic}.md-li{margin-bottom:8px;margin-left:20px}.md-hr{border:none;border-top:1px solid var(--border-color);margin:24px 0}.md-code-inline{background-color:var(--bg-hover);color:var(--color-warning);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:13px}.md-link{color:var(--color-accent);text-decoration:underline}.table-container{margin-bottom:24px;overflow-x:auto}.md-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.md-table th{background-color:var(--color-brand);color:var(--text-main);text-align:left;border:1px solid var(--border-color);padding:10px 14px;font-weight:700}.md-table td{border:1px solid var(--border-color);background-color:var(--bg-card);padding:10px 14px}.md-table tr:nth-child(2n) td{background-color:var(--bg-secondary)}.writing-grid{flex-grow:1;gap:24px;height:calc(100% - 80px);display:flex}.form-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.presets-section{margin-bottom:20px}.presets-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.presets-row{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.preset-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:15px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.preset-btn:hover{background-color:var(--color-brand);border-color:var(--color-accent)}.writing-form{flex-direction:column;flex-grow:1;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-main);font-size:13px;font-weight:700}.label-row{justify-content:space-between;align-items:center;display:flex}.theme-input{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);resize:none;border-radius:8px;height:80px;padding:12px;font-size:13px;transition:border-color .2s}.theme-input:focus,.essay-input:focus{border-color:var(--color-accent);outline:none}.essay-input{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);resize:vertical;border-radius:8px;flex-grow:1;min-height:250px;padding:16px;font-size:14px;line-height:1.6}.word-indicator{background-color:var(--bg-hover);border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.word-indicator.warning{color:var(--color-warning)}.word-indicator.valid{color:var(--color-success);box-shadow:0 0 10px #34d39933}.form-actions{justify-content:space-between;gap:16px;display:flex}.clear-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background-color:#0000;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.clear-btn:hover{background-color:var(--bg-hover);color:var(--text-main)}.submit-btn{background-color:var(--color-brand);color:var(--text-main);border:1px solid var(--color-accent);cursor:pointer;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:700;transition:all .2s}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.history-panel{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.history-panel h3{color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.history-list{flex-direction:column;gap:8px;max-height:150px;display:flex;overflow-y:auto}.history-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.history-card:hover{border-color:var(--color-accent);background-color:var(--bg-hover)}.history-meta{align-items:center;gap:10px;display:flex}.history-date{color:var(--text-muted);font-size:11px}.history-badge{background-color:var(--color-brand);color:var(--color-accent);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.history-title{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;font-size:12px;font-weight:600;overflow:hidden}.result-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:1.2;display:flex;overflow:hidden}.empty-result{text-align:center;color:var(--text-muted);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-result h3{color:var(--text-main);margin-bottom:8px;font-size:18px}.empty-result p{max-width:320px;font-size:13px;line-height:1.6}.result-scroll{flex-grow:1;padding:24px;overflow-y:auto}.result-main-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:24px;margin-bottom:24px;padding:20px;display:flex}.score-radial{background-color:var(--color-brand);border:3px solid var(--color-accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 20px #58a6ff4d}.score-number{color:var(--text-main);font-size:28px;font-weight:800}.score-label{text-transform:uppercase;color:var(--color-accent);font-size:8px;font-weight:700}.score-text h3{margin-bottom:4px;font-size:18px}.score-text p{color:var(--text-muted);font-size:12px;line-height:1.5}.criteria-cards{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.crit-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px}.crit-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.crit-header h4{font-size:13px;font-weight:700}.crit-score{background-color:var(--bg-hover);color:var(--color-accent);border-radius:12px;padding:2px 8px;font-size:14px;font-weight:800}.crit-card p{color:var(--text-muted);font-size:11px;line-height:1.5}.corrections-section{margin-bottom:24px}.corrections-section h3{margin-bottom:14px;font-size:16px}.corrections-list{flex-direction:column;gap:12px;display:flex}.corr-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px}.corr-row{gap:10px;margin-bottom:8px;font-size:13px;display:flex}.corr-badge{border-radius:4px;flex-shrink:0;align-items:center;height:20px;padding:2px 6px;font-size:11px;font-weight:700;display:flex}.corr-badge.error{color:var(--color-error);background-color:#f871711a}.corr-badge.ok{color:var(--color-success);background-color:#34d3991a}.corr-row p{line-height:1.5}.corr-rule{color:var(--text-muted);background-color:var(--bg-secondary);border-left:2px solid var(--color-accent);border-radius:6px;margin-top:10px;padding:10px 14px;font-size:12px;line-height:1.5}.band9-section{background-color:var(--bg-card);border:1px solid var(--color-accent);border-radius:12px;overflow:hidden}.band9-header{background-color:var(--color-brand);border-bottom:1px solid var(--color-accent);padding:16px 20px}.band9-header h3{color:#fff;font-size:15px;font-weight:800}.band9-header span{color:#ffffffd9;font-size:11px}.band9-content{color:var(--text-main);padding:20px;font-size:13px;line-height:1.7}.band9-content p{margin-bottom:12px}.stats-row{gap:20px;margin-bottom:24px;display:flex}.stat-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex:1;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{background-color:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.stat-data h3{font-size:20px;font-weight:800}.stat-data p{color:var(--text-muted);font-size:12px}.charts-grid{gap:24px;display:flex}.chart-card-large{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex:2;padding:24px}.chart-card-large h3{margin-bottom:4px;font-size:16px}.chart-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:11px}.svg-chart-container{width:100%;height:240px}.svg-chart{width:100%;height:100%}.grid-line{stroke:var(--border-color);stroke-width:1px;stroke-dasharray:4}.grid-label{fill:var(--text-muted);text-anchor:end;font-size:9px}.chart-path{stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--color-success);stroke:var(--bg-secondary);stroke-width:2px}.dot-label{fill:var(--text-main);text-anchor:middle;font-size:10px;font-weight:700}.axis-label{fill:var(--text-muted);text-anchor:middle;font-size:9px}.chart-card-small{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;padding:24px;display:flex}.chart-card-small h3{margin-bottom:12px;font-size:16px}.chart-card-small p{color:var(--text-muted);font-size:13px;line-height:1.6}.analytics-motivation-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;padding:14px}.motivation-badge{color:var(--color-warning);background-color:#fbbf241a;border-radius:4px;margin-bottom:8px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.analytics-motivation-box p{color:var(--text-main);font-size:11px;line-height:1.5}.settings-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.settings-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.settings-card h3{margin-bottom:12px;font-size:16px}.settings-card-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.settings-divider{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:12px;margin:16px 0;font-size:11px;display:flex}.settings-divider:before,.settings-divider:after{content:"";background-color:var(--border-color);flex:1;height:1px}.settings-input{border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-main);border-radius:8px;padding:10px 12px;font-size:13px}.settings-input:focus{border-color:var(--color-accent);outline:none}.settings-form-error{color:#f87171;margin:0;font-size:12px}.settings-link-btn{color:var(--color-accent);cursor:pointer;font-size:12px;text-decoration:underline}.settings-primary-btn{background-color:var(--color-brand);color:var(--text-main);cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.settings-primary-btn:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-1px)}.settings-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a00 0%,#ff9600 100%);border:none;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 6px 16px #ff7a004d}.settings-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #ff7a0066}.animate-fade{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:40px;display:flex}.loader-container h3{margin-top:20px;margin-bottom:8px;font-size:18px}.loader-container p{color:var(--text-muted);max-width:320px;margin-bottom:16px;font-size:13px;line-height:1.6}.loader-tip{color:var(--color-accent);background-color:#58a6ff1a;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.loader-ring{width:64px;height:64px;display:inline-block;position:relative}.loader-ring div{box-sizing:border-box;border:6px solid var(--color-accent);border-color:var(--color-accent) transparent transparent transparent;border-radius:50%;width:51px;height:64px;margin:6px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite loader-ring;display:block;position:absolute}.loader-ring div:first-child{animation-delay:-.45s}.loader-ring div:nth-child(2){animation-delay:-.3s}.loader-ring div:nth-child(3){animation-delay:-.15s}@keyframes loader-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.mock-menu-container{flex-direction:column;height:100%;display:flex}.skill-subnav{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.skill-subnav-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.skill-subnav-btn:hover{border-color:var(--color-accent);color:var(--text-main)}.skill-subnav-btn.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 2px 8px #1cb0f64d}.tests-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px;display:grid}.test-option-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:220px;padding:24px;transition:all .25s;display:flex;box-shadow:0 1px 3px #1f29370f}.test-option-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px #1cb0f626}.test-option-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.test-badge{border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800}.test-badge.reading{color:var(--color-accent);background-color:#58a6ff26}.test-badge.listening{color:var(--color-warning);background-color:#fbbf2426}.test-time{color:var(--text-muted);font-size:11px;font-weight:700}.test-option-card h3{color:var(--text-main);margin-bottom:8px;font-size:16px;font-weight:700}.test-option-card p{color:var(--text-muted);flex-grow:1;margin-bottom:16px;font-size:12px;line-height:1.5}.start-test-btn{background-color:var(--color-brand);color:var(--text-main);border:1px solid var(--color-accent);cursor:pointer;text-align:center;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:700;transition:all .2s}.start-test-btn:hover{background-color:var(--color-accent);color:var(--bg-primary)}.official-exam-layout{color:#1f2937;z-index:9999;background-color:#e2e8f0;flex-direction:column;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.official-topbar{color:#fff;background-color:#333f48;border-bottom:3px solid #002f6c;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;box-shadow:0 2px 10px #0003}.candidate-details{flex-direction:column;gap:2px;display:flex}.candidate-name{letter-spacing:.3px;font-size:14px;font-weight:700}.candidate-id{color:#cbd5e1;font-size:11px}.exam-countdown{color:#38bdf8;background-color:#1f2937;border:1px solid #475569;border-radius:4px;padding:6px 16px;font-family:monospace;font-size:15px;font-weight:800}.exam-countdown.urgent{color:#ef4444;border-color:#ef4444;animation:1s infinite alternate official-pulse}@keyframes official-pulse{0%{opacity:1;box-shadow:0 0 5px #ef444466}to{opacity:.7;box-shadow:0 0 15px #ef4444cc}}.official-topbar-controls{align-items:center;gap:12px;display:flex}.volume-control-box{background-color:#1f2937;border:1px solid #475569;border-radius:4px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:flex}.volume-icon{color:#cbd5e1;font-weight:700}.volume-slider{accent-color:#38bdf8;cursor:pointer;width:80px}.settings-btn,.help-btn{color:#fff;cursor:pointer;background-color:#475569;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:background-color .2s}.settings-btn:hover,.help-btn:hover{background-color:#64748b}.submit-test-btn-top{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background-color:#b91c1c;border:none;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:800;transition:all .2s}.submit-test-btn-top:hover{background-color:#991b1b;transform:translateY(-1px)}.official-exam-workspace{flex-grow:1;height:calc(100vh - 120px);overflow:hidden}.official-split-container{width:100%;height:100%;display:flex}.official-split-container .pane{width:50%;height:100%;overflow:hidden}.official-split-container .left-pane{border-right:2px solid #cbd5e1}.pane-content-official{height:100%;padding:40px;overflow-y:auto}.official-reading-passage{color:#1f2937;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:32px;font-size:14.5px;line-height:1.8;box-shadow:0 4px 6px -1px #0000000d}.official-reading-passage h2{color:#64748b;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:800}.official-reading-passage p{margin-bottom:16px}.official-questions-form h2{color:#64748b;letter-spacing:1.5px;text-transform:uppercase;border-bottom:2px solid #cbd5e1;margin-bottom:20px;padding-bottom:8px;font-size:12px;font-weight:800}.official-question-card{background-color:#fff;border:1px solid #cbd5e1;border-left:4px solid #94a3b8;border-radius:8px;margin-bottom:20px;padding:24px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.official-question-card.focused{border-color:#002f6c;box-shadow:0 0 0 3px #002f6c1a}.question-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.official-q-number{color:#fff;background-color:#002f6c;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.flag-review-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.flag-review-btn:hover{background-color:#f1f5f9}.flag-review-btn.flagged{color:#fff;background-color:#0284c7;border-color:#0284c7}.official-q-text{color:#111827;margin-bottom:16px;font-size:13.5px;font-weight:700;line-height:1.5}.official-options-block{flex-direction:column;gap:8px;display:flex}.official-radio-label{cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.official-radio-label:hover{background-color:#f1f5f9}.official-radio-label.checked{background-color:#002f6c0a;border-color:#002f6c;font-weight:700}.official-radio-label input{accent-color:#002f6c}.official-listening-container{max-width:850px;height:100%;margin:0 auto;padding:40px;overflow-y:auto}.official-audio-strip{background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.audio-meta .audio-badge{color:#fff;letter-spacing:.5px;background-color:#ef4444;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.audio-meta p{color:#64748b;margin-top:4px;font-size:12px}.official-audio-player{width:280px}.official-listening-form-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;margin-bottom:40px;padding:32px;box-shadow:0 4px 6px -1px #0000000d}.official-listening-form-card h2{color:#64748b;letter-spacing:1.5px;text-transform:uppercase;border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:8px;font-size:12px;font-weight:800}.official-listening-card-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:8px;margin-bottom:16px;padding:20px;transition:border-color .2s}.official-listening-card-item.focused{background-color:#fff;border-color:#002f6c}.official-options-row{flex-wrap:wrap;gap:12px;display:flex}.official-input-text{color:#1f2937;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;max-width:400px;padding:10px 14px;font-size:13px;font-weight:700;transition:border-color .2s}.official-input-text:focus{border-color:#002f6c;outline:none;box-shadow:0 0 0 3px #002f6c1a}.official-bottombar{z-index:10;background-color:#e2e8f0;border-top:2px solid #cbd5e1;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:relative}.nav-arrow-btn{color:#fff;cursor:pointer;background-color:#002f6c;border:none;border-radius:4px;padding:8px 18px;font-size:12px;font-weight:800;transition:background-color .2s}.nav-arrow-btn:hover{background-color:#001f44}.official-navigation-strip{align-items:center;gap:6px;max-width:70%;padding:4px;display:flex;overflow-x:auto}.strip-square{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #94a3b8;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;transition:all .15s;display:flex;position:relative}.strip-square:hover{border-color:#002f6c}.strip-square.answered{color:#fff;background-color:#475569;border-color:#475569}.strip-square.focused{border:3px solid #002f6c}.strip-square.flagged:before{content:"";border-top:0 solid #0000;border-bottom:8px solid #0000;border-left:0 solid #0000;border-right:8px solid #0284c7;width:0;height:0;position:absolute;top:0;right:0}.test-results-viewport{max-width:900px;height:100%;margin:0 auto;padding:32px;overflow-y:auto}.results-hero{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:24px;margin-bottom:32px;padding:24px;display:flex}.results-radial{background-color:var(--color-brand);border:3px solid var(--color-success);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex;box-shadow:0 0 20px #34d3994d}.radial-number{color:var(--text-main);font-size:32px;font-weight:800}.radial-label{text-transform:uppercase;color:var(--color-success);font-size:8px;font-weight:700}.results-text-block h2{margin-bottom:4px;font-size:20px}.results-text-block p{color:var(--text-muted);margin-bottom:6px;font-size:13px}.congrats-text{color:var(--color-success);font-size:12px;font-weight:700}.detailed-feedback-list h3{margin-bottom:16px;font-size:16px}.feedback-card-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;padding:20px}.feedback-card-item.correct{border-left:4px solid var(--color-success)}.feedback-card-item.wrong{border-left:4px solid var(--color-error)}.feedback-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.status-pill{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:800}.status-pill.ok{color:var(--color-success);background-color:#34d3991a}.status-pill.err{color:var(--color-error);background-color:#f871711a}.feedback-q-text{margin-bottom:14px;font-size:13px;line-height:1.5}.feedback-answers-row{background-color:var(--bg-card);border-radius:6px;gap:24px;margin-bottom:14px;padding:12px 16px;display:flex}.f-ans{color:var(--text-muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.f-ans span{text-transform:uppercase;font-weight:700}.f-ans strong{font-size:13px}.text-ok{color:var(--color-success)}.text-err{color:var(--color-error)}.feedback-explanation-box{background-color:var(--bg-primary);color:var(--text-main);border-left:2px solid var(--color-accent);border-radius:6px;padding:12px 16px;font-size:12px;line-height:1.5}.instructions-briefing-layout{color:#1f2937;z-index:99999;background-color:#e2e8f0;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.briefing-box{background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;max-width:900px;padding:40px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.briefing-header{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:20px}.exam-mode-badge{color:#fff;letter-spacing:.5px;background-color:#002f6c;border-radius:4px;margin-bottom:10px;padding:3px 8px;font-size:9px;font-weight:800;display:inline-block}.briefing-header h1{color:#0f172a;margin-bottom:6px;font-size:24px;font-weight:800}.briefing-header p{color:#64748b;font-size:14px}.briefing-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.briefing-card-block{background-color:#f8fafc;border:1px solid #e2e8f0;border-top:4px solid #002f6c;border-radius:8px;padding:24px}.briefing-card-block h3{color:#002f6c;text-transform:uppercase;margin-bottom:14px;font-size:14px;font-weight:800}.briefing-card-block.traps-alert{background-color:#ef444405;border-top-color:#ef4444}.briefing-card-block.traps-alert h3{color:#ef4444}.briefing-card-block ul{color:#334155;padding-left:18px;font-size:12.5px;line-height:1.7}.briefing-card-block li{margin-bottom:10px}.sound-check-strip{background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:20px;display:flex}.sound-text h3{color:#1e293b;margin-bottom:4px;font-size:13px;font-weight:800}.sound-text p{color:#64748b;font-size:11.5px}.sound-actions{color:#475569;align-items:center;gap:12px;font-size:11.5px;font-weight:700;display:flex}.test-sound-btn{color:#fff;cursor:pointer;background-color:#475569;border:none;border-radius:4px;padding:8px 14px;font-size:11px;font-weight:700;transition:background-color .2s}.test-sound-btn:hover{background-color:#334155}.volume-slider-briefing{accent-color:#002f6c;cursor:pointer;width:100px}.briefing-actions{border-top:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.back-to-menu-btn{color:#64748b;cursor:pointer;background-color:#0000;border:1px solid #cbd5e1;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.back-to-menu-btn:hover{color:#0f172a;background-color:#f1f5f9}.start-official-test-btn{color:#fff;cursor:pointer;background-color:#002f6c;border:1px solid #002f6c;border-radius:6px;padding:12px 28px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 10px #002f6c33}.start-official-test-btn:hover{background-color:#001f44;transform:translateY(-1px)}.custom-context-menu{z-index:100000;background-color:#333f48;border:1px solid #475569;border-radius:6px;flex-direction:column;padding:4px;display:flex;position:fixed;box-shadow:0 4px 15px #0000004d}.context-menu-btn{color:#fff;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:background-color .15s}.context-menu-btn:hover{background-color:#475569}.context-menu-btn.highlight{border-bottom:1px solid #475569}.context-menu-btn.highlight:hover{color:#fde047}.context-menu-btn.clear:hover{color:#ef4444}.premium-badge{color:#1e293b;background-color:#fbbf24;border-radius:4px;margin-left:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block;box-shadow:0 0 8px #fbbf2466}.paywall-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000000;background-color:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeInPaywall;display:flex;position:fixed;top:0;left:0}@keyframes fadeInPaywall{0%{opacity:0}to{opacity:1}}.paywall-modal-card{-webkit-overflow-scrolling:touch;text-align:center;color:#ffffffeb;background:linear-gradient(135deg,#002f6c 0%,#001f4c 100%);border:1px solid #1cb0f64d;border-radius:16px;width:90%;max-width:500px;max-height:85vh;padding:40px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUpPaywall;overflow-y:auto;box-shadow:0 20px 40px #0006,0 0 30px #1cb0f626}@keyframes scaleUpPaywall{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.paywall-lock-icon{margin-bottom:20px;font-size:64px;animation:2s ease-in-out infinite bounceLock}@keyframes bounceLock{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.paywall-modal-card h2{color:#fff;margin-bottom:16px;font-size:24px;font-weight:800}.paywall-benefits{text-align:left;margin:24px 0;padding:0;font-size:14px;line-height:1.6;list-style:none}.paywall-benefits li{margin-bottom:12px;padding-left:24px;position:relative}.paywall-benefits li:before{content:"⚡";color:var(--color-brand);position:absolute;left:0}.paywall-price-badge{background-color:#ff7a001f;border:1px solid #ff7a004d;border-radius:12px;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px;padding:16px;display:flex}.paywall-price-badge .price{color:#fff;font-size:28px;font-weight:800}.paywall-price-badge .subtext{color:#ffffffa6;font-size:12px}.paywall-actions{flex-direction:column;gap:12px;display:flex}.paywall-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a00 0%,#ff9600 100%);border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #ff7a004d}.paywall-upgrade-btn:disabled,.pricing-upgrade-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.paywall-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff7a0073}.paywall-close-btn{color:#ffffffb3;cursor:pointer;background-color:#0000;border:1px solid #ffffff40;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.paywall-close-btn:hover{color:#fff;background-color:#ffffff14}.official-speaking-workspace{flex-direction:column;align-items:center;gap:30px;max-width:800px;height:100%;margin:0 auto;padding:40px;display:flex;overflow-y:auto}.examiner-avatar-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:24px;display:flex;box-shadow:0 4px 20px #0000000d}.avatar-ring{background-color:#f1f5f9;border:4px solid #002f6c;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.avatar-emoji{font-size:44px}.mic-active-pulse{background-color:#10b981;border:3px solid #fff;border-radius:50%;width:24px;height:24px;animation:1.5s infinite pulse-green;position:absolute;bottom:0;right:0}@keyframes pulse-green{0%{transform:scale(.9);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.examiner-title h3{color:#002f6c;margin:0;font-size:18px;font-weight:800}.examiner-title .accent-label{color:#64748b;font-size:12px;font-weight:700}.speaking-phase-indicator{gap:10px;margin-top:8px;display:flex}.phase-pill{color:#64748b;text-transform:uppercase;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .3s}.phase-pill.active{color:#fff;background-color:#002f6c;border-color:#002f6c;box-shadow:0 2px 8px #002f6c33}.speaking-center-console{width:100%}.speaking-question-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:24px;padding:32px;display:flex;box-shadow:0 4px 20px #0000000d}.card-badge{color:#002f6c;text-transform:uppercase;letter-spacing:.5px;background-color:#002f6c0d;border-radius:4px;align-self:flex-start;padding:6px 12px;font-size:11px;font-weight:800}.card-badge.prep{color:#d97706;background-color:#f59e0b1a}.current-spoken-q{color:#1e293b;margin:0;font-size:22px;font-style:italic;font-weight:800;line-height:1.4}.recording-status-box{border-top:1px solid #e2e8f0;padding-top:16px}.rec-active{color:#ef4444;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.rec-idle{color:#64748b;font-size:13px;font-weight:700}.live-transcript-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.live-transcript-container h4{color:#64748b;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.live-transcript-text{color:#1e293b;margin:0;font-size:15px;font-style:italic;line-height:1.5}.console-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;padding-top:20px;display:flex}.console-next-btn{color:#fff;cursor:pointer;background-color:#002f6c;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .2s}.console-next-btn:hover{background-color:#001f4c;transform:translateY(-1px)}.console-next-btn.accent-start{background-color:#f59e0b}.console-next-btn.accent-start:hover{background-color:#d97706}.cue-card-display{background-color:#fffbeb;border:1.5px dashed #f59e0b;border-radius:12px;padding:24px}.cue-card-display h2{color:#92400e;margin:0 0 12px;font-size:18px;font-weight:800}.cue-card-display ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cue-card-display li{color:#b45309;font-size:14px;font-weight:700}.cue-card-display.minimised{padding:14px 20px}.cue-card-display.minimised h2{margin:0;font-size:15px}.speaking-timer-radial{background-color:#fffbeb;border:6px solid #f59e0b;border-radius:50%;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:120px;height:120px;display:flex}.speaking-timer-radial.urgent{background-color:#fef2f2;border-color:#ef4444}.speaking-timer-radial .timer-number{color:#1e293b;font-size:32px;font-weight:800}.speaking-timer-radial .timer-label{color:#64748b;text-transform:uppercase;text-align:center;max-width:90px;font-size:9px;font-weight:800}.notepad-container h4{color:#002f6c;margin:0 0 8px;font-size:13px;font-weight:800}.speaking-notepad{color:#1e293b;resize:none;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:110px;padding:12px;font-family:inherit;font-size:14px}.speaking-notepad:focus{background-color:#fff;border-color:#002f6c;outline:none}.submitting-mode{text-align:center;align-items:center;padding:48px}.speaking-loader{border:4px solid #f1f5f9;border-top-color:#002f6c;border-radius:50%;width:50px;height:50px;margin-bottom:24px;animation:1s linear infinite spin}.results-hero.speaking{background:linear-gradient(135deg,#002f6c 0%,#001f4c 100%)}.results-hero.speaking .results-text-block h2{color:#fff}.results-hero.speaking .results-text-block p{color:#ffffffd1}.free-trial-upsell-card{text-align:center;color:#fff;background:linear-gradient(135deg,#ff7a00 0%,#ff9600 45%,#1cb0f6 100%);border-radius:20px;margin-bottom:24px;padding:32px 40px;box-shadow:0 12px 30px #ff7a0040}.free-trial-upsell-icon{margin-bottom:10px;font-size:36px;display:inline-block}.free-trial-upsell-card h3{color:#fff;margin-bottom:12px;font-size:22px;font-weight:800}.free-trial-upsell-card p{color:#ffffffeb;max-width:560px;margin:0 auto 22px;font-size:14.5px;line-height:1.6}.free-trial-upsell-btn{color:#ff7a00;cursor:pointer;background-color:#fff;border:none;border-radius:30px;padding:14px 32px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 6px 16px #00000026}.free-trial-upsell-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0003}.speech-insights-strip{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.insight-stat-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex;box-shadow:0 2px 10px #00000005}.insight-stat-icon{background-color:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;display:flex}.insight-stat-data h4{color:#64748b;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:800}.insight-stat-data p{color:#1e293b;margin:0;font-size:14px;line-height:1.4}.detailed-feedback-list.speaking h3{color:#002f6c;margin:40px 0 20px;font-size:18px;font-weight:800}.feedback-card-item.speaking{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 10px #00000005}.feedback-card-header.speaking{border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:12px}.speaking-transcript-comparison{flex-direction:column;gap:16px;display:flex}.transcript-box{border-radius:8px;padding:16px;font-size:14px}.transcript-box.user{background-color:#f8fafc;border-left:4px solid #64748b}.transcript-box.ai-critique{color:#92400e;background-color:#fef3c7;border-left:4px solid #f59e0b}.transcript-box.model-ans{color:#065f46;background-color:#ecfdf5;border-left:4px solid #10b981;font-weight:600}.transcript-box strong{text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.transcript-box p{margin:0;font-style:italic;line-height:1.5}.chained-exam-hero-banner{background:linear-gradient(135deg,#002f6c 0%,#1e3a8a 100%);border:1px solid #1e40af;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;margin-bottom:30px;padding:30px;display:flex;box-shadow:0 4px 20px #002f6c26}.chained-exam-hero-banner .banner-content{flex-direction:column;gap:8px;max-width:60%;display:flex}.chained-exam-hero-banner .banner-badge{color:#7cd4fb;letter-spacing:.5px;background-color:#1cb0f633;border:1px solid #1cb0f659;border-radius:4px;align-self:flex-start;padding:4px 8px;font-size:10px;font-weight:800}.chained-exam-hero-banner h2{color:#fff;margin:0;font-size:20px;font-weight:800}.chained-exam-hero-banner p{color:#ffffffd1;margin:0;font-size:13.5px;line-height:1.5}.start-chained-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff7a00 0%,#ff9600 100%);border:none;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #ff7a004d}.start-chained-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff7a0073}.chained-transition-overlay{z-index:9999;background-color:#001f4c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.transition-card{text-align:center;background:linear-gradient(135deg,#002f6c 0%,#001f4c 100%);border:1px solid #1cb0f64d;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:500px;padding:48px;display:flex;box-shadow:0 10px 40px #00000080}.transition-icon{font-size:48px;animation:3s linear infinite spin}.transition-card h2{color:#fff;margin:0;font-size:24px;font-weight:800}.transition-card p{color:#ffffffb3;margin:0;font-size:15px}.transition-alert-warning{color:#f87171;text-transform:uppercase;letter-spacing:.5px;background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:700}.transition-countdown-circle{border:8px solid var(--color-accent);background-color:#001f4c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.transition-seconds{color:#fff;font-size:38px;font-weight:800}.transition-label{color:#ffffffb3;text-transform:uppercase;font-size:9px;font-weight:800}.next-up-badge{color:#ffffffd1;font-size:13px}.next-up-badge strong{color:var(--color-accent);font-weight:800}.consolidated-report-layout{z-index:9998;background-color:#001f4c;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.report-header{background-color:#002f6c;border-bottom:1px solid #1cb0f64d;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.report-header .header-logo{align-items:center;gap:12px;display:flex}.report-header .logo-icon{font-size:28px}.report-header h1{color:#fff;margin:0;font-size:22px;font-weight:800}.report-header h1 span{color:var(--color-accent)}.report-badge{background-color:var(--color-success);color:#fff;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800}.report-container{flex-direction:column;gap:32px;width:90%;max-width:900px;margin:40px auto;padding-bottom:60px;display:flex}.report-hero{background:linear-gradient(135deg,#002f6c 0%,#001f4c 100%);border:1px solid #1cb0f64d;border-radius:16px;align-items:center;gap:40px;padding:40px;display:flex;box-shadow:0 4px 30px #0000004d}.overall-radial-large{border:10px solid var(--color-brand);background-color:#001f4c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;display:flex;box-shadow:0 0 30px #ff7a0040}.overall-radial-large .avg-number{color:#fff;font-size:52px;font-weight:800;line-height:1}.overall-radial-large .avg-label{color:#ffffffb3;text-transform:uppercase;text-align:center;max-width:100px;margin-top:4px;font-size:10px;font-weight:800}.congrats-text-block{flex-direction:column;gap:12px;display:flex}.congrats-text-block h2{color:#fff;margin:0;font-size:26px;font-weight:800}.congrats-text-block p{color:#ffffffd1;margin:0;font-size:15px;line-height:1.6}.official-stamp{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;border-left:2px solid var(--color-accent);margin-top:8px;padding-left:10px;font-size:11px;font-weight:700}.skills-scores-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.skill-card-result{text-align:center;background-color:#002f6c;border:1px solid #1cb0f64d;border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:30px 24px;display:flex;box-shadow:0 4px 20px #0000001a}.skill-badge-circle{border:4px solid var(--color-accent);background-color:#001f4c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.skill-badge-circle.listening{border-color:var(--color-accent)}.skill-badge-circle.reading{border-color:#38bdf8}.skill-badge-circle.writing{border-color:var(--color-success)}.skill-badge-circle .sc-num{color:#fff;font-size:26px;font-weight:800;line-height:1}.skill-badge-circle .sc-label{color:#ffffffb3;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800}.skill-details{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.skill-details h4{color:#fff;margin:0;font-size:15px;font-weight:800}.skill-details p{color:#ffffffb3;margin:0;font-size:13px}.skill-details p strong{color:#fff}.review-btn{color:var(--color-accent);cursor:pointer;background-color:#1cb0f61f;border:1px solid #1cb0f64d;border-radius:8px;width:100%;padding:10px 16px;font-size:12px;font-weight:700;transition:all .2s}.review-btn:hover{color:#fff;background-color:#1cb0f638}.report-actions-row{justify-content:center;margin-top:10px;display:flex}.back-home-btn{color:#ffffffb3;cursor:pointer;background-color:#0000;border:1px solid #ffffff40;border-radius:8px;padding:14px 32px;font-size:14px;font-weight:700;transition:all .2s}.back-home-btn:hover{color:#fff;background-color:#f0f6fc0d}.test-option-card.locked{opacity:.55;filter:grayscale(35%);cursor:not-allowed;border-color:#3a3f50}.test-option-card.locked:hover{box-shadow:none;transform:none}.premium-badge.locked{font-weight:800;color:#f87171!important;background-color:#ef44441a!important;border-color:#ef444433!important}.start-test-btn.locked{color:#94a3b8!important;cursor:not-allowed!important;box-shadow:none!important;background-color:#334155!important;border-color:#475569!important}.start-test-btn.locked:hover{background-color:#334155!important;transform:none!important}.delete-account-btn{color:#f87171;cursor:pointer;background-color:#0000;border:1px solid #ef444433;border-radius:8px;width:100%;margin-top:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.delete-account-btn:hover{color:#fff;background-color:#ef44441a;border-color:#ef444466;box-shadow:0 4px 12px #ef444426}.landing-sales-pane{flex-direction:column;gap:80px;max-width:1000px;height:100%;margin:0 auto;padding:40px;display:flex;overflow-y:auto}.landing-hero-section{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:40px;display:flex}.landing-hero-section .hero-badge{color:var(--color-accent);letter-spacing:.5px;background-color:#58a6ff1a;border:1px solid #58a6ff33;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800}.landing-hero-section h1{color:var(--text-main);max-width:800px;margin:0;font-size:42px;font-weight:800;line-height:1.2}.landing-hero-section p{color:var(--text-muted);max-width:650px;margin:0;font-size:17px;line-height:1.6}.resume-banner{border:1px solid var(--color-accent);background:linear-gradient(135deg,#1cb0f61a 0%,#ff7a0014 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.resume-banner-text h3{margin-bottom:4px;font-size:17px}.resume-banner-text p{color:var(--text-muted);margin:0;font-size:14px}.resume-banner-actions{flex-shrink:0;gap:10px;display:flex}.resume-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.resume-btn.primary{background-color:var(--color-accent);color:#fff}.resume-btn.primary:hover{background-color:var(--brand-blue-hover,#55caff)}.resume-btn.secondary{color:var(--text-muted);border:1px solid var(--border-color);background-color:#0000}.resume-btn.secondary:hover{background-color:var(--bg-hover)}.two-paths-section{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.path-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;padding:32px;transition:all .25s;box-shadow:0 2px 8px #1f29370f}.path-card:hover{transform:translateY(-3px)}.path-card.real-simulation:hover{border-color:var(--color-brand);box-shadow:0 10px 30px #ff7a0026}.path-card.training:hover{border-color:var(--color-accent);box-shadow:0 10px 30px #1cb0f626}.path-icon{margin-bottom:12px;font-size:40px;display:block}.path-card h2{margin-bottom:8px;font-size:22px}.path-card p{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.5}.path-card .path-cta{font-size:14px;font-weight:700}.path-card.real-simulation .path-cta{color:var(--color-brand)}.path-card.training .path-cta{color:var(--color-accent)}.weekly-practice-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:16px;padding:20px 24px;display:flex}.weekly-practice-icon{font-size:32px}.weekly-practice-card h3{margin-bottom:2px;font-size:16px}.weekly-practice-card p{color:var(--text-muted);margin:0;font-size:13px}.landing-features-section{text-align:center;flex-direction:column;gap:32px;display:flex}.landing-features-section h2{color:var(--text-main);margin:0;font-size:24px;font-weight:800}.features-container{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card-item{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex;box-shadow:0 4px 20px #00000005}.feature-card-item .feat-icon{background-color:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:38px;display:flex}.feature-card-item h3{color:#1e293b;margin:0;font-size:17px;font-weight:800}.feature-card-item p{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.landing-pricing-section{justify-content:center;display:flex}.pricing-card{text-align:center;background:linear-gradient(135deg,#002f6c 0%,#001f4c 100%);border:1px solid #1cb0f64d;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:600px;padding:48px;display:flex;box-shadow:0 10px 40px #0000004d}.pricing-badge{color:#ff9600;letter-spacing:.5px;background-color:#ff7a0026;border:1px solid #ff7a0059;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:800}.pricing-card h2{color:#fff;margin:0;font-size:24px;font-weight:800}.pricing-card p.pricing-intro{color:#ffffffb3;margin:0;font-size:14.5px;line-height:1.5}.price-tag-large{justify-content:center;align-items:baseline;gap:4px;display:flex}.price-tag-large .price{color:#fff;font-size:48px;font-weight:800;line-height:1}.price-tag-large .period{color:#ffffffa6;font-size:16px;font-weight:700}.price-desc{color:#ffffffa6;margin-top:-8px;font-size:12px}.pricing-features-list{text-align:left;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;flex-direction:column;gap:12px;width:100%;margin:8px 0;padding:24px 0;display:flex}.p-feat-item{color:#ffffffd1;font-size:13.5px;line-height:1.4}.p-feat-item strong{color:#fff}.pricing-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a00 0%,#ff9600 100%);border:none;border-radius:8px;width:100%;padding:14px 32px;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #ff7a004d}.pricing-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff7a0073}.landing-footer{text-align:center;border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;padding-top:30px;padding-bottom:20px;display:flex}.landing-footer p{color:#64748b;margin:0;font-size:13px}.footer-links{color:var(--text-muted);justify-content:center;gap:12px;font-size:12px;display:flex}.privacy-link-btn{color:#002f6c;cursor:pointer;font-weight:700}.privacy-link-btn:hover{text-decoration:underline}@media (width<=1024px){.official-split-container{flex-direction:column!important;height:auto!important;overflow-y:auto!important}.official-split-container .pane{width:100%!important;height:auto!important;min-height:400px!important}}@media (width<=768px){.app-container{flex-direction:column!important;height:auto!important;min-height:100vh!important;overflow:visible!important}.sidebar{border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex-direction:column!important;width:100%!important;height:auto!important;padding:12px 16px!important}.logo-section{margin-bottom:8px!important}.logo-text{font-size:16px!important}.nav-menu{-webkit-overflow-scrolling:touch;flex-direction:row!important;flex-grow:0!important;gap:8px!important;overflow-x:auto!important}.nav-btn{white-space:nowrap!important;flex-shrink:0!important;padding:6px 12px!important;font-size:12px!important}.sidebar-footer{display:none!important}.main-content{padding:16px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;height:auto!important;overflow:visible!important}.tab-pane{height:auto!important}.learn-grid,.writing-grid{flex-direction:column!important;height:auto!important}.form-panel,.result-panel{flex:none!important;width:100%!important;height:auto!important;overflow:visible!important}.essay-input{min-height:260px!important}.result-panel{min-height:300px!important}.result-scroll{overflow:visible!important}.chapters-sidebar{width:100%!important;height:auto!important}.chapters-list{max-height:none!important;overflow:visible!important}.reader-pane{height:auto!important;min-height:400px!important;overflow:visible!important}.reader-scroll{-webkit-overflow-scrolling:touch!important;padding:20px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.stats-row{flex-direction:column!important;gap:12px!important}.stat-box{width:100%!important}.charts-grid,.settings-grid{grid-template-columns:1fr!important}.speaking-center-console{margin-top:16px!important;padding:12px!important}.speaking-question-box{padding:16px!important}.official-topbar{flex-wrap:wrap!important;gap:8px!important;height:auto!important;padding:10px 12px!important}.official-topbar-controls{justify-content:flex-end;width:100%;flex-wrap:wrap!important;gap:8px!important}.candidate-details{font-size:11px!important}.chained-exam-hero-banner{flex-direction:column!important;align-items:flex-start!important;padding:20px!important}.chained-exam-hero-banner .banner-content{max-width:100%!important}.start-chained-btn{width:100%!important}.criteria-cards,.briefing-grid,.speech-insights-strip,.skills-scores-grid,.features-container{grid-template-columns:1fr!important}.paywall-modal-card{width:92%!important;max-height:88vh!important;padding:24px!important}.paywall-modal-card h2{font-size:20px!important}.pricing-card{padding:24px!important}}