:root{--font-family-main:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-hero-title-mobile:24px;--font-hero-subtitle-mobile:13px;--font-section-title-mobile:20px;--font-card-title-mobile:18px;--font-card-body-mobile:13px;--font-button-mobile:14px;--font-badge-mobile:12px;--font-bottom-nav-mobile:12px;--font-leaderboard-name-mobile:13px;--font-leaderboard-score-mobile:13px;--font-mission-title-mobile:14px;--font-mission-body-mobile:12px;--font-hero-title-desktop:40px;--font-hero-subtitle-desktop:18px;--font-section-title-desktop:28px;--font-card-title-desktop:24px;--font-card-body-desktop:16px;--font-button-desktop:16px;--font-badge-desktop:13px;--line-hero-title:1.08;--line-body:1.35;--line-button:1.2;--weight-hero-title:900;--weight-section-title:900;--weight-card-title:800;--weight-body:500;--weight-button:800}.uclass-arena-page{background:#f8fbff;color:#0f172a;font-family:var(--font-family-main);min-height:100vh}.uclass-arena-page *,.uclass-arena-page :after,.uclass-arena-page :before{box-sizing:border-box;letter-spacing:0}.uclass-arena-shell{display:grid;grid-gap:20px;gap:20px;margin:0 auto;max-width:1440px;padding:24px clamp(18px,3vw,38px) 40px}.uclass-arena-hero{aspect-ratio:2048/683;border:1px solid #b8d4ff;border-radius:16px;box-shadow:0 16px 38px rgba(37,99,235,.12);min-height:326px;overflow:hidden;position:relative}.uclass-arena-hero-banner{object-fit:cover;object-position:center;z-index:0}.uclass-arena-hero-mobile-copy{display:none}.uclass-arena-hero-actions{bottom:clamp(28px,5vw,52px);display:flex;flex-wrap:wrap;gap:20px;left:clamp(42px,5vw,72px);position:absolute;z-index:2}.uclass-arena-link,.uclass-arena-mode-card a,.uclass-arena-primary,.uclass-arena-profile-link,.uclass-arena-secondary{align-items:center;border-radius:8px;display:inline-flex;font-weight:850;gap:10px;justify-content:center;min-height:56px;padding:14px 24px;text-decoration:none}.uclass-arena-primary{background:#0769ff;color:#fff;box-shadow:0 12px 22px rgba(7,105,255,.24)}.uclass-arena-mode-card a>img,.uclass-arena-primary>img{filter:brightness(0) invert(1)}.uclass-arena-secondary{background:#fff;border:2px solid #2374ff;color:#0f62ff}.uclass-arena-rewards{display:grid;grid-gap:14px;gap:14px;position:absolute;right:clamp(28px,3.6vw,42px);top:50%;transform:translateY(-50%);width:min(270px,22vw);z-index:2}.uclass-arena-rewards article{align-items:center;background:#fff;border-radius:14px;box-shadow:0 14px 26px rgba(37,99,235,.18);display:grid;grid-gap:11px;gap:11px;grid-template-columns:42px 1fr 36px;min-height:70px;padding:11px 14px}.uclass-arena-mode-card p,.uclass-arena-panel span,.uclass-arena-rewards span{color:#2f365f}.uclass-arena-rewards strong{color:#1958df;display:block;font-size:14px;line-height:1.28;margin-top:4px}.uclass-arena-mode-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.uclass-arena-mode-card{align-items:center;background:#fff;border:1px solid #dce8f8;border-radius:14px;display:grid;grid-gap:20px;gap:20px;grid-template-columns:160px 1fr;min-height:220px;padding:26px 28px}.uclass-arena-mode-card.green{background:linear-gradient(100deg,#faffff,#f2fffb)}.uclass-arena-mode-card.gold{background:linear-gradient(100deg,#fffdf7,#fff8e6)}.uclass-arena-mode-visual{align-items:center;background:#eaf2ff;border-radius:24px;color:#2563eb;display:flex;height:96px;justify-content:center;width:96px}.uclass-arena-mode-card.green .uclass-arena-mode-visual{background:#e8fff6;color:#10b981}.uclass-arena-mode-card.gold .uclass-arena-mode-visual{background:#fff7df;color:#f59e0b}.uclass-arena-mode-copy{display:grid;grid-gap:12px;gap:12px}.uclass-arena-mode-card h2,.uclass-arena-panel h2{color:#0b102c;font-size:23px;font-weight:900;line-height:1.2;margin:0}.uclass-arena-mode-card p{font-size:15px;font-weight:750;line-height:1.55;margin:0}.uclass-arena-mode-card span{align-items:center;background:#fff;border:1px solid #e0e8f5;border-radius:8px;color:#15204f;display:inline-flex;font-size:13px;font-weight:800;gap:8px;justify-self:start;padding:9px 13px}.uclass-arena-mode-card a{background:#096bff;color:#fff;justify-self:start;min-height:48px;padding:11px 20px}.uclass-arena-mode-card.green a{background:#0abf75}.uclass-arena-mode-card.gold a{background:#096bff}@media (max-width:1180px){.uclass-arena-rewards{display:none}.uclass-arena-mode-card{grid-template-columns:1fr}}@media (max-width:820px){.uclass-arena-page{padding-bottom:88px}.uclass-arena-shell{gap:16px;padding:14px 14px 28px}.uclass-arena-hero{aspect-ratio:auto;background:linear-gradient(145deg,#f6fbff,#eaf3ff);border-radius:20px;min-height:220px;padding:20px 16px}.uclass-arena-hero-banner{height:130px!important;inset:auto 0 0 auto!important;object-fit:cover;object-position:right bottom;opacity:.28;width:62%!important}.uclass-arena-hero-mobile-copy{display:grid;grid-gap:8px;gap:8px;max-width:300px;position:relative;z-index:2}.uclass-arena-hero-mobile-copy span{align-items:center;background:#e6f0ff;border-radius:999px;color:#2563eb;display:inline-flex;font-size:12px;font-weight:850;justify-self:start;min-height:28px;padding:0 12px}.uclass-arena-hero-mobile-copy h1{font-size:25px;line-height:1.14;margin:0}.uclass-arena-hero-mobile-copy p{color:#334155;font-size:14px;font-weight:700;line-height:1.5;margin:0}.uclass-arena-hero-actions{bottom:16px;gap:10px;left:16px;right:16px}.uclass-arena-primary,.uclass-arena-secondary{flex:1 1 140px;font-size:14px;min-height:46px;padding:10px 12px}.uclass-arena-mode-grid{grid-template-columns:1fr}.uclass-arena-mode-card{border-radius:20px;gap:16px;min-height:0;padding:20px}.uclass-arena-mode-visual{border-radius:20px;height:78px;min-height:0;width:78px}.uclass-arena-mode-card h2{font-size:22px}.uclass-arena-mode-card p{font-size:14px;line-height:1.5}.uclass-arena-mode-card a{min-height:46px;width:100%}}.arena-mobile-page{display:none}@media (max-width:767px){.uclass-arena-page{background:#fff;color:#071b5f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;padding-bottom:110px}.uclass-arena-page+.app-footer,.uclass-arena-shell{display:none}.uclass-arena-page .app-header-main{background:#fff;border-bottom:1px solid #d7e8ff;min-height:112px;padding:24px 24px 16px}.uclass-arena-page .app-logo-mobile{--uclass-logo-height:58px!important;--uclass-logo-width:206px!important;transform:scale(1.12);transform-origin:left center}.uclass-arena-page .app-header-actions,.uclass-arena-page .app-user-cluster{display:none}.uclass-arena-page .app-mobile-menu-wrap{align-items:center;display:flex;gap:18px}.uclass-arena-page .app-mobile-menu-wrap:before{align-items:center;color:#1476ff;content:"";display:inline-flex;height:40px;width:40px;background:no-repeat 50%/31px 31px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%231476ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'/%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E");position:relative}.uclass-arena-page .app-mobile-menu-wrap:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:9px;left:25px;position:absolute;top:6px;width:9px}.uclass-arena-page .app-mobile-menu-button{color:#071b5f;height:40px;width:40px}.uclass-arena-page .app-mobile-menu-button svg{height:32px;width:32px}.uclass-arena-page .app-mobile-bottom-nav{background:hsla(0,0%,100%,.98);border-top:1px solid #d7e8ff;box-shadow:0 -6px 22px rgba(15,23,42,.08);display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));min-height:80px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:80}.uclass-arena-page .app-mobile-bottom-nav a{border-radius:0;color:#64748b;font-size:15px;font-weight:800;gap:6px;min-height:68px}.uclass-arena-page .app-mobile-bottom-nav a.active{background:transparent;color:#1476ff}.uclass-arena-page .app-mobile-bottom-nav svg{height:28px;width:28px}.uclass-arena-page .app-mobile-bottom-nav a:nth-child(3) span{font-size:0}.uclass-arena-page .app-mobile-bottom-nav a:nth-child(3) span:after{content:"Học Và Ôn Tập";font-size:15px}.arena-mobile-page{background:#fff;display:block;min-height:100vh;padding:16px 0 120px}.arena-mobile-page a,.arena-mobile-page button{-webkit-tap-highlight-color:transparent}.arena-gift-hero,.arena-mobile-card,.arena-mode-card{margin-left:24px;margin-right:24px}.arena-gift-hero{background:linear-gradient(155deg,hsla(0,0%,100%,.84) 0 48%,rgba(234,245,255,.28) 48% 100%),linear-gradient(135deg,#f4faff,#eaf5ff);border:1px solid #d7e8ff;border-radius:20px;box-shadow:0 14px 34px rgba(20,118,255,.12);margin-bottom:28px;min-height:330px;overflow:hidden;padding:24px;position:relative}.arena-gift-hero-copy{max-width:58%;position:relative;z-index:2}.arena-gift-badge{align-items:center;background:#fff7e6;border-radius:999px;box-shadow:0 6px 14px rgba(245,158,11,.16);color:#f59e0b;display:inline-flex;font-size:15px;font-weight:800;gap:8px;min-height:38px;padding:0 16px}.arena-gift-hero h1{color:#071b5f;font-size:36px;font-weight:900;letter-spacing:0;line-height:1.12;margin:18px 0 0}.arena-gift-hero p{color:#1476ff;font-size:17px;font-weight:800;line-height:1.4;margin:18px 0 0}.arena-gift-illustration{height:216px;position:absolute;right:12px;top:22px;width:43%;z-index:1}.arena-doodle{color:#1476ff;position:absolute;z-index:3}.arena-doodle-star{left:0;top:10px}.arena-doodle-heart{left:4px;top:68px}.arena-doodle-zap{right:12px;top:54px}.arena-doodle-send{right:0;top:112px}.arena-shirt-card{align-items:center;background:linear-gradient(145deg,#fff 0 58%,#d7e8ff 58% 100%);border:2px solid rgba(20,118,255,.18);border-radius:18px;box-shadow:0 14px 26px rgba(20,118,255,.14);color:#1476ff;display:flex;flex-direction:column;font-weight:900;gap:8px;height:126px;justify-content:center;left:28px;position:absolute;top:22px;transform:rotate(2deg);width:116px}.arena-shirt-collar{background:#1476ff;border-radius:0 0 18px 18px;height:18px;left:42px;position:absolute;top:0;width:34px}.arena-backpack{background:linear-gradient(160deg,#0a1d6b,#1476ff);border-radius:22px 22px 16px 16px;box-shadow:0 16px 24px rgba(7,27,95,.18);bottom:8px;color:#fff;font-size:13px;font-weight:900;height:128px;padding-top:42px;position:absolute;right:10px;text-align:center;width:92px}.arena-backpack span{border:7px solid #0a1d6b;border-bottom:0;border-radius:22px 22px 0 0;height:28px;left:22px;position:absolute;top:-18px;width:48px}.arena-gift-box{align-items:center;background:#ffb800;border-radius:16px;bottom:0;box-shadow:0 12px 20px rgba(245,158,11,.2);color:#fff;display:flex;height:78px;justify-content:center;left:36px;position:absolute;width:82px}.arena-gift-actions{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-top:34px;position:relative;z-index:3}.arena-gift-actions a,.arena-mode-button{align-items:center;border-radius:12px;display:inline-flex;font-size:19px;font-weight:900;justify-content:center;min-height:62px;text-decoration:none}.arena-gift-primary,.arena-mode-button{background:linear-gradient(135deg,#1476ff,#006bff 55%,#14c8ff);border:0;box-shadow:0 12px 22px rgba(20,118,255,.18);color:#fff;gap:10px}.arena-gift-secondary{background:#fff;border:2px solid #1476ff;color:#1476ff;gap:10px}.arena-mobile-modes{display:grid;grid-gap:20px;gap:20px;margin-bottom:20px}.arena-mode-card{align-items:center;background:#fff;border:1px solid #d7e8ff;border-radius:16px;display:grid;grid-gap:22px;gap:22px;grid-template-columns:126px minmax(0,1fr) auto 24px;min-height:154px;padding:22px}.arena-mode-card-green{border-color:#bfefd8}.arena-mode-card-gold{border-color:#fde7b5;background:linear-gradient(100deg,#fff,#fffaf0)}.arena-mode-icon-box{align-items:center;background:#f1f7ff;border-radius:24px;color:#1476ff;display:flex;height:126px;justify-content:center;width:126px}.arena-mode-card-green .arena-mode-icon-box{background:#ecfdf5;color:#10b981}.arena-mode-card-gold .arena-mode-icon-box{background:#fff7e6;color:#f59e0b}.arena-mode-content h2{color:#071b5f;font-size:29px;font-weight:900;letter-spacing:0;line-height:1.15;margin:0}.arena-mode-content p{color:#102044;font-size:19px;font-weight:500;line-height:1.38;margin:10px 0 0}.arena-mode-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#071b5f;display:inline-flex;font-size:15px;font-weight:800;gap:8px;margin-top:14px;min-height:36px;padding:0 16px}.arena-mode-button{font-size:18px;min-height:58px;min-width:174px;padding:0 18px}.arena-mode-card-green .arena-mode-button{background:#10b981;box-shadow:0 12px 22px rgba(16,185,129,.16)}.arena-mode-chevron{color:#1476ff}.arena-mode-card-green .arena-mode-chevron{color:#10b981}.arena-mobile-card{background:#fff;border:1px solid #d7e8ff;border-radius:16px;margin-bottom:20px;padding:24px}.arena-mobile-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:22px}.arena-mobile-section-header h2{color:#071b5f;font-size:27px;font-weight:900;letter-spacing:0;line-height:1.15;margin:0}.arena-mobile-section-header a{align-items:center;background:#fff;border:1px solid #d7e8ff;border-radius:12px;color:#1476ff;display:inline-flex;flex:0 0 auto;font-size:16px;font-weight:800;gap:6px;min-height:48px;padding:0 16px;text-decoration:none}.arena-mobile-tabs{border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.arena-mobile-tabs button{background:transparent;border:0;color:#8a94a6;font-size:17px;font-weight:800;height:42px;padding:0;position:relative;text-align:center}.arena-mobile-tabs button.active{color:#1476ff}.arena-mobile-tabs button.active:after{background:#1476ff;border-radius:999px;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.arena-mobile-leaderboard ol{list-style:none;margin:8px 0 0;padding:0}.arena-mobile-leaderboard li{align-items:center;border-bottom:1px solid #eef2f7;display:grid;grid-gap:10px;gap:10px;grid-template-columns:36px 40px minmax(0,1fr) auto;min-height:48px}.arena-mobile-leaderboard li:last-child{border-bottom:0}.arena-mobile-rank{align-items:center;background:#eef2f7;border-radius:999px;color:#102044;display:inline-flex;font-size:14px;font-weight:900;height:28px;justify-content:center;width:28px}.arena-mobile-rank.rank-1{background:#ffb800;color:#fff}.arena-mobile-rank.rank-2{background:#e8eef6}.arena-mobile-rank.rank-3{background:#f97316;color:#fff}.arena-mobile-leaderboard img{border-radius:999px}.arena-mobile-leaderboard li strong{align-items:center;color:#071b5f;display:inline-flex;font-size:18px;font-weight:700;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-mobile-leaderboard li strong svg{color:#1476ff;flex:0 0 auto}.arena-mobile-leaderboard li b{color:#1476ff;font-size:18px;font-weight:900;white-space:nowrap}.arena-mobile-missions{margin-bottom:24px}.arena-mobile-mission-list{display:grid;grid-gap:0;gap:0}.arena-mobile-mission-row{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:44px minmax(0,1fr);padding:14px 0}.arena-mobile-mission-row+.arena-mobile-mission-row{border-top:1px solid #eef2f7}.arena-mobile-mission-icon{align-items:center;background:#eaf5ff;border-radius:14px;color:#1476ff;display:flex;height:44px;justify-content:center;width:44px}.arena-mobile-mission-row:nth-child(2) .arena-mobile-mission-icon{background:#ecfdf5;color:#10b981}.arena-mobile-mission-row:nth-child(3) .arena-mobile-mission-icon{background:#f5ecff;color:#7c3aed}.arena-mobile-mission-row header{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.arena-mobile-mission-row strong{color:#071b5f;font-size:16px;font-weight:800;line-height:1.3}.arena-mobile-mission-row em{background:#fff7e6;border-radius:999px;color:#f59e0b;font-size:12px;font-style:normal;font-weight:900;min-height:28px;padding:6px 10px;white-space:nowrap}.arena-mobile-mission-row small{color:#64748b;display:block;font-size:13px;font-weight:800;margin-top:7px}.arena-mobile-progress{background:#eaf5ff;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.arena-mobile-progress span{background:linear-gradient(135deg,#1476ff,#14c8ff);border-radius:inherit;display:block;height:100%}}@media (max-width:430px){.arena-mode-card{gap:16px;grid-template-columns:96px minmax(0,1fr);min-height:178px}.arena-mode-icon-box{border-radius:22px;height:96px;width:96px}.arena-mode-icon-box svg{height:52px;width:52px}.arena-mode-content h2{font-size:24px}.arena-mode-content p{display:-webkit-box;font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.32;overflow:hidden}.arena-mode-content{grid-column:2;grid-row:1}.arena-mode-badge{font-size:13px;margin-top:10px;min-height:32px;padding:0 10px}.arena-mode-button{grid-column:2;grid-row:2;justify-self:start;font-size:16px;min-height:48px;min-width:150px}.arena-mode-chevron{grid-column:2;grid-row:1;margin-top:2px;justify-self:end}}@media (max-width:389px){.uclass-arena-page .app-header-main{padding-left:20px;padding-right:20px}.arena-gift-hero,.arena-mobile-card,.arena-mode-card{margin-left:16px;margin-right:16px}.arena-gift-hero{min-height:336px;padding:20px}.arena-gift-hero-copy{max-width:63%}.arena-gift-hero h1{font-size:31px}.arena-gift-hero p{font-size:15px}.arena-gift-illustration{right:6px;transform:scale(.86);transform-origin:right top;width:42%}.arena-gift-actions{gap:10px}.arena-gift-actions a{font-size:16px;min-height:54px}.arena-mode-card{gap:14px;grid-template-columns:82px minmax(0,1fr);min-height:142px;padding:18px}.arena-mode-icon-box{border-radius:20px;height:82px;width:82px}.arena-mode-icon-box svg{height:44px;width:44px}.arena-mode-content h2{font-size:22px}.arena-mode-content p{font-size:14px}.arena-mode-badge{font-size:12px;min-height:30px;padding:0 8px}.arena-mode-button{font-size:16px;min-height:48px;min-width:150px}.arena-mode-chevron{display:none}.arena-mobile-card{padding:20px}.arena-mobile-section-header h2{font-size:24px}.arena-mobile-section-header a{font-size:14px;min-height:42px;padding:0 10px}.arena-mobile-tabs button{font-size:14px}.arena-mobile-leaderboard li b,.arena-mobile-leaderboard li strong{font-size:16px}}@media (max-width:767px){.uclass-arena-page{background:#fff;padding-bottom:96px}.uclass-arena-page .app-header-main{min-height:76px;padding:12px 16px 10px;border-bottom:1px solid #e2e8f0}.uclass-arena-page .app-logo-mobile{--uclass-logo-height:38px!important;--uclass-logo-width:148px!important;max-width:148px;transform:none}.uclass-arena-page .app-mobile-menu-wrap{gap:10px}.uclass-arena-page .app-mobile-menu-button,.uclass-arena-page .app-mobile-menu-wrap:before{height:40px;width:40px}.uclass-arena-page .app-mobile-menu-wrap:before{background-size:24px 24px}.uclass-arena-page .app-mobile-menu-wrap:after{height:7px;left:25px;top:8px;width:7px}.uclass-arena-page .app-mobile-menu-button{border:1px solid #d7e8ff;border-radius:12px}.uclass-arena-page .app-mobile-menu-button svg{height:26px;width:26px}.uclass-arena-page .app-mobile-bottom-nav{min-height:72px;padding:4px 6px calc(4px + env(safe-area-inset-bottom))}.uclass-arena-page .app-mobile-bottom-nav a{font-size:12px;gap:4px;min-height:64px}.uclass-arena-page .app-mobile-bottom-nav svg{height:24px;width:24px}.uclass-arena-page .app-mobile-bottom-nav a:nth-child(3) span:after{font-size:12px}.arena-mobile-page{overflow-x:hidden;padding:14px 0 96px;width:100%}.arena-gift-hero,.arena-mobile-card,.arena-mode-card{margin-left:12px;margin-right:12px;width:calc(100% - 24px)}.arena-gift-hero{border-radius:16px;box-shadow:none;height:186px;margin-bottom:18px;min-height:0;padding:14px}.arena-gift-hero-copy{max-width:none;width:232px}.arena-gift-badge{font-size:12px;gap:6px;min-height:28px;padding:0 10px}.arena-gift-badge svg{height:14px;width:14px}.arena-gift-hero h1{display:-webkit-box;font-size:24px;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:0;line-height:1.08;margin-top:8px;overflow:hidden}.arena-gift-hero p{display:block;font-size:13px;font-weight:800;line-height:1.35;margin-top:7px;max-width:218px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-gift-illustration{height:108px;right:8px;top:18px;transform:none;width:145px}.arena-doodle-star{left:3px;top:0}.arena-doodle-heart{left:0;top:40px}.arena-doodle-zap{right:4px;top:26px}.arena-doodle-send{right:0;top:62px}.arena-doodle{height:16px;width:16px}.arena-shirt-card{border-radius:12px;gap:4px;height:76px;left:24px;top:2px;width:72px}.arena-shirt-card strong{font-size:11px}.arena-shirt-card svg{height:28px;width:28px}.arena-shirt-collar{height:11px;left:25px;width:22px}.arena-backpack{border-radius:14px;bottom:2px;font-size:10px;height:76px;padding-top:30px;right:8px;width:58px}.arena-backpack span{border-width:5px;height:18px;left:14px;top:-12px;width:30px}.arena-gift-box{border-radius:12px;bottom:0;height:52px;left:38px;width:54px}.arena-gift-box svg{height:30px;width:30px}.arena-gift-actions{bottom:14px;gap:10px;grid-template-columns:1fr 1fr;left:14px;margin-top:0;position:absolute;right:14px}.arena-gift-actions a{border-radius:10px;font-size:14px;font-weight:900;gap:6px;min-height:44px;white-space:nowrap}.arena-gift-actions svg{height:16px;width:16px}.arena-gift-secondary{border-width:1.5px}.arena-mobile-modes{gap:0;margin-bottom:4px}.arena-mode-card{border-radius:16px;box-shadow:none;gap:12px;grid-template-columns:64px minmax(0,1fr) 104px 18px;margin-bottom:14px;min-height:118px;overflow:hidden;padding:14px}.arena-mode-card-green{background:linear-gradient(135deg,#fff,#f0fdf7)}.arena-mode-card-gold{background:linear-gradient(135deg,#fff,#fffbeb)}.arena-mode-icon-box{border-radius:18px;grid-column:auto;grid-row:auto;height:64px;width:64px}.arena-mode-icon-box svg{height:34px;width:34px}.arena-mode-content{grid-column:auto;grid-row:auto;min-width:0}.arena-mode-content h2{display:-webkit-box;font-size:18px;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:0;line-height:1.15;overflow:hidden}.arena-mode-card-green .arena-mode-content h2{font-size:17px}.arena-mode-content p{display:-webkit-box;font-size:13px;font-weight:500;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;margin-top:5px;overflow:hidden}.arena-mode-badge{border-radius:8px;font-size:11px;gap:5px;line-height:1;margin-top:8px;max-width:100%;min-height:26px;overflow:hidden;padding:0 9px;text-overflow:ellipsis;white-space:nowrap}.arena-mode-badge svg{flex:0 0 auto;height:14px;width:14px}.arena-mode-button{border-radius:10px;font-size:13px;font-weight:900;grid-column:auto;grid-row:auto;line-height:1.15;min-height:42px;min-width:0;padding:0 8px;text-align:center;white-space:normal;width:104px}.arena-mode-chevron{display:block;grid-column:auto;grid-row:auto;height:18px;margin-top:0;width:18px}.arena-mobile-card{border-radius:16px;box-shadow:none;margin-bottom:14px;padding:14px}.arena-mobile-leaderboard{margin-top:4px}.arena-mobile-section-header{gap:10px;margin-bottom:14px}.arena-mobile-section-header h2{font-size:20px;letter-spacing:0;line-height:1.2}.arena-mobile-section-header a{border-radius:10px;font-size:13px;min-height:36px;padding:0 12px;white-space:nowrap}.arena-mobile-section-header a svg{height:16px;width:16px}.arena-mobile-tabs{margin-top:14px}.arena-mobile-tabs button{font-size:13px;height:34px;white-space:nowrap}.arena-mobile-tabs button.active:after{height:2px;left:4px;right:4px}.arena-mobile-leaderboard ol{margin-top:8px}.arena-mobile-leaderboard li{gap:8px;grid-template-columns:28px 28px minmax(0,1fr) auto;min-height:38px}.arena-mobile-rank{font-size:12px;height:24px;width:24px}.arena-mobile-leaderboard img{height:26px;width:26px}.arena-mobile-leaderboard li b,.arena-mobile-leaderboard li strong{font-size:13px}.arena-mobile-leaderboard li strong svg{height:15px;width:15px}.arena-mobile-missions{margin-bottom:16px}.arena-mobile-mission-list{gap:12px}.arena-mobile-mission-row{border:1px solid #e2e8f0;border-radius:14px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:52px minmax(0,1fr) 86px;margin-top:0;min-height:86px;padding:12px}.arena-mobile-mission-row+.arena-mobile-mission-row{border-top:1px solid #e2e8f0}.arena-mobile-mission-icon{border-radius:16px;height:52px;width:52px}.arena-mobile-mission-content{min-width:0}.arena-mobile-mission-row header{display:block}.arena-mobile-mission-row strong{font-size:14px;font-weight:900;line-height:1.25}.arena-mobile-mission-row p,.arena-mobile-mission-row strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.arena-mobile-mission-row p{color:#475569;font-size:12px;font-weight:500;line-height:1.3;margin:4px 0 0}.arena-mobile-mission-progress-wrap{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto;margin-top:8px}.arena-mobile-progress{background:#e5eaf2;height:6px;margin-top:0}.arena-mobile-mission-row small{color:#475569;font-size:12px;font-weight:700;margin-top:0}.arena-mobile-mission-button{align-items:center;border:1px solid #1476ff;border-radius:9px;color:#1476ff;display:flex;font-size:12px;font-weight:900;height:38px;justify-content:center;text-decoration:none;white-space:nowrap}.arena-mobile-mission-green .arena-mobile-mission-icon{background:#ecfdf5;color:#10b981}.arena-mobile-mission-green .arena-mobile-progress span{background:#10b981}.arena-mobile-mission-green .arena-mobile-mission-button{border-color:#10b981;color:#10b981}.arena-mobile-mission-purple .arena-mobile-mission-icon{background:#f5ecff;color:#8b5cf6}.arena-mobile-mission-purple .arena-mobile-progress span{background:#8b5cf6}.arena-mobile-mission-purple .arena-mobile-mission-button{border-color:#8b5cf6;color:#8b5cf6}.arena-mobile-stats{margin-bottom:16px}.arena-mobile-stats-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.arena-mobile-stats-grid article{border:1px solid #d7e8ff;border-radius:12px;min-height:82px;min-width:0;padding:10px 6px;text-align:center}.arena-mobile-stats-grid svg{display:block;margin:0 auto 8px}.arena-mobile-stats-grid span{color:#475569;display:block;font-size:11px;line-height:1.2}.arena-mobile-stats-grid strong{color:#071b5f;display:block;font-size:18px;font-weight:900;line-height:1.1;margin-top:4px}.arena-mobile-stat-blue{background:#f8fbff;color:#1476ff}.arena-mobile-stat-green{background:#f0fdf7;border-color:#bfefd8!important;color:#10b981}.arena-mobile-stat-orange{background:#fffbeb;border-color:#fde7b5!important;color:#f59e0b}.arena-mobile-stat-purple{background:#faf5ff;border-color:#e9d5ff!important;color:#8b5cf6}}@media (min-width:414px) and (max-width:767px){.arena-gift-hero,.arena-mobile-card,.arena-mode-card{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}}@media (max-width:374px){.arena-gift-hero{height:198px;padding:12px}.arena-gift-hero-copy{width:210px}.arena-gift-hero h1{font-size:22px}.arena-gift-hero p{font-size:12px;max-width:178px}.arena-gift-illustration{right:4px;transform:scale(.88);transform-origin:right top;width:126px}.arena-gift-actions a{font-size:13px;min-height:42px}.arena-mode-card{gap:10px;grid-template-columns:56px minmax(0,1fr) 86px;padding:12px}.arena-mode-icon-box{border-radius:16px;height:56px;width:56px}.arena-mode-icon-box svg{height:30px;width:30px}.arena-mode-card-green .arena-mode-content h2,.arena-mode-content h2{font-size:16px}.arena-mode-content p{font-size:12px}.arena-mode-badge{font-size:10px;min-height:24px;padding:0 8px}.arena-mode-button{font-size:12px;min-height:38px;width:86px}.arena-mode-chevron{display:none}.arena-mobile-mission-row{grid-template-columns:48px minmax(0,1fr)}.arena-mobile-mission-icon{height:48px;width:48px}.arena-mobile-mission-button{grid-column:2;justify-self:stretch;margin-top:8px}.arena-mobile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.uclass-arena-hero-mobile-copy h1{font-size:var(--font-hero-title-desktop);font-weight:var(--weight-hero-title);line-height:var(--line-hero-title)}.uclass-arena-hero-mobile-copy p{font-size:var(--font-hero-subtitle-desktop);font-weight:var(--weight-body);line-height:var(--line-body)}.uclass-arena-mode-card h2,.uclass-arena-panel h2{font-size:var(--font-card-title-desktop);font-weight:var(--weight-card-title)}.uclass-arena-mode-card p,.uclass-arena-panel p{font-size:var(--font-card-body-desktop);font-weight:var(--weight-body);line-height:var(--line-body)}.uclass-arena-mode-card a,.uclass-arena-primary,.uclass-arena-secondary{font-size:var(--font-button-desktop);font-weight:var(--weight-button);line-height:var(--line-button)}@media (max-width:767px){.uclass-arena-page .app-mobile-bottom-nav a{font-size:var(--font-bottom-nav-mobile)}.arena-gift-badge,.arena-mode-badge{font-size:var(--font-badge-mobile)}.arena-gift-hero h1{font-size:var(--font-hero-title-mobile);font-weight:var(--weight-hero-title);line-height:var(--line-hero-title)}.arena-gift-hero p{font-size:var(--font-hero-subtitle-mobile);font-weight:var(--weight-body);line-height:var(--line-body)}.arena-gift-actions a,.arena-mode-button{font-size:var(--font-button-mobile);font-weight:var(--weight-button);line-height:var(--line-button)}.arena-mode-content h2{font-size:var(--font-card-title-mobile);font-weight:var(--weight-card-title);line-height:var(--line-hero-title)}.arena-mode-card-green .arena-mode-content h2{font-size:calc(var(--font-card-title-mobile) - 1px)}.arena-mode-content p{font-size:var(--font-card-body-mobile);font-weight:var(--weight-body);line-height:var(--line-body)}.arena-mobile-section-header h2{font-size:var(--font-section-title-mobile);font-weight:var(--weight-section-title)}.arena-mobile-section-header a{font-size:var(--font-button-mobile);font-weight:var(--weight-button)}.arena-mobile-leaderboard li strong,.arena-mobile-tabs button{font-size:var(--font-leaderboard-name-mobile)}.arena-mobile-leaderboard li strong{font-weight:var(--weight-card-title)}.arena-mobile-leaderboard li b{font-size:var(--font-leaderboard-score-mobile);font-weight:var(--weight-hero-title)}.arena-mobile-mission-row strong{font-size:var(--font-mission-title-mobile);font-weight:var(--weight-card-title)}.arena-mobile-mission-row p{font-size:var(--font-mission-body-mobile);font-weight:var(--weight-body);line-height:var(--line-body)}.arena-gift-actions{bottom:10px}}.uclass-arena-bottom-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1.1fr .85fr 1fr}.uclass-arena-panel{background:#fff;border:1px solid #dce8f8;border-radius:14px;box-shadow:0 14px 28px rgba(15,23,42,.04);min-height:340px;padding:18px 18px 16px}.uclass-arena-panel header{align-items:center;display:flex;justify-content:space-between;min-height:34px}.uclass-arena-panel h2,.uclass-arena-panel header div{align-items:center;display:flex;gap:8px}.uclass-arena-segmented{background:#f6f8ff;border:1px solid #e4eafb;border-radius:8px;padding:3px}.uclass-arena-leader-tabs button,.uclass-arena-segmented button{background:transparent;border:0;color:#73759c;cursor:pointer;font-weight:850}.uclass-arena-segmented button{border-radius:6px;font-size:12px;padding:8px 12px}.uclass-arena-segmented button.active{background:#fff;color:#115dff;box-shadow:0 4px 10px rgba(15,23,42,.06)}.uclass-arena-leader-tabs{border-bottom:1px solid #e7edf7;display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px}.uclass-arena-leader-tabs button{border-bottom:3px solid transparent;font-size:14px;padding:0 4px 13px}.uclass-arena-leader-tabs button.active{border-color:#196cff;color:#196cff}.uclass-arena-leader-list{display:grid;grid-gap:0;gap:0;list-style:none;margin:0;padding:0}.uclass-arena-leader-list li{align-items:center;border-bottom:1px solid #eef3fb;display:grid;grid-gap:12px;gap:12px;grid-template-columns:32px 38px 1fr auto;min-height:58px}.uclass-arena-leader-list .rank{align-items:center;background:#eff3f8;border-radius:999px;color:#11183f;display:inline-flex;font-size:14px;font-weight:900;height:28px;justify-content:center;width:28px}.uclass-arena-leader-list .rank-1{background:#ffad22;color:#fff}.uclass-arena-leader-list .rank-2{background:#e8eef6}.uclass-arena-leader-list .rank-3{background:#ff8632;color:#fff}.uclass-arena-leader-list img{border-radius:999px}.uclass-arena-leader-list strong{color:#16204b;font-size:14px}.uclass-arena-leader-list em{background:#1268ff;border-radius:999px;color:#fff;font-size:10px;font-style:normal;margin-left:8px;padding:2px 5px}.uclass-arena-leader-list b{color:#075fff;font-size:16px}.uclass-arena-link{color:#075fff;font-size:14px;justify-self:center;min-height:42px;padding:10px 12px;width:100%}.uclass-arena-missions,.uclass-arena-stats{display:grid;grid-gap:16px;gap:16px}.uclass-arena-mission-list{display:grid;grid-gap:4px;gap:4px}.uclass-arena-mission-list article{align-items:center;border-bottom:1px solid #eef3fb;display:grid;grid-gap:10px;gap:10px;grid-template-columns:28px 1fr auto auto;min-height:54px}.uclass-arena-mission-list strong{color:#172052;font-size:14px}.uclass-arena-mission-list b,.uclass-arena-mission-list span{font-size:13px;font-weight:900}.uclass-arena-mission-list .complete span{color:#13b96b}.uclass-arena-mission-list b{align-items:center;color:#f19612;display:flex;gap:5px}.uclass-arena-mini-stats{display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,1fr);margin-top:auto}.uclass-arena-mini-stats article{align-items:center;border:1px solid #edf2fa;display:grid;grid-gap:3px;gap:3px;justify-items:center;min-height:72px;padding:10px}.uclass-arena-mini-stats article:first-child{border-radius:10px 0 0 10px}.uclass-arena-mini-stats article:last-child{border-radius:0 10px 10px 0}.uclass-arena-mini-stats span,.uclass-arena-stat-grid span{font-size:12px;font-weight:800}.uclass-arena-mini-stats strong{color:#0867ff;font-size:18px}.uclass-arena-stat-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr)}.uclass-arena-stat-grid article{align-items:center;border:1px solid #edf2fa;border-radius:10px;display:grid;grid-gap:8px;gap:8px;justify-items:center;min-height:118px;padding:12px 8px;text-align:center}.uclass-arena-stat-grid strong{color:#090d2e;display:block;font-size:24px;line-height:1.1;margin-top:6px}.uclass-arena-profile-link{background:#fff;border:2px solid #0c66ff;color:#0c66ff;min-height:48px;width:100%}@media (max-width:1180px){.uclass-arena-hero{grid-template-columns:1fr}.uclass-arena-hero-art{min-height:286px}.uclass-arena-rewards{grid-template-columns:repeat(2,1fr)}.uclass-arena-bottom-grid,.uclass-arena-mode-card{grid-template-columns:1fr}}@media (max-width:820px){.uclass-arena-shell{gap:14px;padding:14px 12px 28px}.uclass-arena-hero{border-radius:14px;padding:22px 18px}.uclass-arena-hero h1{font-size:31px}.uclass-arena-hero p{font-size:16px}.uclass-arena-primary,.uclass-arena-secondary{flex:1 1 150px;min-height:50px;padding:12px 14px}.uclass-arena-paper{height:248px}.uclass-arena-shirt{left:22px;top:44px;width:150px}.uclass-arena-backpack{right:48px;top:78px}.uclass-arena-gift-large{left:98px}.uclass-arena-note.note-bottom{left:188px}.uclass-arena-mode-grid,.uclass-arena-rewards,.uclass-arena-stat-grid{grid-template-columns:1fr}.uclass-arena-mode-card{gap:12px;min-height:0;padding:22px}.uclass-arena-mode-visual{min-height:112px}.uclass-arena-panel{border-radius:20px;min-height:0;padding:16px}.uclass-arena-leader-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:0}.uclass-arena-leader-tabs button{flex:0 0 auto;min-width:92px}.uclass-arena-panel header{align-items:flex-start;gap:12px}.uclass-arena-leader-list li{gap:10px;grid-template-columns:30px 38px 1fr auto}.uclass-arena-empty{display:block!important;padding:18px 0}}@media (max-width:767px){.uclass-arena-page+.app-footer,.uclass-arena-shell{display:none}}.toeic-page{background:radial-gradient(circle at 1% 16%,rgba(35,104,255,.08) 0 100px,transparent 102px),linear-gradient(180deg,#f7fbff,#fff 52%,#f8fbff);color:#071433;min-height:100vh}.toeic-nav{align-items:center;background:hsla(0,0%,100%,.95);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:30px;gap:30px;grid-template-columns:auto auto minmax(320px,520px) auto auto;min-height:72px;padding:0 40px}.toeic-nav nav{align-items:center;display:flex;gap:34px;height:72px}.toeic-nav a{color:#071433;font-weight:700;text-decoration:none}.toeic-nav nav a{align-items:center;display:flex;height:100%}.toeic-nav nav a.active{border-bottom:3px solid #0956ff;color:#0956ff}.toeic-search{align-items:center;background:#f8faff;border:1px solid #dbe3f1;border-radius:10px;color:#7a87a2;display:flex;gap:12px;height:42px;padding:0 14px}.toeic-search input{background:transparent;border:0;outline:0;width:100%}.start-toeic,.toeic-login,.toeic-primary{background:#0956ff;border:0;border-radius:10px;box-shadow:0 14px 34px rgba(9,86,255,.24);color:#fff!important;cursor:pointer;font-weight:800;padding:12px 24px}.toeic-shell{margin:0 auto;max-width:1300px;padding:28px 24px 24px}.toeic-hero{align-items:center;display:grid;grid-gap:34px;gap:34px;grid-template-columns:.92fr 1fr;margin-bottom:24px}.toeic-pill{align-items:center;background:#eaf2ff;border-radius:999px;color:#0956ff;display:inline-flex;gap:12px;padding:10px 16px}.toeic-copy h1{font-size:clamp(42px,5vw,62px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:22px 0 16px}.toeic-copy h1 span{color:#0956ff}.toeic-copy p{color:#52607a;font-size:18px;line-height:1.7;margin:0;max-width:620px}.toeic-actions{align-items:center;display:flex;gap:22px;margin:26px 0 28px}.start-toeic,.toeic-primary,.toeic-secondary{align-items:center;display:inline-flex;gap:10px;justify-content:center;min-height:50px;min-width:240px;text-decoration:none}.toeic-secondary{background:#fff;border:1px solid #dbe3f1;border-radius:10px;color:#0956ff;font-weight:800}.exam-list,.practice-panel,.toeic-benefits,.toeic-feature-card,.toeic-overview,.toeic-steps{background:hsla(0,0%,100%,.92);border:1px solid #dfe7f4;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.toeic-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:12px}.toeic-step{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:auto auto 1fr auto;min-width:0;padding:8px 10px}.toeic-step strong{background:#0956ff;border-radius:999px;color:#fff;display:grid;height:28px;place-items:center;width:28px}.toeic-step img{height:34px;object-fit:contain;width:34px}.toeic-step span{color:#33415f;font-weight:600;line-height:1.3}.toeic-overview{display:grid;grid-gap:18px;gap:18px;padding:24px 28px}.toeic-overview h2{font-size:24px;font-weight:800;margin:0}.score-row{border:1px solid #dfe7f4;border-radius:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.score-block{display:grid;grid-gap:8px;gap:8px;padding:20px 28px}.score-block:not(:last-child){border-right:1px solid #dfe7f4}.score-block span{color:#071433;font-weight:600}.score-block strong{color:#0956ff;font-size:48px;font-weight:800;line-height:1}.score-block small{color:#52607a;font-weight:600}.skill-row{border:1px solid #dfe7f4;border-radius:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.skill-card{align-items:center;display:grid;grid-gap:18px;gap:18px;grid-template-columns:82px 1fr;padding:18px 30px}.skill-card:not(:last-child){border-right:1px solid #dfe7f4}.skill-card img{background:#eef5ff;border-radius:999px;height:74px;object-fit:contain;padding:16px;width:74px}.skill-card.green img{background:#edf9f2}.skill-card h3,.skill-card strong{margin:0}.skill-card strong{color:#0956ff;font-size:26px;font-weight:800;margin-right:14px}.skill-card span{color:#52607a;font-weight:600}.skill-card div div{background:#dfe7f4;border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.skill-card i{background:#0956ff;display:block;height:100%;width:72%}.skill-card.green i{background:#16a35d;width:75%}.toeic-overview>a{align-items:center;border-top:1px solid #dfe7f4;color:#0956ff;display:flex;font-weight:800;gap:10px;padding-top:14px;text-decoration:none}.toeic-card-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.toeic-feature-card{align-items:center;display:grid;grid-gap:18px;gap:18px;grid-template-columns:84px 1fr auto;min-height:126px;overflow:hidden;padding:20px 24px}.toeic-feature-card>div{align-items:center;background:#eef5ff;border-radius:16px;display:flex;height:82px;justify-content:center;width:82px}.toeic-feature-card.green>div{background:#edf9f2}.toeic-feature-card.purple>div{background:#f4efff}.toeic-feature-card img{height:56px;object-fit:contain;width:56px}.toeic-feature-card h2,.toeic-feature-card p{margin:0}.toeic-feature-card h2{font-size:22px;font-weight:800}.toeic-feature-card p{color:#52607a;line-height:1.55}.toeic-workspace{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:22px}.exam-list,.practice-panel{padding:22px 26px}.exam-list h2,.practice-panel h2{font-size:22px;font-weight:800;margin:0 0 14px}.practice-panel p{color:#071433;font-weight:600;margin:14px 0 10px}.target-row,.test-type-row{display:grid;grid-gap:18px;gap:18px}.target-row{grid-template-columns:repeat(4,minmax(0,1fr))}.test-type-row{grid-template-columns:repeat(3,minmax(0,1fr))}.target-row button,.test-type-row button{align-items:center;background:#fff;border:1px solid #dbe4f2;border-radius:9px;color:#071433;display:inline-flex;font-weight:700;gap:10px;justify-content:center;min-height:42px}.target-row button.selected{border-color:#0956ff;color:#0956ff;box-shadow:inset 0 0 0 1px #0956ff}.test-type-row img{height:24px;object-fit:contain;width:24px}.start-toeic{font-size:20px;margin-top:18px;width:100%}.exam-list header{align-items:center;display:flex;justify-content:space-between}.exam-list header a{color:#0956ff;font-weight:800;text-decoration:none}.exam-item{align-items:center;background:#fff;border:1px solid #dfe7f4;border-radius:12px;color:#071433;cursor:pointer;display:grid;font:inherit;grid-gap:14px;gap:14px;grid-template-columns:62px 1fr auto auto;margin-top:12px;min-height:68px;padding:8px 12px;text-align:left;text-decoration:none;width:100%}.exam-item img{background:#eef5ff;border-radius:12px;height:52px;object-fit:contain;padding:12px;width:52px}.exam-item h3,.exam-item p{margin:0}.exam-item h3{font-size:17px}.exam-item p{color:#52607a;font-size:13px}.level{border-radius:999px;font-size:12px;font-weight:800;padding:7px 14px}.level.Dễ{background:#e2f8ea;color:#15803d}.level.Trung{background:#fff1df;color:#f97316}.level.Khó{background:#ffe2e2;color:#dc2626}.toeic-benefits{display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px}.toeic-benefits article{align-items:center;display:grid;grid-gap:18px;gap:18px;grid-template-columns:76px 1fr;padding:0 28px}.toeic-benefits article:not(:last-child){border-right:1px solid #dfe7f4}.toeic-benefits img{height:62px;object-fit:contain;width:62px}.toeic-benefits h2,.toeic-benefits p{margin:0}.toeic-benefits h2{font-size:18px;font-weight:800}.toeic-benefits p{color:#52607a;line-height:1.55}@media (max-width:1120px){.toeic-nav{grid-template-columns:1fr auto auto}.toeic-nav nav,.toeic-search{display:none}}@media (max-width:980px){.toeic-card-grid,.toeic-hero,.toeic-workspace{grid-template-columns:1fr}}@media (max-width:760px){.toeic-shell{padding:22px 14px}.exam-item,.score-row,.skill-row,.target-row,.test-type-row,.toeic-actions,.toeic-benefits,.toeic-steps{grid-template-columns:1fr}.toeic-actions{align-items:stretch;flex-direction:column}.score-block,.skill-card,.toeic-benefits article{border-right:0!important;border-bottom:1px solid #dfe7f4}}.exam-item.locked,.test-type-row button.locked{border-color:#bfdbfe;color:#2563eb;position:relative}.exam-item.locked{background:linear-gradient(135deg,#fff,#f7faff)}.exam-item.locked:after{background:#fff7d6;border-radius:999px;color:#b45309;content:"Premium";font-size:12px;font-weight:900;padding:6px 10px}.practice-page{overflow-x:hidden;min-height:100vh;background:#f8fbff;color:#0f172a}.practice-page *,.practice-page :after,.practice-page :before{box-sizing:border-box}.practice-dashboard{max-width:1240px;margin:0 auto;padding:28px 24px 120px}.practice-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:28px;gap:28px;align-items:center;min-height:230px;padding:34px 40px;border:1px solid #dbe8ff;border-radius:24px;background:linear-gradient(105deg,#f6fbff,#eef6ff 48%,#f5f7ff);box-shadow:0 16px 45px rgba(37,99,235,.08);overflow:hidden}.practice-hero-copy h1{margin:0;font-size:44px;line-height:1.08;font-weight:850;letter-spacing:0}.practice-hero-copy p{margin:14px 0 24px;max-width:620px;color:#334155;font-size:17px;line-height:1.65}.practice-stats{display:grid;grid-template-columns:repeat(3,minmax(0,168px));grid-gap:16px;gap:16px}.practice-stat-card{display:flex;gap:14px;align-items:center;min-width:0;min-height:82px;padding:16px;border:1px solid #e1e9f7;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06)}.practice-stat-card div{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 5px}.practice-stat-card span{width:100%;color:#475569;font-size:13px;font-weight:700}.practice-stat-card strong{font-size:28px;line-height:1}.practice-stat-card small{color:#475569;font-weight:700}.practice-hero-art{position:relative;min-height:198px}.practice-book-card{position:absolute;left:12px;top:10px;display:grid;place-items:center;width:150px;height:175px;border-radius:18px;background:linear-gradient(145deg,#3b82f6,#0b63f6);color:#fff;font-size:32px;font-weight:850;transform:rotate(-9deg);box-shadow:0 24px 38px rgba(37,99,235,.22)}.practice-hero-paper{position:absolute;left:132px;top:20px;opacity:.72}.practice-hero-target{position:absolute;right:30px;bottom:14px}.practice-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-gap:24px;gap:24px;margin-top:24px}.practice-main-column{min-width:0}.practice-recent-card h2,.practice-section-title,.practice-side-card h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:0}.practice-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:16px}.practice-mode-card{display:flex;flex-direction:column;min-width:0;min-height:232px;padding:22px;border:1px solid #dbe8ff;border-radius:14px;background:#fff;color:#0f172a;text-align:left;text-decoration:none;box-shadow:0 12px 28px rgba(15,23,42,.05);cursor:pointer}.practice-mode-card.green{background:linear-gradient(180deg,#fbfffd,#f4fff9);border-color:#caead8}.practice-mode-card.purple{background:linear-gradient(180deg,#fffbff,#fbf7ff);border-color:#e3d7ff}.practice-mode-head{display:flex;gap:16px;align-items:flex-start}.practice-mode-head>div,.practice-recent-title{min-width:0}.practice-mode-card h3{margin:0 0 8px;font-size:19px}.practice-mode-card li,.practice-mode-card p{color:#334155;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.practice-mode-card ul{margin:20px 0 18px;padding-left:18px}.practice-mode-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:auto;border-radius:8px;background:#0b63f6;color:#fff;font-weight:800}.practice-mode-card.green .practice-mode-cta{background:#10b981}.practice-mode-card.purple .practice-mode-cta{background:#7c3aed}.full-test-shell{background:linear-gradient(105deg,#f6fbff,#eef6ff 50%,#fff);border:1px solid #dbe8ff;border-radius:24px;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) 360px;padding:34px}.full-test-badge{align-items:center;background:#e6f0ff;border-radius:999px;color:#2563eb;display:inline-flex;font-weight:850;gap:8px;min-height:34px;padding:0 14px}.full-test-copy h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:16px 0 12px}.full-test-copy p{color:#334155;font-size:17px;line-height:1.65;margin:0;max-width:680px}.full-test-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.full-test-actions .practice-mode-cta,.full-test-ready a,.full-test-secondary{align-items:center;border-radius:10px;display:inline-flex;font-weight:850;justify-content:center;min-height:46px;padding:0 18px;text-decoration:none}.full-test-actions .practice-mode-cta{margin-top:0}.full-test-secondary{background:#fff;border:1px solid #bfdbfe;color:#2563eb}.full-test-ready,.full-test-structure{background:#fff;border:1px solid #dbe8ff;border-radius:18px;padding:22px}.full-test-ready h2,.full-test-structure h2{margin:0 0 14px}.full-test-structure ul{display:grid;grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.full-test-structure li{align-items:center;color:#0f172a;display:flex;font-weight:800;gap:10px}.full-test-ready{margin-top:18px}.full-test-ready p{color:#64748b;line-height:1.6}.full-test-ready a{background:#2563eb;color:#fff}@media (max-width:820px){.full-test-shell{grid-template-columns:1fr;padding:22px}.full-test-actions a{width:100%}}.practice-recent-card{margin-top:24px}.practice-recent-card header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.practice-recent-card header a{display:inline-flex;align-items:center;gap:4px;color:#0b63f6;font-weight:800;text-decoration:none}.practice-recent-list{overflow:hidden;border:1px solid #dbe8ff;border-radius:14px;background:#fff}.practice-recent-row{display:grid;grid-template-columns:48px minmax(160px,1.2fr) repeat(3,minmax(90px,.55fr)) 120px;grid-gap:16px;gap:16px;align-items:center;padding:16px 18px;color:#0f172a;text-decoration:none}.practice-recent-row+.practice-recent-row{border-top:1px solid #e7eefb}.practice-recent-row span{display:block;color:#64748b;font-size:13px}.practice-recent-row strong{font-size:15px}.practice-recent-title strong{display:block;margin-bottom:3px}.practice-row-action{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;min-height:38px;border:1px solid #93bbff;border-radius:8px;color:#0b63f6!important;font-weight:800}.practice-empty-state{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:34px;border:1px solid #dbe8ff;border-radius:14px;background:#fff;text-align:center}.practice-empty-state p{margin:0;color:#64748b}.practice-empty-state a{margin-top:6px;color:#0b63f6;font-weight:800;text-decoration:none}.practice-sidebar{display:grid;grid-gap:18px;gap:18px}.practice-side-card{padding:18px;border:1px solid #dbe8ff;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}.practice-side-card h2{font-size:18px}.practice-goal-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.practice-goal-card header a,.practice-premium-card a{color:#0b63f6;font-weight:800;text-decoration:none}.practice-goal-body{display:flex;align-items:center;justify-content:space-between;margin:18px 0 14px;padding:16px;border-radius:12px;background:#f7fbff}.practice-goal-body small,.practice-goal-body span,.practice-side-card p,.practice-side-empty{color:#64748b}.practice-goal-body strong{display:block;margin:6px 0 2px;font-size:30px}.practice-mini-bar,.practice-progress{height:8px;overflow:hidden;border-radius:999px;background:#e7eefb}.practice-mini-bar i,.practice-progress i{display:block;height:100%;border-radius:inherit;background:#0b63f6}.practice-weak-card>p{margin:4px 0 16px;font-size:13px}.practice-weak-row{display:grid;grid-template-columns:minmax(72px,1fr) 68px 34px;grid-gap:10px;gap:10px;align-items:center;margin-top:13px}.practice-weak-row span{display:block;color:#64748b;font-size:11px}.practice-mini-bar i{background:#10b981}.practice-premium-card{text-align:center}.practice-premium-card p{line-height:1.55}.practice-premium-card a{display:inline-flex;justify-content:center;width:100%;min-height:42px;align-items:center;border:1px solid #93bbff;border-radius:8px}@media (max-width:900px){.practice-dashboard{width:100vw;max-width:100vw;overflow:hidden;padding:0 16px 110px}.practice-hero{display:block;width:100%;max-width:100%;margin:0 -16px;padding:22px 16px 20px;border-width:0 0 1px;border-radius:0;box-shadow:none}.practice-hero-copy h1{font-size:30px}.practice-hero-copy p{margin:10px 0 18px;font-size:15px}.practice-hero-art,.practice-sidebar{display:none}.practice-stats{display:flex;width:100%;max-width:100%;gap:8px;overflow:hidden}.practice-stat-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100vw - 88px) / 3);display:block;width:100%;overflow:hidden;min-height:94px;padding:12px 6px;text-align:center}.practice-stat-card img{display:none}.practice-stat-card span{font-size:11px;overflow-wrap:anywhere}.practice-stat-card strong{font-size:24px}.practice-content-grid{display:block;width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin-top:22px}.practice-recent-card h2,.practice-section-title{font-size:22px}.practice-mode-grid{width:100%;max-width:100%;grid-template-columns:1fr;gap:12px}.practice-mode-card{width:100%;overflow:hidden;min-height:0;padding:16px}.practice-mode-head{display:block;width:100%}.practice-mode-head img{margin-bottom:12px}.practice-mode-card h3,.practice-mode-card p{overflow-wrap:anywhere}.practice-mode-card ul{display:none}.practice-mode-cta{width:36px;min-height:36px;margin-left:auto;font-size:0;background:transparent!important;color:#0b63f6}.practice-mode-card.green .practice-mode-cta{color:#10b981}.practice-mode-card.purple .practice-mode-cta{color:#7c3aed}.practice-recent-row{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:14px}.practice-recent-row>div:not(.practice-recent-title),.practice-row-action{display:none!important}}.toeic-learn-page{background:#f7faff;color:#111b44;min-height:100vh;padding-bottom:60px}.toeic-learn-nav{align-items:center;background:#fff;border-bottom:1px solid #e6edf8;display:flex;justify-content:space-between;min-height:74px;padding:0 42px}.toeic-learn-nav a,.toeic-learn-nav strong{color:#0f1b44;font-size:18px;font-weight:900;text-decoration:none}.unit-overview-page{background:#f8fbff;color:#10182f}.unit-top-nav{gap:26px;padding:0 34px}.unit-brand{align-items:center;display:flex;gap:12px;margin-right:24px}.unit-brand span{background:linear-gradient(135deg,#6137f5,#16215f);border-radius:8px;display:inline-block;height:34px;width:34px}.unit-top-nav nav{align-items:center;display:flex;gap:36px}.unit-top-nav nav a{color:#151d37;font-size:16px;font-weight:700;padding:28px 0}.unit-top-nav nav a.active{border-bottom:4px solid #6c3bff;color:#6c3bff}.unit-top-nav label{align-items:center;border:1px solid #dce4f0;border-radius:12px;display:flex;flex:1 1;gap:10px;max-width:360px;padding:0 14px}.unit-top-nav input{border:0;color:#526078;flex:1 1;font-size:15px;height:46px;outline:0}.unit-top-nav>div{align-items:center;display:flex;gap:14px;white-space:nowrap}.unit-heading,.unit-overview-grid,.unit-state{margin:28px auto 0;max-width:1380px;padding:0 34px}.unit-heading p{align-items:center;color:#64708a;display:flex;font-weight:700;gap:10px;margin:0 0 30px}.unit-heading p a{color:#6c3bff;text-decoration:none}.unit-heading h1{font-size:44px;line-height:1.05;margin:0 0 12px}.unit-heading>span{color:#3f4b66;display:block;font-size:18px}.unit-overview-grid{display:grid;grid-gap:26px;gap:26px;grid-template-columns:minmax(0,1fr) minmax(360px,.98fr)}.unit-lessons-card,.unit-outcomes-card,.unit-state,.unit-summary-card{background:#fff;border:1px solid #dde5f1;border-radius:8px;box-shadow:0 12px 34px rgba(34,51,84,.08)}.unit-summary-card{display:grid;grid-template-columns:190px 1fr 300px;min-height:250px;overflow:hidden;padding:42px 34px 30px;position:relative}.unit-progress-ring{align-items:center;background:conic-gradient(#6d3cff var(--progress),#edf0f6 0);border-radius:50%;display:flex;flex-direction:column;height:146px;justify-content:center;position:relative;width:146px}.unit-progress-ring:before{background:#fff;border-radius:50%;content:"";inset:16px;position:absolute}.unit-progress-ring span,.unit-progress-ring strong{position:relative;z-index:1}.unit-progress-ring strong{font-size:34px}.unit-progress-ring span{color:#5b657d;font-weight:700}.unit-summary-stats{border-left:1px solid #e2e8f1;padding-left:30px}.unit-goal,.unit-summary-stats p{align-items:center;display:grid;grid-gap:8px 16px;gap:8px 16px;grid-template-columns:24px 1fr;margin:0}.unit-summary-stats p+p{border-top:1px solid #e2e8f1;margin-top:26px;padding-top:24px}.unit-goal span,.unit-summary-stats span{color:#5f6a80;font-size:15px;font-weight:700}.unit-goal strong,.unit-summary-stats strong{font-size:19px;grid-column:2}.unit-goal{border-top:1px solid #e2e8f1;bottom:28px;left:34px;position:absolute;right:330px;padding-top:20px}.unit-desk-art{align-self:end;height:170px;position:relative}.unit-desk-art b,.unit-desk-art em,.unit-desk-art i,.unit-desk-art small{display:block;position:absolute}.unit-desk-art i{background:#9fd7aa;border-radius:60% 40% 50% 50%;height:94px;left:20px;top:48px;width:36px}.unit-desk-art b{background:#dfe8f5;border:8px solid #475269;border-radius:8px;height:100px;left:86px;top:32px;width:128px}.unit-desk-art em{background:#d89b57;border-radius:14px;bottom:0;height:22px;left:0;right:0}.unit-desk-art small{background:#6b7280;border-radius:6px;bottom:22px;height:80px;right:14px;width:44px}.unit-lessons-card{grid-column:2;grid-row:1/span 2;padding:24px}.unit-lessons-card h2,.unit-outcomes-card h2{font-size:21px;margin:0 0 18px}.unit-lessons-list{display:grid;grid-gap:10px;gap:10px}.unit-lesson-row{align-items:center;border:1px solid #e2e8f1;border-radius:8px;color:#10182f;display:grid;grid-gap:16px;gap:16px;grid-template-columns:48px 1fr auto 34px;min-height:74px;padding:10px 14px;text-decoration:none}.unit-lesson-row.open{background:linear-gradient(90deg,#fbf8ff,#fff);border-color:#b894ff}.unit-lesson-row.locked{background:#fff;color:#7c879d}.unit-lesson-row>span{align-items:center;background:#f7f9fd;border:1px solid #e5eaf3;border-radius:8px;display:flex;font-size:20px;font-weight:900;height:48px;justify-content:center}.unit-lesson-row strong{color:inherit;display:block;font-size:16px;margin-bottom:5px}.unit-lesson-row em,.unit-lesson-row p,.unit-note{color:#687389;font-style:normal;margin:0}.unit-lesson-row b{background:#efe7ff;border-radius:8px;color:#6c3bff;padding:8px 14px}.unit-note{font-size:14px;margin-top:22px}.unit-outcomes-card{padding:24px}.unit-outcomes-card>div{display:grid;grid-gap:18px;gap:18px;margin-bottom:42px}.unit-outcomes-card p{align-items:center;display:flex;gap:12px;margin:0}.unit-outcomes-card svg{color:#6d3cff;flex:0 0 auto}.unit-primary-action{align-items:center;background:linear-gradient(135deg,#6c36f4,#7437ff);border-radius:8px;color:#fff;display:flex;font-size:22px;font-weight:900;gap:14px;justify-content:center;padding:20px;text-decoration:none}.unit-state{padding:40px}@media (max-width:1120px){.unit-top-nav label,.unit-top-nav nav{display:none}.unit-overview-grid{grid-template-columns:1fr}.unit-lessons-card{grid-column:auto;grid-row:auto}}@media (max-width:720px){.unit-top-nav{padding:0 18px}.unit-top-nav>div b,.unit-top-nav>div svg:first-child{display:none}.unit-heading,.unit-overview-grid,.unit-state{padding:0 18px}.unit-heading h1{font-size:34px}.unit-heading p{flex-wrap:wrap;margin-bottom:22px}.unit-summary-card{gap:22px;grid-template-columns:1fr;padding:24px}.unit-progress-ring{height:132px;width:132px}.unit-summary-stats{border-left:0;padding-left:0}.unit-goal{bottom:auto;left:auto;position:relative;right:auto}.unit-desk-art{display:none}.unit-lesson-row{grid-template-columns:44px 1fr}.unit-lesson-row b,.unit-lesson-row em,.unit-lesson-row>svg{grid-column:2;justify-self:start}.unit-primary-action{font-size:18px}}.toeic-content-stack,.toeic-flow-card,.toeic-lesson-actions,.toeic-lesson-hero,.toeic-shell-lesson,.toeic-unit-hero{margin:28px auto 0;max-width:1180px}.toeic-lesson-hero,.toeic-unit-hero{background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid #dfe8f6;border-radius:22px;box-shadow:0 22px 60px rgba(24,48,98,.08);padding:42px}.toeic-lesson-hero span,.toeic-unit-hero span{background:#ede7ff;border-radius:999px;color:#653cff;display:inline-flex;font-weight:900;margin-bottom:16px;padding:8px 14px}.toeic-lesson-hero h1,.toeic-unit-hero h1{font-size:48px;line-height:1.05;margin:0 0 12px}.toeic-lesson-hero p,.toeic-unit-hero p{color:#56627f;font-size:19px;font-weight:700;max-width:780px}.toeic-lesson-hero div,.toeic-unit-hero div{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.toeic-lesson-hero b,.toeic-unit-hero b{color:#1165f4}.toeic-flow-card a,.toeic-lesson-actions button,.toeic-unit-hero a{background:linear-gradient(135deg,#245dff,#8c35f2);border:0;border-radius:14px;color:#fff;display:inline-flex;font-size:18px;font-weight:900;justify-content:center;min-width:190px;padding:16px 22px;text-decoration:none}.toeic-flow-card,.toeic-group,.toeic-shell-lesson{background:#fff;border:1px solid #dfe8f6;border-radius:18px;padding:28px}.toeic-flow-card h2,.toeic-group h2,.toeic-shell-lesson h2{font-size:26px;margin:0 0 18px}.toeic-flow-card>div{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.toeic-flow-card article{border:1px solid #e3eaf6;border-radius:14px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:44px 1fr auto;padding:18px}.toeic-flow-card article span{align-items:center;background:#eef4ff;border-radius:14px;color:#1765f5;display:flex;font-weight:900;justify-content:center}.toeic-flow-card article em,.toeic-flow-card article p{color:#5c6885;font-style:normal;font-weight:700;grid-column:2/4;margin:0}.toeic-flow-card article a{align-self:center;min-width:96px;padding:10px 14px}.toeic-flow-card article.shell{background:#fbfcff}.toeic-content-stack{display:grid;grid-gap:22px;gap:22px}.toeic-phrase-grid,.toeic-vocab-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.toeic-phrase-grid section,.toeic-question,.toeic-vocab-grid section{border:1px solid #e3eaf6;border-radius:16px;padding:18px}.toeic-phrase-grid strong,.toeic-vocab-grid strong{display:block;font-size:22px;margin-bottom:8px}.toeic-phrase-grid em,.toeic-vocab-grid em{color:#7643ff;display:block;font-style:normal;font-weight:900}.toeic-phrase-grid p,.toeic-phrase-grid small,.toeic-shell-lesson p,.toeic-vocab-grid p{color:#586581;display:block;font-size:15px;font-weight:700}.toeic-phrase-grid span,.toeic-vocab-grid span{color:#0f1b44;display:block;font-weight:800;margin-top:10px}.toeic-question{margin-top:18px}.toeic-question h3{margin:0 0 14px}.toeic-question div{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.toeic-question button{background:#fff;border:1px solid #dfe7f5;border-radius:12px;color:#111b44;cursor:pointer;font-weight:800;padding:14px}.toeic-question button.active{background:#eef7ff;border-color:#1765f5;color:#1765f5}.toeic-lesson-actions{display:flex;gap:18px}.toeic-lesson-actions a{align-items:center;border:1px solid #b9c7e0;border-radius:14px;color:#17234d;display:flex;font-weight:900;padding:16px 22px;text-decoration:none}@media (max-width:920px){.toeic-flow-card>div,.toeic-phrase-grid,.toeic-question div,.toeic-vocab-grid{grid-template-columns:1fr}}.toeic-vocab-page{background:#fbfcff;color:#11172f;min-height:100vh}.toeic-vocab-nav{align-items:center;background:#fff;border-bottom:1px solid #e3e8f2;display:grid;grid-gap:28px;gap:28px;grid-template-columns:220px minmax(260px,460px) 1fr;min-height:86px;padding:0 30px}.toeic-vocab-breadcrumb,.toeic-vocab-card footer button,.toeic-vocab-nav label,.toeic-vocab-nav nav,.vocab-brand{align-items:center;display:flex}.vocab-brand{color:#4f2cff;font-size:22px;font-weight:900;gap:10px;text-decoration:none}.toeic-vocab-nav label{border:1px solid #dbe2ee;border-radius:18px;gap:12px;height:52px;padding:0 16px}.toeic-vocab-nav input{border:0;color:#526078;flex:1 1;font-size:16px;outline:0}.toeic-vocab-nav nav{gap:22px;justify-content:flex-end}.vocab-avatar{background:linear-gradient(135deg,#d08a59,#45210f);border-radius:50%;height:48px;width:48px}.toeic-vocab-nav strong{display:grid;font-size:16px;grid-gap:4px;gap:4px}.toeic-vocab-nav small{align-items:center;color:#5e6780;display:flex;font-size:14px;gap:6px}.toeic-vocab-breadcrumb,.toeic-vocab-layout{margin:28px auto 0;max-width:1400px;padding:0 30px}.toeic-vocab-breadcrumb{color:#151b31;font-size:20px;font-weight:900;gap:18px}.toeic-vocab-breadcrumb a{color:#4f2cff;text-decoration:none}.toeic-vocab-layout{display:grid;grid-gap:34px;gap:34px;grid-template-columns:410px minmax(0,1fr)}.toeic-vocab-card,.toeic-vocab-empty,.toeic-vocab-list{background:#fff;border:1px solid #dfe5ef;border-radius:12px;box-shadow:0 16px 36px rgba(24,40,76,.08)}.toeic-vocab-list{align-self:start;padding:24px}.toeic-vocab-list header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.toeic-vocab-list h2{font-size:22px;margin:0}.toeic-vocab-list header span{background:#f0e9ff;border-radius:14px;color:#5930d6;font-weight:900;padding:12px 18px}.toeic-vocab-list>div{border:1px solid #e6ebf3;border-radius:12px;overflow:hidden}.toeic-vocab-list button{align-items:center;background:#fff;border:0;border-bottom:1px solid #edf1f6;color:#11172f;cursor:pointer;display:grid;font-size:17px;grid-gap:18px;gap:18px;grid-template-columns:30px 1fr 26px;min-height:58px;padding:0 16px;text-align:left;width:100%}.toeic-vocab-list button:last-child{border-bottom:0}.toeic-vocab-list button.active{background:linear-gradient(90deg,#f2ecff,#fff);color:#0d1430}.toeic-vocab-list button strong{font-weight:900}.toeic-vocab-card{min-height:760px;overflow:hidden;padding:42px 40px 32px;position:relative}.vocab-sound-main{background:transparent;border:0;cursor:pointer;padding:0}.vocab-star{position:absolute;right:54px;top:52px;z-index:2}.vocab-word-copy{max-width:530px;position:relative;z-index:2}.vocab-word-copy h1{font-size:58px;letter-spacing:0;line-height:1;margin:44px 0 18px}.vocab-word-copy>p{color:#30364d;display:flex;font-size:26px;gap:46px;margin:0 0 22px}.vocab-word-copy h2{font-size:30px;margin:0 0 32px}.vocab-info{border-top:1px solid #dfe5ef;padding:26px 0}.vocab-info h3{align-items:center;color:#432ab4;display:flex;font-size:18px;gap:8px;margin:0 0 18px}.vocab-info p,.vocab-info strong{color:#151a31;display:block;font-size:19px;line-height:1.55;margin:0}.vocab-info p{color:#4d566f}.vocab-illustration{bottom:364px;height:360px;position:absolute;right:0;width:420px}.office-window{border:12px solid #e4e0de;height:155px;left:0;position:absolute;top:72px;width:110px}.office-window:after{background:#e4e0de;content:"";height:12px;left:100%;position:absolute;top:72px;width:95px}.office-plant{background:#2f9949;border-radius:70% 30% 60% 40%;bottom:82px;height:90px;left:12px;position:absolute;width:34px}.office-plant:after{background:#252c33;bottom:-52px;content:"";height:58px;left:-14px;position:absolute;width:58px}.office-person{bottom:0;height:320px;position:absolute;right:102px;width:190px}.office-person i{background:#ffd0a9;border-radius:45% 45% 48% 48%;display:block;height:96px;margin:10px auto 0;width:86px}.office-person i:before{background:#1d222b;border-radius:60% 40% 45% 50%;content:"";height:40px;left:55px;position:absolute;top:0;width:102px}.office-person b{background:#182539;border-radius:54px 54px 10px 10px;display:block;height:205px;margin-top:8px}.office-person span{background:#1e5b91;display:block;height:128px;left:86px;position:absolute;top:128px;transform:skew(-8deg);width:22px}.office-shelf{background:#d7d0c9;bottom:0;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,28px);padding:22px;position:absolute;right:0;top:110px;width:110px}.office-shelf i{background:#738aa5}.office-shelf b{background:#c2bab2;grid-column:1/4}.toeic-vocab-card footer{bottom:32px;display:grid;grid-gap:22px;gap:22px;grid-template-columns:170px 230px 200px 190px;left:40px;position:absolute;right:40px}.toeic-vocab-card footer button{background:#fff;border:1px solid #dbe2ee;border-radius:10px;color:#151a31;cursor:pointer;font-size:18px;font-weight:900;gap:12px;justify-content:center;min-height:62px}.toeic-vocab-card footer .review{background:#ff891f;color:#fff}.toeic-vocab-card footer .remember{background:#208d3d;color:#fff}.toeic-vocab-card footer .next{background:linear-gradient(135deg,#6531e8,#4b25cc);color:#fff;grid-column:1/-1}.toeic-vocab-empty{margin:48px auto 0;max-width:900px;padding:40px}.exam-page{background:#f6f9fd;color:#0b1736;min-height:100vh}.exam-header{align-items:center;background:hsla(0,0%,100%,.96);border-bottom:1px solid #dfe7f2;display:grid;grid-template-columns:276px 1fr auto;height:80px}.exam-logo{border-right:1px solid #dfe7f2;color:#1261e8;font-size:24px;font-weight:800;gap:12px;height:100%;padding:0 22px;text-decoration:none}.exam-logo,.exam-title{align-items:center;display:flex}.exam-title{gap:16px;padding-left:22px}.exam-title strong{font-size:19px;font-weight:800}.exam-title span{background:#eef5ff;border-radius:8px;color:#1261e8;font-weight:700;padding:8px 12px}.exam-actions{gap:18px;padding-right:22px}.exam-actions,.time-left{align-items:center;display:flex}.time-left{border-right:1px solid #dfe7f2;gap:10px;padding-right:18px}.time-left span{color:#1261e8;display:block;font-size:13px}.time-left strong{color:#1261e8;font-size:21px;font-weight:800}.end-btn,.pause-btn{align-items:center;border-radius:8px;display:inline-flex;font-weight:700;gap:10px;min-height:44px;padding:0 22px}.pause-btn{background:#f8fafc;border:1px solid #d8e2ef;color:#0b1736}.end-btn{background:#fff6f6;border:1px solid #ffc7c7;color:#e03131}.exam-layout{display:grid;grid-gap:24px;gap:24px;grid-template-columns:256px minmax(520px,1fr) 316px;margin:0 auto;max-width:1500px;padding:24px 20px}.exam-left,.exam-right{display:grid;grid-gap:18px;gap:18px;align-content:start}.exam-left{min-height:calc(100vh - 128px)}.exam-side-card,.question-card{background:#fff;border:1px solid #dfe7f2;border-radius:10px;box-shadow:0 16px 50px rgba(15,23,42,.05)}.exam-side-card{padding:22px 18px}.exam-side-card h2{font-size:16px;font-weight:800;margin:0 0 18px}.info-line{align-items:center;display:flex;gap:12px;margin:16px 0}.info-line span{color:#253452;font-size:14px}.done-progress{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto;margin-top:24px}.done-progress span{color:#253452;font-size:14px}.done-progress strong{color:#1261e8;font-size:13px}.done-progress div{background:#dfe7f2;border-radius:999px;grid-column:1/3;height:8px;overflow:hidden}.done-progress i{background:#1261e8;display:block;height:100%;width:0}.part-card{padding:18px 12px}.part-card button{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#0b1736;display:grid;grid-gap:10px;gap:10px;grid-template-columns:34px 1fr auto;min-height:58px;padding:8px;text-align:left;width:100%}.part-card button.active{background:#eef5ff;border-color:#9fc1ff;color:#1261e8}.part-card span{display:grid;grid-gap:2px;gap:2px;min-width:0}.part-card strong{font-size:14px}.part-card em,.part-card small{color:#40506f;font-size:12px;font-style:normal}.hide-menu{align-items:center;align-self:end;background:#eef3f8;border:0;border-radius:8px;color:#40506f;display:inline-flex;font-weight:700;gap:10px;justify-content:center;min-height:46px;width:142px}.question-card{padding:26px 22px 24px}.part-intro{border-bottom:1px solid #dfe7f2;padding-bottom:18px}.part-intro span{color:#1261e8;font-size:19px;font-weight:800}.part-intro h1{font-size:20px;margin:6px 0}.part-intro p{color:#182541;line-height:1.55;margin:0}.question-head{align-items:center;display:flex;justify-content:space-between;margin:24px 0 16px}.question-head h2{font-size:20px;margin:0}.question-head span{color:#40506f;font-weight:500}.question-head button{align-items:center;background:transparent;border:0;color:#0b1736;display:inline-flex;gap:8px;font-weight:600}.exam-photo{border-radius:8px;display:block;height:auto;margin:0 auto 14px;max-width:100%}.answer-list{display:grid;grid-gap:10px;gap:10px}.answer-list button{align-items:center;background:#fff;border:1px solid #d8e2ef;border-radius:8px;color:#182541;display:flex;gap:12px;min-height:48px;padding:0 18px;text-align:left}.answer-list button.selected{background:#eaf3ff;border-color:#1261e8;box-shadow:inset 0 0 0 1px #1261e8;color:#0956ff;font-weight:800}.answer-dot{border:1px solid #9db3d5;border-radius:999px;flex:0 0 20px;height:20px;width:20px}.answer-list button.selected .answer-dot{background:radial-gradient(circle,#1261e8 0 45%,transparent 47%);border-color:#1261e8}.answer-list button.correct{background:#e8fbef;border-color:#22c36a;color:#0f8f48;font-weight:800}.answer-list button.wrong{background:#fff0f0;border-color:#ff8b8b;color:#c92a2a;font-weight:800}.question-tools{align-items:center;display:flex;gap:12px}.review-box{background:#f7fbff;border:1px solid #bfd7ff;border-radius:8px;color:#182541;display:grid;grid-gap:8px;gap:8px;margin-top:18px;padding:14px 16px}.review-box strong{color:#1261e8}.review-box p{line-height:1.55;margin:0}.result-summary{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin:20px auto 0;max-width:1500px;padding:0 20px}.result-summary article{background:#fff;border:1px solid #dfe7f2;border-radius:8px;display:grid;grid-gap:4px;gap:4px;padding:14px 16px}.result-summary span{color:#426188;font-size:13px}.result-summary strong{color:#1261e8;font-size:24px}.question-actions{align-items:center;display:flex;justify-content:space-between;margin-top:36px}.next-btn,.prev-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:16px;font-weight:700;gap:10px;min-height:48px;padding:0 24px}.prev-btn{background:#fff;border:1px solid #d8e2ef;color:#426188}.next-btn{background:#1261e8;border:1px solid #1261e8;color:#fff;min-width:184px}.legend{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:30px}.legend span{align-items:center;color:#40506f;display:inline-flex;font-size:13px;gap:7px}.question-group{margin-top:24px}.question-group h3{font-size:15px;margin:0 0 14px}.question-number-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.question-number-grid button{background:#fff;border:1px solid #d8e2ef;border-radius:6px;color:#21304d;font-weight:600;height:38px}.question-number-grid button.active{background:#1261e8;border-color:#1261e8;color:#fff}.question-number-grid button.done{background:#e8fbef;border-color:#22c36a;color:#0f8f48}.question-number-grid button.flagged{background:#fff4df;border-color:#ffb340;color:#b86a00}.question-number-grid button.correct{background:#e8fbef;border-color:#22c36a;color:#0f8f48}.question-number-grid button.wrong{background:#fff0f0;border-color:#ff8b8b;color:#c92a2a}.question-head button.active{color:#f59e0b;font-weight:800}.question-group p{color:#426188;margin:12px 0 0}.support-card{margin-top:6px}@media (max-width:1220px){.exam-header{grid-template-columns:230px 1fr;height:auto;min-height:80px}.exam-actions{grid-column:1/3;justify-content:flex-end;padding:0 20px 14px}.exam-layout{grid-template-columns:230px minmax(0,1fr)}.exam-right{grid-column:1/3;grid-template-columns:1fr 1fr}}@media (max-width:820px){.exam-header,.exam-layout,.exam-right{grid-template-columns:1fr}.exam-logo{border-right:0}.exam-actions,.exam-right{grid-column:auto}.result-summary{grid-template-columns:1fr 1fr}.exam-actions,.question-actions{align-items:stretch;flex-direction:column}.exam-layout{padding:14px}.question-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.battle-page{background:linear-gradient(180deg,#f8fbff,#fff 52%,#f8fbff);color:#071433;min-height:100vh}.battle-nav{align-items:center;background:hsla(0,0%,100%,.96);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:26px;gap:26px;grid-template-columns:auto auto minmax(320px,520px) auto;min-height:70px;padding:0 38px}.battle-actions,.battle-brand,.battle-card h2,.battle-card header,.battle-nav nav,.battle-search,.battle-userbar,.rank-row,.recent-row{align-items:center;display:flex}.battle-brand{color:#0962f4;font-size:26px;font-weight:800;gap:10px;text-decoration:none}.battle-nav nav{gap:34px;height:70px}.battle-nav a{color:#071433;font-weight:700;text-decoration:none}.battle-nav nav a{align-items:center;display:flex;height:100%}.battle-nav nav a.active{border-bottom:3px solid #0962f4;color:#0962f4}.battle-search{background:#f8faff;border:1px solid #dbe3f1;border-radius:10px;gap:12px;height:40px;padding:0 14px}.battle-search input{background:transparent;border:0;outline:0;width:100%}.battle-userbar{gap:18px;justify-content:end}.battle-userbar span{align-items:center;display:inline-flex;font-weight:800;gap:6px}.avatar-large,.mini-avatar,.tiny-avatar{align-items:center;background:linear-gradient(135deg,#ffe2dc,#ffd0e7);border-radius:999px;display:flex;justify-content:center}.mini-avatar{color:#b42318;font-size:12px;font-weight:800;height:38px;width:38px}.battle-userbar strong{display:grid;font-size:13px}.battle-userbar small{color:#52607a;font-weight:500}.battle-shell{display:grid;grid-gap:26px;gap:26px;grid-template-columns:minmax(0,1fr) 405px;margin:0 auto;max-width:1480px;padding:28px 28px 24px}.battle-aside,.battle-main{display:grid;grid-gap:18px;gap:18px;align-content:start}.battle-hero{align-items:center;display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 360px}.mode-pill{align-items:center;background:#eaf2ff;border-radius:999px;color:#0962f4;display:inline-flex;font-weight:800;gap:6px;padding:7px 14px}.battle-hero h1{font-size:clamp(40px,4vw,56px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:14px 0 10px}.battle-hero p{color:#52607a;font-size:17px;line-height:1.55;margin:0}.battle-actions{gap:16px;margin-top:22px}.match-now,.practice-first{align-items:center;border-radius:10px;display:inline-flex;font-weight:800;gap:10px;justify-content:center;min-height:46px;min-width:190px;text-decoration:none}.match-now{background:#0962f4;color:#fff}.practice-first{background:#fff;border:1px solid #dbe4f2;color:#0962f4}.hero-trophy{align-items:center;display:flex;justify-content:center;min-height:180px;position:relative}.hero-trophy>img{z-index:1}.card-back{background:linear-gradient(135deg,#79a7ff,#c8b8ff);border-radius:18px;height:104px;opacity:.75;position:absolute;transform:rotate(-13deg);width:76px}.card-back.left{margin-right:135px}.card-back.right{margin-left:135px;transform:rotate(13deg)}.battle-benefits,.battle-card,.battle-stage,.process-card{background:hsla(0,0%,100%,.94);border:1px solid #dfe7f4;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.battle-stage{background:linear-gradient(105deg,#eef6ff,#fff 46%,#fff1fb);display:grid;grid-gap:20px;gap:20px;grid-template-columns:230px minmax(0,1fr) 230px;min-height:420px;padding:30px 22px 22px}.player-side{align-content:center;display:grid;justify-items:center;text-align:center}.avatar-large{border:6px solid #c7dcff;color:#0962f4;font-size:34px;font-weight:800;height:108px;width:108px}.player-side.opponent .avatar-large{border-color:#f0b6ef;color:#c026d3}.player-side h2{font-size:22px;margin:14px 0 8px}.player-side p{color:#0962f4;font-weight:800;margin:0 0 28px}.player-side div{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.player-side span{color:#52607a;display:grid;font-size:12px}.player-side strong{color:#071433;font-size:17px}.flashcard-duel{align-content:center;display:grid;grid-gap:16px;gap:16px;justify-items:center}.match-time{align-items:center;background:#eaf2ff;border:1px solid #b9d3ff;border-radius:999px;color:#0962f4;display:flex;font-size:34px;font-weight:800;gap:10px;padding:6px 26px}.duel-card{background:#fff;border:1px solid #dfe7f4;border-radius:16px;box-shadow:0 18px 45px rgba(15,23,42,.12);display:grid;grid-gap:8px;gap:8px;max-width:380px;padding:20px;text-align:center;width:100%}.duel-card small,.duel-card span{color:#7a88a5;font-size:12px}.duel-card h2{font-size:32px;margin:10px 0 0}.duel-card em,.duel-card p{color:#52607a;font-style:normal;margin:0}