.study-page{background:#f8faff;color:#071b5f;font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:100vh}.study-page *,.study-page :after,.study-page :before{box-sizing:border-box}.study-page .app-header-main{background:#fff;border-bottom:1px solid #e2e8f0;gap:24px;min-height:72px;padding:0 32px}.study-page .app-main-nav{flex:1 1 auto;gap:56px}.study-page .app-main-nav a{background:transparent;border-radius:0;color:#071b5f;font-size:15px;font-weight:700;height:72px;padding:0;position:relative}.study-page .app-main-nav a.active{background:transparent;box-shadow:none;color:#1476ff}.study-page .app-main-nav a.active:after{background:#1476ff;border-radius:999px 999px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.study-page .app-user-cluster{gap:18px}.study-page .app-notification-button{color:#071b5f;height:40px;width:40px}.study-page .app-notification-button:after{height:8px;right:8px;top:8px;width:8px}.study-page .app-avatar-button{border-radius:999px;gap:10px}.study-main{margin:0 auto;max-width:1344px;padding:24px 32px 40px}.study-mobile-page{display:none}.uclass-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.study-top-row{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-bottom:20px}.welcome-card{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) 1px 142px 1px 194px;min-height:112px;padding:24px 28px}.welcome-title{color:#071b5f;font-size:24px;font-weight:900;letter-spacing:0;line-height:1.2;margin:0}.welcome-subtitle{color:#475569;font-size:15px;font-weight:500;line-height:1.45;margin:8px 0 0}.study-top-divider{background:#e2e8f0;height:54px}.study-top-stat{align-items:center;display:grid;grid-gap:0 12px;gap:0 12px;grid-template-columns:42px 1fr;padding:0 22px}.study-top-stat .streak-icon{grid-row:1/3;height:42px;width:42px}.streak-value,.today-progress-value{color:#071b5f;font-size:20px;font-weight:900;line-height:1.1}.streak-label,.today-progress-label{color:#64748b;display:block;font-size:13px;font-weight:500;line-height:1.35;margin-top:4px}.study-top-progress{align-items:center;display:flex;gap:14px;padding-left:24px}.progress-circle-small{flex:0 0 auto}.study-dashboard-grid{align-items:start;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) 380px}.study-left-column,.study-right-column{display:flex;flex-direction:column;gap:20px}.continue-section,.learning-path-section,.right-card,.section-card,.stats-section{padding:22px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.right-panel-title,.section-title{color:#071b5f;font-size:18px;font-weight:900;line-height:1.2;margin:0}.section-link{align-items:center;color:#1476ff;display:inline-flex;font-size:13px;font-weight:800;gap:6px;text-decoration:none}.section-description{color:#475569;font-size:13px;font-weight:500;line-height:1.45;margin:-8px 0 18px}.continue-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,1fr)}.continue-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:154px;padding:16px}.continue-card-top{align-items:center;display:flex;gap:14px}.continue-title{color:#071b5f;font-size:15px;font-weight:800;line-height:1.25;margin:0}.continue-subtitle{color:#475569;font-size:13px;font-weight:500;line-height:1.35;margin:4px 0 0}.continue-progress-row{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr auto;margin-top:18px}.progress-bar{background:#e5eaf2;border-radius:999px;height:6px;overflow:hidden}.progress-fill{border-radius:999px;display:block;height:100%}.progress-percent{color:#071b5f;font-size:13px;font-weight:700}.uclass-button{align-items:center;background:#fff;border:1px solid;border-radius:10px;display:flex;font-size:13px;font-weight:800;height:38px;justify-content:center;margin-top:14px;text-decoration:none;width:100%}.uclass-button.filled{color:#fff;height:42px;margin-top:0}.learning-path-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,1fr)}.path-card{background:#fff;border:1px solid #d7e8ff;border-radius:16px;display:flex;flex-direction:column;min-height:210px;padding:18px}.path-card-header{align-items:flex-start;display:flex;gap:16px}.path-title{color:#071b5f;font-size:20px;font-weight:900;line-height:1.2;margin:0}.path-desc{color:#475569;font-size:13px;font-weight:500;line-height:1.45;margin:8px 0 0}.path-badge{align-items:center;background:#eaf5ff;border-radius:6px;color:#1476ff;display:inline-flex;font-size:11px;font-weight:900;height:24px;margin-bottom:8px;padding:0 10px}.path-bottom{align-items:end;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(120px,auto);margin-top:auto}.school-grade-start{width:100%}.school-grade-start>button{margin:0;width:100%}.school-grade-modal-backdrop{align-items:center;background:rgba(15,23,42,.52);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.school-grade-modal{background:#fff;border:1px solid #d7e8ff;border-radius:16px;max-height:min(680px,calc(100vh - 40px));max-width:620px;overflow-y:auto;padding:22px;width:100%}.school-grade-modal header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.school-grade-modal header span{color:#15803d;font-size:12px;font-weight:800;text-transform:uppercase}.school-grade-modal h2{color:#071b5f;font-size:24px;margin:4px 0}.school-grade-modal p{color:#64748b;font-size:14px;margin:0}.school-grade-modal header button{align-items:center;background:#f8fafc;border:1px solid #d7e8ff;border-radius:8px;cursor:pointer;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;padding:0;width:38px}.school-grade-options{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:20px}.school-grade-options button{background:#fff;border:1px solid #cfe0f5;border-radius:8px;color:#071b5f;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;min-height:48px}.school-grade-options button:focus-visible,.school-grade-options button:hover{background:#ecfdf5;border-color:#16a34a;color:#15803d}.path-progress-label{color:#475569;font-size:13px;font-weight:500}.path-progress-value{color:#071b5f;display:block;font-size:13px;font-weight:800;margin:4px 0 8px}.right-card{width:100%}.right-panel-title{margin-bottom:18px}.goal-list,.recommend-list{display:flex;flex-direction:column;gap:10px}.goal-item{align-items:center;border:1px solid #e2e8f0;border-radius:14px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:40px 1fr auto;min-height:66px;padding:12px}.goal-title{color:#071b5f;font-size:14px;font-weight:800;line-height:1.25;margin:0}.goal-subtitle{color:#64748b;font-size:12px;font-weight:500;line-height:1.35;margin:3px 0 0}.goal-progress-meta{align-items:center;color:#071b5f;display:flex;font-size:13px;font-weight:700;gap:10px}.goal-check{border:2px solid #cbd5e1;border-radius:999px;display:block;height:22px;width:22px}.goal-check.completed{background:#16a34a;border-color:#16a34a}.primary-wide-button{background:linear-gradient(135deg,#1476ff,#006bff);border:none;border-radius:12px;color:#fff;display:flex;font-size:14px;font-weight:900;height:46px;justify-content:center;margin-top:18px;width:100%}.primary-wide-button,.recommend-item{align-items:center;text-decoration:none}.recommend-item{border:1px solid #e2e8f0;border-radius:14px;color:inherit;display:grid;grid-gap:12px;gap:12px;grid-template-columns:36px 1fr 18px;min-height:58px;padding:10px 12px}.recommend-title{color:#071b5f;font-size:13px;font-weight:800;line-height:1.25;margin:0}.recommend-subtitle{color:#64748b;font-size:12px;font-weight:500;line-height:1.35;margin:3px 0 0}.stats-section{margin-top:20px;padding:22px}.stats-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(5,1fr);margin-top:18px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:12px;height:96px;padding:14px}.stat-label{color:#64748b;display:block;font-size:12px;font-weight:500;line-height:1.25}.stat-value{color:#071b5f;display:block;font-size:22px;font-weight:900;line-height:1.1;margin-bottom:4px}.stat-subtext{color:#16a34a;display:block;font-size:11px;font-weight:500;line-height:1.25;margin-top:4px}.icon-box{align-items:center;border-radius:14px;display:flex;flex:0 0 auto;height:48px;justify-content:center;width:48px}.path-icon{border-radius:16px;height:56px;width:56px}.goal-icon,.stat-icon{border-radius:12px;height:40px;width:40px}.recommend-icon{border-radius:10px;height:36px;width:36px}.tone-blue{color:#1476ff}.tone-green{color:#16a34a}.tone-orange{color:#f97316}.tone-purple{color:#7c3aed}.tone-red{color:#ef4444}.icon-box.tone-blue{background:#eaf5ff}.icon-box.tone-green{background:#eafaf2}.icon-box.tone-orange{background:#fff1e8}.icon-box.tone-purple{background:#f3eaff}.icon-box.tone-red{background:#fff1f2}.progress-fill.tone-blue,.uclass-button.filled.tone-blue{background:#1476ff}.progress-fill.tone-green,.uclass-button.filled.tone-green{background:#16a34a}.progress-fill.tone-orange,.uclass-button.filled.tone-orange{background:#f97316}.progress-fill.tone-purple,.uclass-button.filled.tone-purple{background:#7c3aed}.continue-card.tone-orange{border-color:#fed7aa}.continue-card.tone-green{border-color:#bbf7d0}.continue-card.tone-purple{border-color:#ddd6fe}@media (max-width:1199px){.study-dashboard-grid{grid-template-columns:1fr}.study-right-column{display:grid;grid-template-columns:repeat(2,1fr)}.welcome-card{grid-template-columns:minmax(0,1fr) 1px 150px 1px 220px}}@media (max-width:1024px){.study-page .app-main-nav{gap:22px}.continue-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.study-desktop-main,body:has(.study-mobile-page) .app-footer{display:none}.study-page{background:#fff}.study-mobile-page{background:#fff;color:#071b5f;display:block;font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:100vh;overflow-x:hidden;padding-bottom:24px;width:100%}.study-hero-card{align-items:center;background:linear-gradient(135deg,#f7fbff,#eaf5ff);border:1px solid #d7e8ff;border-radius:18px;display:flex;height:128px;justify-content:space-between;margin:0 24px 18px;padding:24px}.study-hero-title{color:#071b5f;font-size:24px;font-weight:900;line-height:1.18;margin:0}.study-hero-subtitle{color:#475569;font-size:15px;font-weight:500;line-height:1.35;margin:8px 0 0}.study-hero-streak{align-items:center;background:#fff;border:1px solid #d7e8ff;border-radius:999px;color:#071b5f;display:flex;flex:0 0 auto;font-size:18px;font-weight:900;gap:8px;height:44px;justify-content:center;min-width:122px;padding:0 16px}.study-hero-streak svg{color:#f97316}.mobile-section{margin:0 24px 14px}.mobile-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mobile-section-title-wrap{align-items:center;display:flex;gap:10px;min-width:0}.mobile-section-marker{background:#1476ff;border-radius:999px;flex:0 0 auto;height:28px;width:5px}.mobile-section-title{color:#071b5f;font-size:20px;font-weight:900;line-height:1.2;margin:0}.mobile-section-link{align-items:center;color:#1476ff;display:flex;flex:0 0 auto;font-size:14px;font-weight:700;gap:4px;text-decoration:none}.continue-list-card,.path-list-card,.recommend-mobile-card,.tips-card,.today-goals-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 22px rgba(15,23,42,.06);overflow:hidden}.continue-mobile-item{align-items:center;border-bottom:1px solid #e2e8f0;display:grid;grid-gap:16px;gap:16px;grid-template-columns:68px minmax(0,1fr) 104px;min-height:112px;padding:16px}.continue-mobile-item:last-child{border-bottom:none}.continue-mobile-icon-box,.path-mobile-icon-box,.recommend-mobile-icon-box{border-radius:16px;height:68px;width:68px}.continue-mobile-icon-box svg,.path-mobile-icon-box svg,.recommend-mobile-icon-box svg{height:34px;width:34px}.continue-mobile-content{min-width:0}.continue-mobile-title{color:#071b5f;font-size:17px;font-weight:900;line-height:1.2;margin:0}.continue-mobile-subtitle{color:#475569;font-size:14px;font-weight:500;line-height:1.35;margin:5px 0 0}.continue-mobile-progress-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr;margin-top:10px}.continue-mobile-meta{color:#071b5f;font-size:14px;font-weight:700}.continue-mobile-button{align-items:center;background:#fff;border:1px solid;border-radius:12px;display:flex;font-size:15px;font-weight:800;height:44px;justify-content:center;text-decoration:none}.button-orange{color:#f97316}.button-green{color:#16a34a}.button-purple{color:#7c3aed}.path-mobile-item{align-items:center;border-bottom:1px solid #e2e8f0;color:inherit;display:grid;grid-gap:16px;gap:16px;grid-template-columns:68px minmax(0,1fr) 24px;min-height:104px;padding:16px;text-decoration:none}.path-mobile-item-selector{align-items:start;grid-template-columns:68px minmax(0,1fr)}.path-mobile-item-selector .school-grade-start{grid-column:1/-1}.path-mobile-item:last-child{border-bottom:none}.path-mobile-icon-box strong{color:#f97316;font-size:16px;font-weight:900}.path-mobile-content{min-width:0}.path-title-row{align-items:flex-start;display:flex;gap:8px;flex-wrap:wrap}.path-mobile-title{color:#071b5f;font-size:18px;font-weight:900;line-height:1.2;margin:0}.path-mobile-badge{background:#eaf5ff;border-radius:999px;color:#1476ff;flex:0 0 auto;font-size:11px;font-weight:800;line-height:1.05;padding:4px 8px;text-align:center}.path-mobile-desc{color:#475569;font-size:14px;line-height:1.35;margin:5px 0 0}.path-mobile-progress-info{margin-top:8px;min-width:0}.path-mobile-progress-text{color:#071b5f;display:block;font-size:14px;font-weight:800;margin-top:6px;text-align:left}.path-mobile-button{display:none}.school-grade-start{margin-top:2px}.school-grade-options{grid-template-columns:repeat(3,1fr)}.path-chevron,.recommend-chevron{color:#64748b}.goal-mobile-item{align-items:center;border-bottom:1px solid #e2e8f0;display:grid;grid-gap:14px;gap:14px;grid-template-columns:42px minmax(0,1fr) 26px;height:58px;padding:0 16px}.goal-mobile-item:last-child{border-bottom:none}.goal-mobile-icon-box{border-radius:12px;height:42px;width:42px}.goal-mobile-icon-box svg{height:22px;width:22px}.goal-mobile-title{color:#071b5f;font-size:16px;font-weight:600;line-height:1.25;margin:0}.goal-mobile-check{background:#fff;border:2px solid #94a3b8;border-radius:999px;height:26px;width:26px}.quick-stats-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.05);display:grid;grid-gap:12px;gap:12px;grid-template-columns:54px 1fr;height:90px;padding:14px;min-width:0}.quick-stat-icon{border-radius:14px;height:54px;width:54px}.quick-stat-label{color:#64748b;font-size:14px;font-weight:500}.quick-stat-value{display:block;font-size:25px;font-weight:900;line-height:1.1;margin-top:3px}.recommend-mobile-card,.tips-card{padding:16px}.recommend-mobile-item{align-items:center;border-bottom:1px solid #e2e8f0;color:inherit;display:grid;grid-gap:16px;gap:16px;grid-template-columns:68px minmax(0,1fr) 24px;min-height:88px;padding:12px 0;text-decoration:none}.recommend-mobile-item:last-of-type{border-bottom:none}.recommend-mobile-title{color:#071b5f;font-size:18px;font-weight:900;line-height:1.25;margin:0}.recommend-mobile-subtitle{color:#64748b;font-size:15px;line-height:1.35;margin:6px 0 0}.recommend-mobile-button{align-items:center;background:#fff;border:1.5px solid #1476ff;border-radius:999px;color:#1476ff;display:flex;font-size:16px;font-weight:800;gap:10px;height:46px;justify-content:center;margin-top:14px;text-decoration:none;width:100%}.tips-header{justify-content:space-between;margin-bottom:14px}.ai-badge,.tips-header{align-items:center;display:flex}.ai-badge{background:#f1eafe;border:1px solid #ddd6fe;border-radius:999px;color:#7c3aed;font-size:14px;font-weight:800;gap:6px;height:34px;padding:0 14px}.tip-item{align-items:center;border-bottom:1px solid #e2e8f0;display:grid;grid-gap:16px;gap:16px;grid-template-columns:58px 1fr;min-height:78px;padding:12px 0}.tip-item:last-child{border-bottom:none}.tip-icon-box{border-radius:14px;height:58px;width:58px}.tip-text{color:#475569;font-size:17px;font-weight:500;line-height:1.45;margin:0}.study-mobile-footer{margin:28px 24px 0;padding-bottom:96px;text-align:center}.footer-logo{height:42px;margin:0 auto;object-fit:contain;width:auto}.footer-slogan{color:#475569;font-size:16px;font-weight:500;margin:12px 0 0}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:22px}.footer-link-wrap{align-items:center;display:inline-flex;gap:16px}.footer-link{color:#64748b;font-size:14px;font-weight:500;text-decoration:none}.footer-divider{background:#cbd5e1;display:block;height:14px;width:1px}}@media (max-width:393px){.continue-mobile-item{grid-template-columns:68px minmax(0,1fr)}.continue-mobile-button{grid-column:2;justify-self:stretch;margin-top:2px;width:100%}.path-mobile-item{grid-template-columns:68px minmax(0,1fr) 24px}.path-mobile-item-selector .school-grade-start{grid-column:1/-1}.path-chevron{grid-column:3;grid-row:1}}@media (max-width:374px){.mobile-section,.study-hero-card,.study-mobile-footer{margin-left:18px;margin-right:18px}.study-hero-card{padding:20px}.study-hero-streak{min-width:110px;padding:0 12px}.continue-mobile-item{grid-template-columns:58px minmax(0,1fr)}.continue-mobile-button{grid-column:2;margin-top:10px;width:100%}.continue-mobile-icon-box,.path-mobile-icon-box,.recommend-mobile-icon-box{height:58px;width:58px}.path-mobile-item{grid-template-columns:58px minmax(0,1fr) 22px}.path-mobile-item-selector .school-grade-start{grid-column:1/-1}.path-chevron{grid-column:3;grid-row:1}.quick-stats-grid{grid-template-columns:1fr}}.learning-analysis-page{min-height:100vh;background:#f6f9ff;color:#0f172a}.learning-analysis-shell{margin:0 auto;max-width:1160px;padding:32px 20px 56px}.learning-analysis-hero{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.analysis-comment span,.learning-analysis-hero span{align-items:center;color:#2563eb;display:inline-flex;font-weight:800;gap:8px}.learning-analysis-hero h1{font-size:34px;line-height:1.15;margin:10px 0 8px}.learning-analysis-hero p{color:#64748b;font-weight:650;margin:0;max-width:620px}.analysis-action,.analysis-hero-action{align-items:center;border-radius:8px;display:inline-flex;font-weight:850;gap:8px;text-decoration:none}.analysis-hero-action{background:#2563eb;color:#fff;padding:13px 16px}.analysis-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.analysis-card,.analysis-comment,.analysis-error,.analysis-evidence{background:#fff;border:1px solid #dbe7fb;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.08)}.analysis-comment{align-items:flex-start;display:flex;gap:16px;padding:24px}.analysis-comment h2{font-size:24px;line-height:1.35;margin:8px 0 0}.analysis-comment-icon{align-items:center;background:#eef4ff;border-radius:8px;color:#2563eb;display:grid;flex:0 0 56px;height:56px;place-items:center}.analysis-stats{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-stats article{background:#fff;border:1px solid #dbe7fb;border-radius:8px;min-height:118px;padding:16px}.analysis-stats svg{color:#2563eb}.analysis-stats strong{display:block;font-size:28px;margin-top:12px}.analysis-stats span{color:#64748b;font-weight:750}.analysis-two-column{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:16px}.analysis-weekly{background:#fff;border:1px solid #dbe7fb;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.08);margin-top:16px;padding:22px}.analysis-weekly header{align-items:center;display:flex;justify-content:space-between;gap:12px}.analysis-weekly h2{font-size:20px;margin:0}.analysis-weekly header span{color:#2563eb;font-weight:850}.analysis-bars{align-items:end;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:18px}.analysis-bars article{display:grid;grid-gap:7px;gap:7px;text-align:center}.analysis-bars div{align-items:end;background:#eef4ff;border-radius:8px;display:flex;height:104px;overflow:hidden}.analysis-bars div span{background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:8px 8px 0 0;display:block;width:100%}.analysis-bars strong{font-size:13px}.analysis-bars small{color:#64748b;font-weight:750}.analysis-top-pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.analysis-top-pages span{background:#f8fbff;border:1px solid #dbe7fb;border-radius:999px;color:#334155;font-size:13px;font-weight:800;padding:8px 10px}.analysis-card{padding:22px}.analysis-card header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.analysis-card h2,.analysis-error h2,.analysis-evidence h2{font-size:20px;margin:0}.analysis-actions,.analysis-list{display:grid;grid-gap:10px;gap:10px}.analysis-empty,.weak-area-item{align-items:center;background:#f8fbff;border:1px solid #e3ecfb;border-radius:8px;color:inherit;display:flex;gap:14px;justify-content:space-between;padding:14px;text-decoration:none}.analysis-empty p,.analysis-error p,.weak-area-item p{color:#64748b;margin:4px 0 0}.weak-area-item span{color:#ef4444;font-size:22px;font-weight:900}.analysis-action{background:#f8fbff;border:1px solid #dbe7fb;color:#0f172a;justify-content:space-between;padding:15px}.analysis-action.test{background:#fff7ed;border-color:#fed7aa}.analysis-action.practice{background:#effaf5;border-color:#bbf7d0}.analysis-evidence{margin-top:16px;padding:22px}.analysis-evidence div{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.analysis-evidence span{background:#eef4ff;border-radius:999px;color:#1d4ed8;font-weight:800;padding:9px 12px}.analysis-error{padding:28px;text-align:center}@media (max-width:820px){.learning-analysis-shell{padding:22px 14px 42px}.analysis-comment,.learning-analysis-hero{align-items:stretch;flex-direction:column}.learning-analysis-hero h1{font-size:28px}.analysis-grid,.analysis-two-column{grid-template-columns:1fr}.analysis-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-bars{gap:6px}.analysis-weekly header{align-items:flex-start;flex-direction:column}}.route-page{background:linear-gradient(180deg,#fff,#f7faff);color:#07143a;min-height:100vh}.route-shell{display:grid;grid-gap:30px;gap:30px;grid-template-columns:minmax(0,1fr) 430px;margin:24px auto;max-width:1500px;padding:0 32px}.breadcrumb,.breadcrumb a,.route-subtitle{color:#53617e;font-weight:700;text-decoration:none}.route-main h1{font-size:34px;margin:20px 0 10px}.route-subtitle{font-size:17px;margin-bottom:28px}.route-card,.route-summary,.unit-row{background:#fff;border:1px solid #dfe7f4;border-radius:16px;box-shadow:0 16px 42px rgba(27,42,76,.06)}.route-summary{align-items:center;display:grid;grid-gap:28px;gap:28px;grid-template-columns:110px 1fr repeat(3,180px);min-height:124px;padding:24px}.circle-progress{align-items:center;background:conic-gradient(#7b4cff var(--route-progress,17%),#eef2f8 0);border-radius:999px;display:flex;height:86px;justify-content:center;width:86px}.toeic-route .circle-progress{background:conic-gradient(#7b4cff var(--route-progress,0),#eef2f8 0)}.circle-progress strong{background:#fff;border-radius:999px;display:grid;height:66px;place-items:center;width:66px}.route-progress-copy span,.route-summary article span,.route-summary small{color:#5c6885;display:block;font-weight:800}.route-progress-copy b,.route-summary article strong{display:block;font-size:24px;margin:6px 0}.continue-box i,.route-progress-copy i,.unit-row aside i{background:#e6ebf4;border-radius:999px;display:block;height:8px;overflow:hidden}.continue-box em,.route-progress-copy em,.unit-row aside b{background:#7849ff;display:block;height:100%}.route-summary article{border-left:1px solid #e4eaf5;min-height:76px;padding-left:26px}.unit-list{display:grid;margin-top:22px}.unit-row{align-items:center;border-radius:0;display:grid;grid-gap:22px;gap:22px;grid-template-columns:150px 1fr 250px;min-height:116px;padding:16px 18px}.unit-row:first-child{border-radius:16px 16px 0 0}.unit-row.active{border-color:#bba7ff;box-shadow:inset 0 0 0 1px #bba7ff}.unit-row>img{background:#f4f8ff;border-radius:12px;object-fit:contain;padding:8px}.unit-row h2{font-size:20px;margin:0 0 8px}.unit-row p{color:#53617e;margin:0 0 14px}.unit-row section div{display:flex;flex-wrap:wrap;gap:14px}.unit-row section span{align-items:center;border:1px solid #e1e8f5;border-radius:8px;display:flex;font-weight:800;gap:8px;min-height:32px;padding:0 14px}.unit-row aside{display:grid;grid-gap:10px;gap:10px}.unit-row aside em{background:#eef2f8;border-radius:8px;color:#4e5d78;font-style:normal;font-weight:800;justify-self:start;padding:7px 16px}.unit-row aside em.done{background:#e7faef;color:#16a05e}.unit-row aside em.learning{background:#f2ecff;color:#7047ff}.unit-row.is-locked{opacity:.76}.unit-row aside em.locked{background:#fff7ed;color:#c2410c}.unit-row aside strong{font-size:15px}.unit-row aside a{border:1px solid #c6b5ff;border-radius:10px;color:#7047ff;align-items:center;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:42px;padding:10px 20px;text-align:center;text-decoration:none}.unit-row.active aside a{background:#7047ff;color:#fff}.more-units{background:#fff;border:1px solid #dfe7f4;border-radius:0 0 16px 16px;color:#7047ff;cursor:pointer;font-size:18px;font-weight:900;min-height:58px}.route-side{display:grid;grid-gap:22px;gap:22px;align-content:start}.route-card{padding:22px}.route-card h2{margin:0 0 18px}.route-rec{background:linear-gradient(145deg,#fff,#f4f6ff);min-height:250px;overflow:hidden;position:relative}.route-rec p{color:#53617e;line-height:1.6;max-width:250px}.route-rec ol{display:grid;grid-gap:16px;gap:16px;list-style:none;padding:0}.route-rec li{align-items:center;display:flex;font-weight:800;gap:12px}.route-rec li span{background:linear-gradient(135deg,#8a64ff,#5c35ff);border-radius:999px;color:#fff;display:grid;height:26px;place-items:center;width:26px}.continue-box a,.route-rec a{align-items:center;border:1px solid #c6b5ff;border-radius:10px;color:#7047ff;display:flex;font-weight:900;gap:8px;justify-content:center;min-height:42px;text-decoration:none}.route-rec a{width:178px}.route-books,.route-plant,.route-target{position:absolute}.route-target{bottom:40px;right:42px}.route-plant{bottom:36px;right:162px}.route-books{bottom:22px;right:54px}.continue-box article{align-items:center;border:1px solid #e1e8f5;border-radius:14px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:82px 1fr 100px;padding:16px}.continue-box p,.continue-box span,.continue-box strong{display:block;margin:0 0 6px}.continue-box p,.continue-box span{color:#53617e}.recent-box p{align-items:center;border:1px solid #e1e8f5;border-bottom:0;display:grid;grid-gap:14px;gap:14px;grid-template-columns:42px 1fr auto;margin:0;min-height:60px;padding:0 14px}.recent-box p:last-child{border-bottom:1px solid #e1e8f5;border-radius:0 0 10px 10px}.recent-box p:first-of-type{border-radius:10px 10px 0 0}.recent-box span{color:#53617e}.toeic-start{min-height:250px;overflow:hidden;position:relative}.toeic-start p{color:#53617e;line-height:1.6;max-width:270px}.toeic-start div{align-items:center;display:flex;gap:10px;margin:20px 0 28px}.toeic-start div span{border:1px solid #d8cdfc;border-radius:10px;color:#7047ff;font-weight:900;padding:10px 14px}.toeic-start>a{align-items:center;background:linear-gradient(135deg,#4d36ff,#7d31ff);border-radius:10px;color:#fff;display:flex;font-weight:900;justify-content:center;min-height:48px;text-decoration:none;width:220px}.toeic-start>img{bottom:26px;position:absolute;right:26px}.toeic-goals h2,.toeic-goals p{align-items:center;display:flex;gap:12px}.toeic-goals p{font-weight:800;margin:20px 0}.toeic-structure article{align-items:center;border:1px solid #e3e9f5;border-radius:10px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:36px 50px 1fr;margin-top:12px;padding:12px}.toeic-structure span,.toeic-structure strong{display:block}.toeic-structure span{color:#53617e;font-size:13px;margin-top:5px}.toeic-route .unit-row:first-child{border-radius:16px;border-color:#b79cff}.toeic-route .route-summary{grid-template-columns:90px 1fr repeat(3,180px)}@media (max-width:1180px){.route-shell,.route-summary,.unit-row{grid-template-columns:1fr}}@media (max-width:760px){.route-shell{padding-left:14px;padding-right:14px}.continue-box article{grid-template-columns:1fr}}.toeic-roadmap-page{background:#f7f9fc;color:#0f172a;font-family:var(--font-family-main,"Be Vietnam Pro",ui-sans-serif,system-ui,sans-serif);min-height:100vh}.toeic-roadmap-page *,.toeic-roadmap-page :after,.toeic-roadmap-page :before{box-sizing:border-box}.toeic-roadmap-page>.app-header-main{background:#fff;border-bottom-color:#e7ecf3;box-shadow:none;min-height:72px;padding-left:max(32px,calc((100vw - 1376px) / 2 + 32px));padding-right:max(32px,calc((100vw - 1376px) / 2 + 32px))}.toeic-roadmap-page .app-main-nav{align-self:stretch;gap:28px}.toeic-roadmap-page .app-main-nav a{align-self:stretch;background:transparent;border-radius:0;box-shadow:none;color:#0f172a;font-size:16px;font-weight:500;padding:0;position:relative}.toeic-roadmap-page .app-main-nav a.active{color:#6d3bff}.toeic-roadmap-page .app-main-nav a.active:after{background:#6d3bff;border-radius:999px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.app-mobile-notification-button{display:none}.toeic-roadmap-web{display:block}.toeic-roadmap-mobile{display:none}.toeic-roadmap-container{margin:0 auto;max-width:1376px;padding:20px 32px 40px}.toeic-roadmap-heading{margin-bottom:24px;max-width:968px}.toeic-roadmap-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:10px;line-height:20px;margin:0 0 16px}.toeic-roadmap-breadcrumb a{color:inherit;text-decoration:none}.toeic-roadmap-breadcrumb span{color:#94a3b8}.toeic-roadmap-heading h1{color:#0f172a;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:56px;margin:0 0 8px}.toeic-roadmap-subtitle{color:#64748b;font-size:18px;font-weight:400;line-height:28px;margin:0}.toeic-roadmap-columns{align-items:start;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,968px) 344px}.toeic-roadmap-primary{min-width:0}.toeic-roadmap-side-card,.toeic-roadmap-summary,.toeic-roadmap-unit-card{background:#fff;border:1px solid #e7ecf3;box-shadow:0 6px 20px rgba(15,23,42,.04)}.toeic-roadmap-summary-web{align-items:stretch;border-radius:20px;display:grid;grid-template-columns:2fr repeat(3,1fr);min-height:132px;padding:24px}.toeic-summary-progress{align-items:center;display:grid;grid-gap:18px;gap:18px;grid-template-columns:72px minmax(0,1fr);min-width:0;padding-right:24px}.toeic-summary-ring{align-items:center;background:conic-gradient(#6d3bff var(--route-progress,0),#e5e7eb 0);border-radius:50%;display:flex;height:72px;justify-content:center;position:relative;width:72px}.toeic-summary-ring:before{background:#fff;border-radius:50%;content:"";inset:8px;position:absolute}.toeic-summary-ring strong{color:#0f172a;font-size:18px;font-weight:700;position:relative;z-index:1}.toeic-summary-progress-copy{display:grid;grid-gap:6px;gap:6px;grid-template-columns:minmax(0,1fr) auto;min-width:0}.toeic-summary-metric>span,.toeic-summary-progress-copy>span{color:#64748b;font-size:16px;font-weight:400;line-height:24px}.toeic-summary-progress-copy>span,.toeic-summary-progress-copy>strong{grid-column:1/-1}.toeic-summary-metric>strong,.toeic-summary-progress-copy>strong{color:#0f172a;font-size:18px;font-weight:700;line-height:26px}.toeic-summary-bar{align-self:center;background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden;width:100%}.toeic-roadmap-unit-progress i b,.toeic-summary-bar i{background:#6d3bff;display:block;height:100%}.toeic-summary-metric small,.toeic-summary-progress-copy small{color:#64748b;font-size:14px;font-weight:400;line-height:20px}.toeic-summary-metric{align-content:center;border-left:1px solid #eef2f7;display:grid;grid-gap:4px 12px;gap:4px 12px;grid-template-columns:28px minmax(0,1fr);padding-left:24px}.toeic-summary-metric>svg{align-self:center;grid-row:1/span 2}.toeic-summary-metric>small{grid-column:2}.toeic-summary-metric.tone-purple>svg{color:#6d3bff}.toeic-summary-metric.tone-green>svg{color:#22c55e}.toeic-summary-metric.tone-orange>svg{color:#f59e0b}.toeic-roadmap-unit-list{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.toeic-roadmap-unit-card-web{align-items:center;border-radius:20px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:72px minmax(0,1fr) 260px;min-height:118px;padding:18px}.toeic-roadmap-unit-card.is-featured{border-color:#d8caff}.toeic-roadmap-unit-card.is-locked{opacity:.78}.toeic-roadmap-unit-icon{align-items:center;background:#fafafd;border:1px solid #f0f2f6;border-radius:16px;color:#6d3bff;display:flex;height:72px;justify-content:center;width:72px}.toeic-roadmap-unit-copy{min-width:0}.toeic-roadmap-unit-copy h2{color:#0f172a;font-size:18px;font-weight:700;line-height:28px;margin:0}.toeic-roadmap-unit-copy>p{color:#64748b;font-size:15px;font-weight:400;line-height:22px;margin:4px 0 0}.toeic-roadmap-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.toeic-roadmap-chips span{align-items:center;background:#fff;border:1px solid #e7ecf3;border-radius:10px;color:#475569;display:inline-flex;font-size:13px;font-weight:500;gap:7px;height:32px;padding:0 12px;white-space:nowrap}.toeic-roadmap-chips svg{color:#6d3bff}.toeic-roadmap-unit-status{align-items:end;display:grid;grid-gap:10px 14px;gap:10px 14px;grid-template-columns:minmax(0,1fr) 118px;min-width:0}.toeic-roadmap-unit-status em{background:#f4f4f5;border-radius:999px;color:#64748b;font-size:13px;font-style:normal;font-weight:600;grid-column:1/-1;height:30px;justify-self:start;line-height:30px;padding:0 12px}.toeic-roadmap-unit-status em.is-active{background:#eafbf1;color:#22a35a}.toeic-roadmap-unit-status em.is-done{background:#eafbf1;color:#15803d}.toeic-roadmap-unit-status em.is-locked{background:#fff7ed;color:#c2410c}.toeic-roadmap-unit-progress{display:grid;grid-gap:8px;gap:8px}.toeic-roadmap-unit-progress strong{color:#0f172a;font-size:14px;font-weight:600}.toeic-roadmap-unit-progress i{background:#e5e7eb;border-radius:999px;display:block;height:8px;overflow:hidden;width:110px}.toeic-roadmap-unit-status>a{align-items:center;background:#fff;border:1.5px solid #8b5cf6;border-radius:12px;color:#6d3bff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;text-decoration:none;width:118px}.toeic-roadmap-unit-status>a.is-locked{gap:6px}.toeic-roadmap-unit-status>a.is-primary{background:#6d3bff;border-color:#6d3bff;color:#fff}.toeic-roadmap-unit-status>a:hover{border-color:#5b2df5;color:#5b2df5}.toeic-roadmap-unit-status>a.is-primary:hover{background:#5b2df5;color:#fff}.toeic-roadmap-more{align-items:center;background:transparent;border:0;color:#6d3bff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;min-height:44px}.toeic-roadmap-sidebar{display:grid;grid-gap:18px;gap:18px}.toeic-roadmap-side-card{border-radius:20px;padding:20px}.toeic-roadmap-side-card h2{color:#0f172a;font-size:18px;font-weight:700;line-height:26px;margin:0}.toeic-roadmap-start-card{min-height:202px;overflow:hidden;position:relative}.toeic-roadmap-start-card h2{font-size:20px;line-height:28px}.toeic-roadmap-start-card>p{color:#64748b;font-size:15px;line-height:24px;margin:8px 54px 14px 0}.toeic-roadmap-side-hero-icon{color:#6d3bff;position:absolute;right:20px;top:20px}.toeic-roadmap-steps{margin-bottom:16px}.toeic-roadmap-steps,.toeic-roadmap-steps span{align-items:center;display:flex;gap:8px}.toeic-roadmap-steps b{align-items:center;border:1px solid #e7ecf3;border-radius:10px;color:#6d3bff;display:flex;font-size:14px;font-weight:600;height:34px;padding:0 12px;white-space:nowrap}.toeic-roadmap-steps svg{color:#64748b}.toeic-roadmap-start-card>a{align-items:center;background:#6d3bff;border-radius:12px;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;text-decoration:none;width:100%}.toeic-roadmap-goals-card h2,.toeic-roadmap-structure-card h2{align-items:center;display:flex;gap:10px}.toeic-roadmap-goals-card h2 svg,.toeic-roadmap-structure-card h2 svg{color:#6d3bff}.toeic-roadmap-goals-card>p{align-items:center;color:#334155;display:flex;font-size:15px;gap:12px;line-height:24px;margin:16px 0 0}.toeic-roadmap-goals-card>p svg{color:#22c55e;flex:0 0 auto}.toeic-roadmap-structure-card article{align-items:center;border:1px solid #e7ecf3;border-radius:14px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:28px 22px minmax(0,1fr);margin-top:10px;padding:10px}.toeic-roadmap-structure-card article>span{align-items:center;background:#6d3bff;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.toeic-roadmap-structure-card article>svg{color:#6d3bff}.toeic-roadmap-structure-card article small,.toeic-roadmap-structure-card article strong{display:block}.toeic-roadmap-structure-card article strong{color:#0f172a;font-size:16px;font-weight:600;line-height:22px}.toeic-roadmap-structure-card article small{color:#64748b;font-size:14px;line-height:20px;margin-top:2px}@media (max-width:1180px) and (min-width:821px){.toeic-roadmap-columns{grid-template-columns:minmax(0,1fr) 310px}.toeic-roadmap-summary-web{grid-template-columns:1.65fr repeat(3,1fr);padding:18px}.toeic-summary-progress{gap:12px;padding-right:16px}.toeic-summary-metric{padding-left:16px}.toeic-roadmap-unit-card-web{grid-template-columns:72px minmax(0,1fr) 230px}.toeic-roadmap-chips span{padding:0 9px}}@media (max-width:820px){.toeic-roadmap-page{font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,sans-serif)}.toeic-roadmap-page>.app-header-main{min-height:72px;padding:0 16px;position:-webkit-sticky;position:sticky}.toeic-roadmap-page .app-logo-mobile{display:inline-flex}.toeic-roadmap-page .app-user-cluster{display:none}.toeic-roadmap-page .app-mobile-notification-button{align-items:center;background:transparent;border:0;color:#24304f;display:inline-flex;height:42px;justify-content:center;margin-left:auto;padding:0;position:relative;width:42px}.toeic-roadmap-page .app-mobile-notification-button span{background:#ef4444;border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:7px;top:6px;width:10px}.toeic-roadmap-page .app-mobile-menu-wrap{display:block;margin-left:2px}.toeic-roadmap-page .app-mobile-menu-button{color:#24304f;height:42px;width:42px}.toeic-roadmap-web{display:none}.toeic-roadmap-mobile{display:block;padding:16px 16px 40px}.toeic-roadmap-mobile .toeic-roadmap-heading{margin:0 0 16px;max-width:none}.toeic-roadmap-breadcrumb{font-size:14px;line-height:20px;margin-bottom:8px}.toeic-roadmap-heading h1{font-size:28px;font-weight:700;letter-spacing:0;line-height:36px;margin-bottom:8px}.toeic-roadmap-subtitle{font-size:16px;line-height:24px}.toeic-roadmap-summary-mobile{align-items:stretch;border-radius:18px;display:grid;grid-template-columns:1.45fr repeat(3,1fr);min-height:174px;padding:18px}.toeic-roadmap-summary-mobile .toeic-summary-progress{align-content:center;gap:10px;grid-template-columns:64px minmax(0,1fr);padding-right:12px}.toeic-roadmap-summary-mobile .toeic-summary-ring{height:64px;width:64px}.toeic-roadmap-summary-mobile .toeic-summary-ring:before{inset:7px}.toeic-roadmap-summary-mobile .toeic-summary-ring strong{font-size:18px}.toeic-roadmap-summary-mobile .toeic-summary-progress-copy{gap:5px;grid-template-columns:minmax(0,1fr) auto}.toeic-roadmap-summary-mobile .toeic-summary-progress-copy>span{font-size:15px;line-height:20px}.toeic-roadmap-summary-mobile .toeic-summary-progress-copy>strong{font-size:16px;line-height:22px;white-space:nowrap}.toeic-roadmap-summary-mobile .toeic-summary-bar{height:6px}.toeic-roadmap-summary-mobile .toeic-summary-progress-copy small{font-size:13px}.toeic-roadmap-summary-mobile .toeic-summary-metric{align-content:center;gap:8px;grid-template-columns:1fr;justify-items:center;padding:0 6px;text-align:center}.toeic-roadmap-summary-mobile .toeic-summary-metric>svg{grid-row:auto;height:20px;width:20px}.toeic-roadmap-summary-mobile .toeic-summary-metric>span{font-size:12px;line-height:17px}.toeic-roadmap-summary-mobile .toeic-summary-metric>strong{font-size:16px;line-height:22px;white-space:nowrap}.toeic-roadmap-summary-mobile .toeic-summary-metric>small{display:none}.toeic-roadmap-unit-list-mobile{gap:16px;margin-top:16px}.toeic-roadmap-unit-card-mobile{border-radius:18px;display:grid;grid-gap:12px 16px;gap:12px 16px;grid-template-columns:64px minmax(0,1fr);min-height:230px;padding:18px;position:relative}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-icon{border-radius:16px;height:64px;width:64px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-copy{grid-column:2;min-width:0}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-copy h2{font-size:17px;line-height:26px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-copy>p{font-size:15px;line-height:22px;margin-top:4px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-chips{gap:8px;margin-top:10px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-chips span{font-size:12px;gap:5px;height:30px;padding:0 10px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-status{align-items:end;display:grid;grid-gap:10px 12px;gap:10px 12px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 112px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-status em{font-size:12px;height:28px;line-height:28px;padding:0 10px;position:absolute;right:18px;top:18px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-progress{grid-column:2}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-progress strong{font-size:13px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-progress i{height:6px;width:100%}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-status>a{grid-column:2;height:44px;width:112px}.toeic-roadmap-unit-card-mobile.is-featured .toeic-roadmap-unit-status>a{border-radius:14px;grid-column:1/-1;height:48px;width:100%}.toeic-roadmap-more{font-size:16px}}@media (max-width:430px){.toeic-roadmap-summary-mobile{min-height:160px;padding:14px 10px}.toeic-roadmap-summary-mobile .toeic-summary-progress{gap:7px;grid-template-columns:58px minmax(0,1fr);padding-right:8px}.toeic-roadmap-summary-mobile .toeic-summary-ring{height:58px;width:58px}.toeic-roadmap-summary-mobile .toeic-summary-progress-copy>strong{font-size:14px}.toeic-roadmap-summary-mobile .toeic-summary-metric{padding:0 4px}.toeic-roadmap-summary-mobile .toeic-summary-metric>span{font-size:11px}.toeic-roadmap-summary-mobile .toeic-summary-metric>strong{font-size:15px}}@media (max-width:370px){.toeic-roadmap-mobile{padding-left:12px;padding-right:12px}.toeic-roadmap-summary-mobile{grid-template-columns:1.35fr repeat(3,1fr)}.toeic-roadmap-summary-mobile .toeic-summary-ring{height:52px;width:52px}.toeic-roadmap-summary-mobile .toeic-summary-progress{grid-template-columns:52px minmax(0,1fr)}.toeic-roadmap-unit-card-mobile{padding:16px}.toeic-roadmap-unit-card-mobile .toeic-roadmap-unit-status em{right:16px;top:16px}}.unit-result-page{background:#f7faff;color:#101b3f;min-height:100vh}.unit-result-nav{align-items:center;background:#fff;border-bottom:1px solid #e5eaf4;display:flex;height:82px;justify-content:space-between;padding:0 36px}.unit-result-nav .brand{color:#1764f5;font-size:30px;font-weight:900;text-decoration:none}.unit-result-nav a,.unit-result-nav em,.unit-result-nav nav,.unit-result-nav section,.unit-result-nav span{align-items:center;display:flex}.unit-result-nav nav{gap:44px}.unit-result-nav nav a{color:#111b44;font-weight:800;gap:10px;min-height:82px;position:relative;text-decoration:none}.unit-result-nav nav a.active{color:#5c35ff}.unit-result-nav nav a.active:after{background:#5d34ff;border-radius:999px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.unit-result-nav section{gap:22px}.unit-result-nav em{border:1px solid #dce5f4;border-radius:14px;font-style:normal;font-weight:900;gap:8px;padding:10px 18px}.unit-result-nav span{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:54px auto}.unit-result-nav span img{grid-row:span 2}.unit-result-nav small{color:#53617f;font-weight:700}.unit-result-shell{margin:0 auto;max-width:1320px;padding:46px 28px}.unit-back{align-items:center;color:#111b44;display:inline-flex;font-size:42px;font-weight:900;gap:20px;margin-bottom:28px;text-decoration:none}.unit-back img{background:#f3f7fe;border-radius:999px;padding:12px}.unit-result-card{background:#fff;border:1px solid #dfe7f3;border-radius:18px;box-shadow:0 22px 60px rgba(34,54,108,.08);overflow:hidden}.unit-result-card>header{align-items:center;display:flex;justify-content:space-between;padding:42px 44px 22px}.unit-result-card h1{align-items:center;display:flex;font-size:42px;gap:20px;line-height:1.1;margin:0 0 12px}.unit-result-card header p{color:#64708d;font-size:20px;font-weight:700;margin:0}.unit-result-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1.35fr repeat(3,1fr);padding:0 44px 22px}.unit-score-ring{align-items:center;border:1px solid #e1e8f3;border-radius:16px;display:grid;grid-row:span 2;justify-items:center;min-height:278px;padding:24px}.unit-score-ring div{align-items:center;background:conic-gradient(#7141ff var(--score),#eee8ff 0);border-radius:999px;display:flex;height:230px;justify-content:center;position:relative;width:230px}.unit-score-ring div:after{background:#fff;border-radius:inherit;content:"";inset:28px;position:absolute}.unit-score-ring span,.unit-score-ring strong{position:relative;z-index:1}.unit-score-ring strong{display:block;font-size:58px}.unit-score-ring small,.unit-score-ring span{color:#68738f;font-size:18px;font-weight:800}.unit-score-ring small{margin-top:8px}.unit-metric{align-items:center;border:1px solid #e1e8f3;border-radius:16px;display:flex;gap:18px;min-height:122px;padding:24px}.unit-metric strong{display:block;font-size:32px;font-weight:900}.unit-metric span{color:#64708d;font-size:18px;font-weight:800}.unit-review-list{border:1px solid #e1e8f3;border-radius:16px;margin:0 44px 22px;padding:22px 26px}.unit-review-list h2{font-size:22px;margin:0 0 18px}.unit-review-list>div{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr)}.unit-review-list article{align-items:center;border-radius:16px;display:flex;gap:18px;padding:18px}.unit-review-list article.listening{background:#fffaf2;border:1px solid #ffdca9}.unit-review-list article.meaning{background:#fff4f7;border:1px solid #ffc8d9}.unit-review-list article.uncertain{background:#fffdf1;border:1px solid #f4dea2}.unit-review-list small,.unit-review-list strong{display:block}.unit-review-list strong{font-size:20px}.unit-empty,.unit-review-list small{color:#5f6b87;font-size:16px;font-weight:700;margin-top:6px}.unit-result-card footer{border-top:1px solid #e7edf6;display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr);padding:24px 44px 36px}.unit-result-card footer a{align-items:center;border:2px solid #7950ff;border-radius:14px;color:#161f50;display:flex;font-size:20px;font-weight:900;gap:14px;justify-content:center;min-height:78px;text-decoration:none}.unit-result-card footer a.primary{background:linear-gradient(135deg,#4a38ff,#7f32f2);border-color:transparent;color:#fff}.unit-result-card footer a span{color:inherit;display:block;font-size:14px;font-weight:700;opacity:.85}@media (max-width:1020px){.unit-result-card>header,.unit-result-nav{align-items:flex-start;flex-direction:column;height:auto;gap:18px;padding:22px}.unit-result-nav nav{flex-wrap:wrap;gap:18px}.unit-result-card footer,.unit-result-grid,.unit-review-list>div{grid-template-columns:1fr}.unit-back,.unit-result-card h1{font-size:30px}}.battle-play-page{background:linear-gradient(180deg,#f7faff,#eaf3ff);color:#0f172a;min-height:100vh;overflow-x:hidden}.battle-play-shell{margin:0 auto;max-width:1440px;padding:18px 22px 26px}.battle-bottom-actions,.battle-compact-rules,.battle-exit-button,.battle-history-line,.battle-mobile-timer,.battle-mobile-title,.battle-player-card,.battle-player-info p,.battle-progress-player em,.battle-progress-player>div,.battle-rule-row,.battle-rule-row span,.battle-score-row,.battle-timer-pill,.battle-top-actions,.battle-topbar,.battle-word-line{align-items:center;display:flex}.battle-topbar{display:grid;grid-template-columns:180px 1fr 128px;min-height:64px}.battle-topbar>strong{color:#0f172a;font-size:20px;font-weight:800;letter-spacing:.02em;line-height:28px;text-align:center}.battle-exit-button{background:#fff;border:1px solid #dbeafe;border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.08);color:#0f172a;font-size:15px;font-weight:800;gap:10px;height:44px;justify-content:center;padding:0 18px;text-decoration:none;width:-moz-fit-content;width:fit-content}.battle-top-actions{gap:14px;justify-content:flex-end}.battle-mobile-title a,.battle-mobile-title button,.battle-top-actions button{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.08);color:#0f172a;display:grid;height:44px;place-items:center;width:44px}.battle-mobile-timer,.battle-mobile-title{display:none}.battle-score-row{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);margin:12px 0 28px}.battle-player-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 12px 32px rgba(15,23,42,.08);gap:18px;min-height:128px;padding:20px 28px}.battle-player-card.opponent{flex-direction:row-reverse;text-align:right}.battle-avatar-wrap{flex:0 0 auto;position:relative}.battle-avatar-wrap>span{background:#10b981;border:3px solid #fff;border-radius:999px;bottom:2px;height:20px;position:absolute;right:2px;width:20px}.battle-player-info{flex:1 1;min-width:0}.battle-player-info h2{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-player-info em{background:#dbeafe;border-radius:999px;color:#2563eb;display:inline-flex;font-size:13px;font-style:normal;font-weight:800;padding:4px 10px}.battle-player-card.opponent .battle-player-info em{background:#fee2e2;color:#ef4444}.battle-player-info p{color:#334155;font-size:16px;font-weight:700;gap:6px;margin:10px 0 0}.battle-player-info p b{color:#f97316;font-size:18px}.battle-player-score{min-width:84px;text-align:center}.battle-player-score strong{color:#2563eb;display:block;font-size:36px;font-weight:900;line-height:1}.battle-player-card.opponent .battle-player-score strong{color:#ef4444}.battle-player-score span{color:#334155;font-size:16px;font-weight:700}.battle-timer-stack{display:grid;justify-items:center}.battle-timer-pill{background:#061b46;border-radius:20px;box-shadow:0 16px 44px rgba(37,99,235,.16);color:#fff;gap:16px;height:76px;justify-content:center;overflow:hidden;position:relative;width:270px}.battle-timer-pill:after{background:#facc15;border-radius:999px;bottom:0;content:"";height:5px;left:22px;position:absolute;width:var(--time-progress)}.battle-timer-pill strong{font-size:40px;font-weight:900;line-height:1}.battle-vs-mark{color:#2563eb;font-size:42px;font-weight:900;line-height:1.2;margin-top:14px}.battle-main-grid{align-items:start;display:grid;grid-gap:32px;gap:32px;grid-template-columns:300px minmax(520px,1fr) 320px}.battle-side-panel{background:#061b46;border-radius:24px;box-shadow:0 12px 32px rgba(15,23,42,.08);color:#fff;padding:24px}.battle-side-panel h2{align-items:center;color:#facc15;display:flex;font-size:18px;font-weight:900;gap:12px;letter-spacing:.01em;margin:0 0 16px}.battle-rule-row{border-bottom:1px solid hsla(0,0%,100%,.12);gap:14px;height:58px;justify-content:space-between}.battle-rule-row span{color:#fff;font-size:16px;font-weight:700;gap:12px}.battle-rule-row b{font-size:16px;font-weight:900;white-space:nowrap}.battle-rule-row b.good{color:#10b981}.battle-rule-row b.bad{color:#ef4444}.battle-center-column{min-width:0}.battle-question-card{background:#fff;border:1px solid #dbeafe;border-radius:24px;box-shadow:0 16px 44px rgba(37,99,235,.16);min-height:460px;padding:28px 36px}.battle-question-badge{background:#dbeafe;border-radius:12px;color:#2563eb;display:inline-flex;font-size:16px;font-weight:900;padding:8px 14px}.battle-word-line{gap:16px;justify-content:center;margin-top:12px}.battle-word-line h1{color:#0f172a;font-size:52px;font-weight:900;line-height:1.1;margin:0;overflow-wrap:anywhere;text-align:center}.battle-word-line button{background:#eff6ff;border:0;border-radius:999px;color:#2563eb;display:grid;flex:0 0 auto;height:48px;place-items:center;width:48px}.battle-pronunciation-tools{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px}.battle-pronunciation-tools button{font-size:13px;font-weight:900;height:38px;min-width:48px;padding:0 12px;width:auto}.battle-pronunciation-tools button:first-child{height:48px;min-width:48px;padding:0;width:48px}.battle-pronunciation-tools button.active{background:#2563eb;color:#fff}.battle-question-card>p{color:#334155;font-size:20px;font-weight:700;margin:16px 0 24px;text-align:center}.battle-answer-list{display:flex;flex-direction:column;gap:12px}.battle-answer-list button{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;color:#0f172a;display:flex;gap:16px;min-height:58px;padding:0 18px;text-align:left;transition:background .18s ease,border-color .18s ease;width:100%}.battle-answer-list button:hover{background:#eff6ff}.battle-answer-list button.selected{background:#eef5ff;border-color:#2563eb}.battle-answer-list button span{background:#f1f5f9;border-radius:999px;color:#0f172a;display:grid;flex:0 0 auto;font-size:18px;font-weight:900;height:38px;place-items:center;width:38px}.battle-answer-list button.selected span{background:#2563eb;color:#fff}.battle-answer-list button strong{font-size:18px;font-weight:800;overflow-wrap:anywhere}.battle-answer-list button.selected strong{color:#2563eb}.battle-empty-state{color:#475569;display:grid;grid-gap:10px;gap:10px;margin:120px auto 0;max-width:420px;text-align:center}.battle-empty-state strong{color:#0f172a;font-size:22px}.battle-bottom-actions{display:grid;grid-gap:28px;gap:28px;grid-template-columns:1fr 1fr;margin:24px auto 0;max-width:760px}.battle-bottom-actions button{border-radius:18px;min-height:72px}.battle-skip-button{background:#fff;border:2px solid #2563eb;color:#0f172a;display:grid;font-size:20px;font-weight:900;place-items:center}.battle-skip-button small{color:#ef4444;font-size:16px;font-weight:900}.battle-next-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;box-shadow:0 10px 24px rgba(37,99,235,.22);color:#fff;display:flex;font-size:22px;font-weight:900;gap:18px;justify-content:center}.battle-next-button:disabled{background:#cbd5e1;box-shadow:none;color:#64748b;cursor:not-allowed}.battle-progress-panel h2{color:#facc15}.battle-progress-player{display:grid;grid-gap:12px;gap:12px}.battle-panel-vs+.battle-progress-player,.battle-progress-player+.battle-panel-vs{margin-top:16px}.battle-progress-player>div{gap:14px}.battle-progress-player p{display:grid;margin:0}.battle-progress-player p b{color:#fff;font-size:18px;font-weight:900}.battle-progress-player p strong{color:#2563eb;font-size:24px;font-weight:900}.battle-progress-player.opponent p strong{color:#ef4444}.battle-progress-track{background:rgba(15,23,42,.65);border-radius:999px;display:block;height:12px;overflow:hidden}.battle-progress-track i{background:#2563eb;border-radius:inherit;display:block;height:100%}.battle-progress-player.opponent .battle-progress-track i{background:#ef4444}.battle-progress-player em{color:#e2e8f0;font-size:15px;font-style:normal;font-weight:700;gap:6px}.battle-progress-player em b{color:#f97316;font-size:18px}.battle-panel-vs{align-items:center;color:#fff;display:grid;font-size:24px;font-weight:900;grid-template-columns:1fr auto 1fr;grid-gap:14px;gap:14px;text-align:center}.battle-panel-vs:after,.battle-panel-vs:before{background:hsla(0,0%,100%,.16);content:"";height:1px}.battle-history-box{background:hsla(0,0%,100%,.08);border-radius:16px;margin-top:18px;padding:16px}.battle-history-box>strong{color:#fff;display:block;font-size:16px;font-weight:900;margin-bottom:12px}.battle-history-line{color:#fff;gap:12px;justify-content:space-between;margin-top:10px}.battle-history-line span{font-size:15px;font-weight:800}.battle-history-line div{display:flex;gap:8px}.battle-history-line i{border-radius:999px;color:#fff;display:grid;height:28px;place-items:center;width:28px}.battle-history-line i.correct{background:#10b981}.battle-history-line i.wrong{background:#ef4444}.battle-compact-rules{display:none}@media (max-width:1100px){.battle-main-grid{gap:24px;grid-template-columns:260px minmax(420px,1fr) 280px}.battle-player-card{padding:18px}}@media (max-width:768px){.battle-play-page{background:#f7faff}.battle-play-shell{padding:12px 12px 120px}.battle-topbar{display:block;min-height:auto}.battle-exit-button,.battle-top-actions,.battle-topbar>strong{display:none}.battle-mobile-title{display:grid;grid-template-columns:42px 1fr 42px;grid-gap:10px;gap:10px;min-height:56px}.battle-mobile-title span{color:#0f172a;font-size:16px;font-weight:900;line-height:22px;text-align:center}.battle-mobile-title a,.battle-mobile-title button{color:#2563eb;height:42px;text-decoration:none;width:42px}.battle-mobile-timer{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:22px;box-shadow:0 10px 24px rgba(37,99,235,.22);color:#fff;display:flex;gap:12px;height:58px;justify-content:center;margin:12px auto 18px;width:min(220px,70vw)}.battle-mobile-timer strong{font-size:32px;font-weight:900}.battle-score-row{display:block;margin:0 0 16px}.battle-player-card,.battle-timer-stack{display:none}.battle-score-row:before{content:"";display:block;height:132px}.battle-score-row,.battle-score-row:before{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 12px 32px rgba(15,23,42,.08)}.battle-score-row{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:132px;padding:16px;position:relative}.battle-score-row:before{display:none}.battle-score-row .battle-player-card{background:transparent;border:0;box-shadow:none;display:grid;grid-gap:4px 8px;gap:4px 8px;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;min-height:auto;padding:0;text-align:left}.battle-score-row .battle-player-card.you{grid-column:1}.battle-score-row .battle-player-card.opponent{direction:ltr;grid-column:2;grid-template-columns:minmax(0,1fr) 54px;justify-items:end;text-align:right}.battle-score-row .battle-player-card .battle-avatar-wrap{display:block}.battle-score-row .battle-player-card .battle-avatar-wrap img{height:54px;width:54px}.battle-score-row .battle-player-card .battle-avatar-wrap>span{height:16px;width:16px}.battle-score-row .battle-player-card .battle-avatar-wrap{grid-column:1;grid-row:1/3}.battle-score-row .battle-player-card.opponent .battle-avatar-wrap{grid-column:2}.battle-score-row .battle-player-card .battle-player-info{grid-column:2;grid-row:1}.battle-score-row .battle-player-card.opponent .battle-player-info{grid-column:1}.battle-player-info h2{font-size:16px;margin-bottom:4px;max-width:112px}.battle-player-info em{display:none}.battle-player-info p{font-size:15px;margin-top:4px}.battle-player-score{grid-column:2;grid-row:2;min-width:0;text-align:left}.battle-player-card.opponent .battle-player-score{grid-column:1;text-align:right}.battle-player-score strong{display:inline;font-size:24px}.battle-player-score span{font-size:14px;margin-left:4px}.battle-score-row:after{align-self:center;background:linear-gradient(135deg,#60a5fa,#7c3aed);border-radius:16px;color:#fff;content:"VS";display:grid;font-size:22px;font-weight:900;height:54px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:54px}.battle-main-grid{display:block}.battle-progress-panel,.battle-rules-panel{display:none}.battle-question-card{border-radius:24px;box-shadow:0 12px 32px rgba(15,23,42,.08);min-height:auto;padding:18px}.battle-question-badge{background:#2563eb;border-radius:14px;color:#fff;font-size:16px;padding:8px 14px}.battle-word-line{gap:12px;margin-top:12px}.battle-word-line h1{font-size:clamp(32px,9vw,40px)}.battle-word-line button{height:46px;width:46px}.battle-pronunciation-tools{gap:6px}.battle-pronunciation-tools button{height:34px;min-width:44px;width:auto}.battle-pronunciation-tools button:first-child{height:46px;min-width:46px;width:46px}.battle-question-card>p{color:#64748b;font-size:18px;margin:8px 0 16px}.battle-answer-list{gap:10px}.battle-answer-list button{min-height:56px;padding:0 16px}.battle-answer-list button span{font-size:20px;height:38px;width:38px}.battle-answer-list button strong{font-size:20px}.battle-bottom-actions{background:rgba(247,250,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e5e7eb;bottom:0;display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr;left:0;margin:0;max-width:none;padding:12px 12px calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.battle-bottom-actions button{border-radius:16px;min-height:58px}.battle-skip-button{color:#2563eb;font-size:17px}.battle-skip-button small{font-size:13px}.battle-next-button{font-size:18px;gap:10px}.battle-compact-rules{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#475569;display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;margin:14px auto 0;padding:8px 12px;text-align:center;width:-moz-fit-content;width:fit-content}.battle-compact-rules b{color:#10b981}.battle-compact-rules strong{color:#ef4444}}@media (max-width:390px){.battle-play-shell{padding-left:10px;padding-right:10px}.battle-score-row{gap:6px;grid-template-columns:1fr 1fr;padding:14px}.battle-score-row:after{border-radius:14px;font-size:19px;height:48px;width:48px}.battle-answer-list button strong{font-size:18px}}.battle-live-page{background:#f7faff;color:#07164a;min-height:100vh;overflow-x:hidden}.battle-live-page button{font-family:inherit}.battle-mobile-layout{display:none}.battle-web-header{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:12px 12px 0 0;box-shadow:0 3px 16px rgba(15,23,42,.06);display:grid;grid-template-columns:198px 1fr 236px 236px;margin:0 auto;max-width:1440px;min-height:92px;overflow:hidden}.battle-exit-wrap,.battle-logo-wrap,.battle-timer-block,.battle-title-block{align-items:center;border-right:1px solid #e5e7eb;display:flex;height:100%;padding:0 30px}.battle-exit-wrap{border-right:0;justify-content:flex-end}.battle-logo{width:146px}.battle-title-block{gap:14px}.battle-timer-block,.battle-title-block span{flex-direction:column;justify-content:center}.battle-timer-icon,.battle-title-icon{color:#2563eb}.battle-title{color:#07164a;display:block;font-size:24px;font-weight:900;line-height:1.05}.battle-subtitle,.battle-timer-label{color:#64748b;display:block;font-size:14px;font-weight:500;margin-top:6px}.battle-timer-row{align-items:center;display:flex;gap:14px}.battle-timer-text{color:#2680eb;font-size:38px;font-weight:900;line-height:1}.battle-live-exit-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;color:#b91c1c;display:inline-flex;font-size:15px;font-weight:800;gap:8px;height:48px;justify-content:center;min-width:140px;padding:0 18px}.battle-desktop-main{margin:0 auto;max-width:1388px;padding:22px 28px 26px}.battle-desktop-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(0,1fr) 344px}.battle-right-panel,.battle-scoreboard{display:grid;grid-gap:20px;gap:20px}.battle-scoreboard{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 28px rgba(15,23,42,.05);grid-template-columns:1fr 112px 1fr;margin-bottom:22px;min-height:130px;padding:22px 36px}.player-box{align-items:center;display:flex;gap:22px;min-width:0}.opponent-box{flex-direction:row-reverse;text-align:right}.player-avatar{border:4px solid #bfdbfe;box-shadow:0 8px 18px rgba(37,99,235,.15);flex:0 0 auto}.opponent-box .player-avatar{border-color:#fecdd3}.player-info{min-width:0}.player-name-row{align-items:center;display:flex;gap:10px}.opponent-box .player-name-row{justify-content:flex-end}.player-name{color:#07164a;display:block;font-size:24px;font-weight:900;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-badge{background:#e6f0ff;border:1px solid #93c5fd;border-radius:8px;color:#2563eb;font-size:14px;font-weight:800;padding:5px 8px}.player-score{color:#2563eb;font-size:31px;font-weight:900;line-height:1.25;margin-top:8px}.opponent-box .player-score{color:#e11d48}.player-score span{font-size:22px;font-weight:800}.player-progress{background:#eef2f7;border-radius:999px;height:4px;margin-top:10px;overflow:hidden;width:214px}.player-progress-fill{background:#2f8cf4;border-radius:inherit;display:block;height:100%}.opponent-box .player-progress-fill{background:#e11d48}.vs-badge-web{align-items:center;background:linear-gradient(135deg,#1d7cf2,#2563eb);border-radius:18px;box-shadow:0 8px 20px rgba(37,99,235,.22);color:#fff;display:flex;font-size:28px;font-weight:950;height:72px;justify-content:center;justify-self:center;letter-spacing:0;width:72px}.question-card-web{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 16px 34px rgba(15,23,42,.06);min-height:640px;padding:34px 48px 24px}.mobile-question-top,.question-top-row{align-items:center;display:flex;justify-content:space-between}.question-meta-left{align-items:center;display:flex;gap:14px;min-width:0}.question-number{color:#07164a;font-size:32px;font-weight:950}.mobile-question-type,.question-type-badge{background:#edf5ff;border:1px solid #dbeafe;color:#2563eb;font-weight:800;gap:8px;padding:9px 14px}.mobile-question-type,.opponent-answered-badge,.question-type-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:15px}.opponent-answered-badge{background:#f8fafc;color:#475569;font-weight:700;gap:10px;padding:10px 16px}.opponent-answered-dot{background:#10b981;border-radius:999px;height:14px;width:14px}.question-text-web{border-top:1px solid #e5e7eb;color:#07164a;font-size:27px;font-weight:950;line-height:1.35;margin:28px 0 32px;padding-top:32px;text-align:center}.battle-listening-prompt{border-top:1px solid #e5e7eb;display:grid;grid-gap:14px;gap:14px;justify-items:center;margin:28px 0 30px;padding-top:30px}.battle-listening-prompt button{align-items:center;background:#e6f0ff;border:1px solid #bfdbfe;border-radius:24px;color:#2563eb;display:inline-flex;gap:14px;min-height:82px;padding:0 28px}.sound-wave{display:inline-flex;gap:5px;height:34px}.sound-wave i{background:#2563eb;height:14px;width:5px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(4){height:26px}.sound-wave i:nth-child(3){height:34px}.battle-listening-prompt p{color:#07164a;font-size:24px;font-weight:900;margin:0}.answers-grid-web{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr}.answer-button-web{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#07164a;display:grid;grid-gap:18px;gap:18px;grid-template-columns:48px minmax(0,1fr) 28px;min-height:84px;padding:0 18px;text-align:left}.answer-button-web:not(:disabled):hover,.mobile-answer-button:not(:disabled):hover{border-color:#2563eb;box-shadow:0 10px 24px rgba(37,99,235,.12)}.answer-button-web.correct,.mobile-answer-button.correct{background:#ecfdf5;border-color:#10b981}.answer-button-web.wrong,.mobile-answer-button.wrong{background:#fff1f2;border-color:#ef4444}.answer-button-web.selected,.mobile-answer-button.selected{background:#e6f0ff;border-color:#2563eb}.answer-letter-web,.mobile-answer-letter{align-items:center;background:linear-gradient(180deg,#2f8cf4,#0b73f6);border-radius:10px;color:#fff;display:inline-flex;font-size:28px;font-weight:950;height:48px;justify-content:center;width:48px}.mobile-answer-letter{background:#eff6ff;border:1px solid #e0efff;border-radius:999px;color:#2563eb;font-size:21px;height:48px;width:48px}.answer-text-web,.mobile-answer-text{color:#07164a;font-size:20px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.answer-radio-web,.mobile-answer-radio{align-items:center;color:#10b981;display:flex;justify-content:center}.answer-button-web.wrong .answer-radio-web,.mobile-answer-button.wrong .mobile-answer-radio{color:#ef4444}.battle-live-empty{color:#64748b;margin:24px 0 0;text-align:center}.battle-feedback-pill{align-items:center;border-radius:12px;display:flex;gap:14px;margin:24px 0 0;padding:13px 16px}.battle-feedback-pill.correct{background:#ecfdf5;color:#047857}.battle-feedback-pill.wrong{background:#fff1f2;color:#be123c}.battle-feedback-pill.skip{background:#fff7ed;color:#c2410c}.battle-feedback-pill strong{font-size:18px;font-weight:950;white-space:nowrap}.battle-feedback-pill span{font-size:15px;font-weight:800}.battle-actions-web{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr 1fr;margin-top:40px}.next-button-mobile,.next-button-web,.skip-button-mobile,.skip-button-web{align-items:center;border-radius:8px;display:inline-flex;font-size:18px;font-weight:900;gap:12px;height:64px;justify-content:center}.skip-button-mobile,.skip-button-web{background:#fff;border:1px solid #fed7aa;color:#ea580c}.next-button-mobile,.next-button-web{background:linear-gradient(180deg,#1685ff,#0b73f6);border:1px solid #0b73f6;color:#fff}.next-button-mobile:disabled,.next-button-web:disabled,.skip-button-mobile:disabled,.skip-button-web:disabled{cursor:not-allowed;opacity:.55}.battle-live-score-note{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#64748b;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin:40px auto 0;padding:10px 16px;width:-moz-fit-content;width:fit-content}.match-info-card,.mobile-mini-stats,.mobile-rules-card-live,.rules-card-web{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 26px rgba(15,23,42,.04)}.match-info-card{min-height:424px;padding:26px 28px}.match-info-card header,.mobile-rules-card-live header,.rules-card-web header{align-items:center;display:flex;gap:10px;justify-content:space-between}.match-info-card h2,.mobile-rules-card-live h2,.rules-card-web h2{color:#07164a;font-size:18px;font-weight:950;margin:0}.match-info-card header svg{color:#60a5fa}.match-info-card p{align-items:center;color:#0f172a;display:flex;font-size:16px;justify-content:space-between;margin:28px 0 0}.match-info-card p strong{font-size:25px;font-weight:950}.match-info-card .blue,.mobile-mini-value.blue{color:#2563eb}.match-info-card .red{color:#e11d48}.match-info-card .green,.mobile-mini-value.green{color:#10b981}.match-info-card .orange,.mobile-mini-value.orange{color:#ea580c}.match-info-card hr{border:0;border-top:1px solid #e5e7eb;margin:28px 0}.match-info-card p span{align-items:center;display:inline-flex;gap:8px}.bonus-note{align-items:center;background:#fff7ed;border-radius:8px;color:#92400e;display:flex;font-size:15px;font-weight:800;gap:8px;margin:28px 0;padding:14px 16px}.match-counts{border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(3,1fr);padding-top:24px}.match-counts span{align-items:center;border-right:1px solid #e5e7eb;color:#0f172a;display:grid;font-size:14px;font-weight:800;grid-gap:6px;gap:6px;justify-items:center}.match-counts span:last-child{border-right:0}.match-counts strong{font-size:24px;font-weight:950}.rules-card-web{min-height:280px;padding:24px 26px}.rules-card-web header{color:#2563eb;justify-content:flex-start;margin-bottom:20px}.mobile-rules-card-live p,.rules-card-web p{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:700;gap:10px;margin:15px 0}.mobile-rules-card-live p span,.rules-card-web p span{align-items:center;background:#f1f5f9;border-radius:999px;color:#64748b;display:inline-flex;height:22px;justify-content:center;width:22px}@media (max-width:1023px) and (min-width:768px){.battle-web-header{grid-template-columns:190px 1fr 220px 190px}.battle-exit-wrap,.battle-logo-wrap,.battle-timer-block,.battle-title-block{padding:0 18px}.battle-desktop-grid{grid-template-columns:1fr}.battle-right-panel{grid-template-columns:1fr 1fr}}@media (max-width:767px){.battle-desktop-layout{display:none}.battle-mobile-layout{display:block;padding:20px 24px 28px}.battle-mobile-header{margin-bottom:20px}.mobile-header-top{align-items:center;display:grid;grid-template-columns:1fr auto 1fr}.mobile-logo{width:122px}.mobile-title{color:#07164a;font-size:22px;font-weight:950;line-height:1}.mobile-exit-button{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;color:#07164a;display:flex;height:52px;justify-content:center;justify-self:end;width:52px}.mobile-timer{color:#1685ff;font-size:38px;font-weight:950;line-height:1;margin-top:16px;text-align:center}.mobile-scoreboard{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 20px rgba(15,23,42,.06);display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 76px 1fr;min-height:106px;padding:14px 18px}.mobile-player-box{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:66px 1fr;min-width:0}.mobile-player-box.opponent-box{grid-template-columns:1fr 66px}.mobile-player-box.opponent-box .player-avatar{grid-column:2;grid-row:1}.mobile-player-box.opponent-box .player-info{grid-column:1;grid-row:1;text-align:right}.mobile-player-box .player-name{font-size:15px}.mobile-player-box .player-score{font-size:26px;margin-top:4px}.mobile-player-box .player-score span{font-size:20px}.mobile-player-box .player-name-row{display:block}.mobile-player-box .player-avatar{border-width:3px}.vs-badge-mobile{align-items:center;background:linear-gradient(135deg,#2563eb,#2563eb 50%,#e11d48 0,#e11d48);-webkit-clip-path:polygon(50% 0,94% 22%,94% 78%,50% 100%,6% 78%,6% 22%);clip-path:polygon(50% 0,94% 22%,94% 78%,50% 100%,6% 78%,6% 22%);color:#fff;display:flex;font-size:22px;font-weight:950;height:70px;justify-content:center;justify-self:center;width:70px}.mobile-mini-stats,.mobile-question-card,.mobile-rules-card-live{border-radius:14px;margin-top:20px}.mobile-question-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 24px rgba(15,23,42,.07);padding:28px 28px 26px}.mobile-question-top{justify-content:flex-start}.mobile-question-number{color:#1685ff;font-size:28px;font-weight:950;line-height:1}.mobile-question-type{font-size:15px;padding:7px 14px}.mobile-question-text{border-top:0;color:#07164a;font-size:28px;font-weight:950;line-height:1.35;margin:28px 0;padding-top:0;text-align:left}.battle-listening-prompt{border-top:0;margin:26px 0;padding-top:0}.battle-listening-prompt p{font-size:23px}.mobile-answer-list{display:grid;grid-gap:12px;gap:12px}.mobile-answer-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:48px minmax(0,1fr) 24px;min-height:76px;padding:0 16px;text-align:left}.mobile-answer-text{font-size:22px;font-weight:800}.battle-feedback-pill{align-items:flex-start;display:grid;grid-gap:4px;gap:4px;margin-top:16px}.mobile-battle-actions{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr 1.28fr;margin-top:28px}.next-button-mobile,.skip-button-mobile{border-radius:10px;font-size:18px;height:58px}.mobile-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);min-height:100px;padding:16px 0}.mobile-mini-stat{align-items:center;border-right:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center}.mobile-mini-stat:last-child{border-right:0}.mobile-mini-icon{align-items:center;border-radius:999px;display:inline-flex;height:54px;justify-content:center;width:54px}.mobile-mini-icon.blue{background:#eff6ff;color:#2563eb}.mobile-mini-icon.orange{background:#fff7ed;color:#ea580c}.mobile-mini-icon.green{background:#ecfdf5;color:#10b981}.mobile-mini-label{color:#07164a;display:block;font-size:17px;font-weight:900;line-height:1.1}.mobile-mini-value{display:block;font-size:24px;font-weight:950;line-height:1.1;margin-top:4px}.mobile-rules-card-live{padding:24px 22px}.mobile-rules-card-live header{color:#07164a;justify-content:flex-start;margin-bottom:20px}.mobile-rules-card-live h2{font-size:18px}.mobile-rules-card-live>div{display:grid;grid-template-columns:repeat(5,1fr)}.mobile-rules-card-live p{align-items:center;border-right:1px solid #e5e7eb;display:grid;font-size:14px;grid-gap:8px;gap:8px;justify-items:center;line-height:1.25;margin:0;padding:0 8px;text-align:center}.mobile-rules-card-live p:last-child{border-right:0}}@media (max-width:390px){.battle-mobile-layout{padding-left:14px;padding-right:14px}.mobile-logo{width:112px}.mobile-title{font-size:20px}.mobile-scoreboard{gap:4px;grid-template-columns:1fr 62px 1fr;padding:12px}.mobile-player-box{gap:7px;grid-template-columns:52px 1fr}.mobile-player-box.opponent-box{grid-template-columns:1fr 52px}.vs-badge-mobile{font-size:19px;height:58px;width:58px}.mobile-question-card{padding:24px 18px}.mobile-question-text{font-size:25px}.mobile-answer-text{font-size:19px}.next-button-mobile,.skip-button-mobile{font-size:16px}.mobile-rules-card-live>div{grid-template-columns:repeat(2,1fr);row-gap:16px}.mobile-rules-card-live p:nth-child(2n){border-right:0}}.listening-prompt{margin:26px auto 28px;max-width:560px;text-align:center}.listening-prompt h1{font-size:34px;margin:0 0 10px}.listening-prompt p{color:#6a748c;font-size:15px;font-weight:700;line-height:1.45;margin:0 auto 24px;max-width:330px}.listening-prompt button{background:linear-gradient(180deg,#f4f8ff,#fff);border:1.5px solid #1264ff;border-radius:999px;box-shadow:0 14px 28px rgba(18,100,255,.16);cursor:pointer;display:inline-flex;height:118px;margin-bottom:22px;outline:14px solid #eaf2ff;width:118px}.listening-prompt button,.sound-wave{align-items:center;justify-content:center}.sound-wave{display:flex;gap:4px;min-height:42px}.sound-wave i{background:linear-gradient(180deg,#1264ff,#9fc5ff);border-radius:999px;display:block;opacity:.72;width:3px}@media (max-width:760px){.listening-prompt h1{font-size:27px}.listening-prompt button{height:96px;outline-width:10px;width:96px}}.speed-info-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.speed-info-card{background:#fff;border:1px solid #e1e8f4;border-radius:16px;box-shadow:0 14px 36px rgba(28,48,92,.07);padding:26px 48px}.speed-info-card h2{color:#1264ff;font-size:25px;font-weight:900;gap:18px;margin:0 0 18px}.speed-info-card p{color:#4e5b78;font-size:16px;gap:18px;line-height:1.45;margin:10px 0}.speed-footer{color:#61708c;font-size:15px;gap:10px;justify-content:center;margin:14px 0 0}.speed-loading{color:#52607a;font-size:22px;font-weight:800;margin-top:120px}@media (max-width:1100px){.speed-nav{grid-template-columns:auto 1fr auto}.speed-nav label{display:none}.speed-info-grid,.speed-versus{grid-template-columns:1fr}.speed-vs{margin:-18px 0}.speed-player.opponent,.speed-player.you{border-radius:18px}.speed-player.opponent{direction:ltr;text-align:left}}@media (max-width:760px){.speed-nav{grid-template-columns:1fr auto;padding:10px 14px}.speed-nav div img:first-child,.speed-nav div img:last-child,.speed-nav nav{display:none}.speed-brand{font-size:24px}.speed-shell{padding:24px 14px 18px}.speed-choices,.speed-tabs{grid-template-columns:1fr}.speed-tabs{display:grid}.speed-versus{padding:14px}.speed-player{grid-template-columns:1fr;justify-items:center;text-align:center}.speed-question-card{padding:24px 14px}.question-topline button,.question-topline span{font-size:15px;padding:0 14px}.speed-question-card h1{font-size:42px}.phonetic{font-size:20px}.speed-info-card{padding:22px 18px}}