:root{color:#202a31;font-synthesis:none;background:#f4f5f3;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}header{z-index:30;background:#fff;border-bottom:1px solid #dfe2e2;align-items:center;height:82px;padding:0 48px;display:flex;position:sticky;top:0}.brand{background:0 0;border:0;padding:0}.brand img{object-fit:contain;object-position:left center;width:178px;max-height:66px;display:block}header nav{align-items:center;gap:24px;margin-left:auto;font-size:12px;font-weight:800;display:flex}header nav button{background:0 0;border:0;font-size:12px;font-weight:800}.learner-username-btn{color:#536069;background:#f7f8f6;border:1px solid #d7dddd;border-radius:20px;font-weight:700;padding:6px 16px!important}.learner-username-btn strong{color:#17272d;margin-left:4px}.learner-mark{color:#e4091d;border:1px solid #e2e2e2;place-items:center;width:62px;height:62px;margin-left:44px;font-size:46px;font-style:italic;font-weight:900;display:grid;transform:rotate(12deg)}.mobile-menu,.mobile-close{display:none}.body-shell{min-height:calc(100vh - 82px);display:flex}.sidebar{z-index:25;background:#ffd100;flex:0 0 252px;width:252px;height:calc(100vh - 82px);min-height:calc(100vh - 82px);padding:26px 20px;position:sticky;top:82px}.nav-item{text-align:left;color:#171717;background:0 0;border:0;border-radius:11px;align-items:center;gap:17px;width:100%;padding:12px 14px;font-weight:900;transition:background .2s,box-shadow .2s;display:flex}.nav-item svg{stroke-width:2.5px;width:27px;height:27px}.nav-item.active{background:#ffffffc2;box-shadow:inset 4px 0 #111}.settings-item{margin-bottom:4px}.sidebar-foot{border-top:1px solid #00000026;align-items:center;gap:11px;padding-top:18px;display:flex;position:absolute;bottom:26px;left:30px;right:24px}.sidebar-foot svg{flex:0 0 22px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:13px}.sidebar-foot small{margin-top:2px;font-size:10px}.page{flex:1;min-width:0;padding:24px clamp(28px,5vw,76px) 72px}.eyebrow{color:#047aa6;letter-spacing:.14em;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin:4px 0 10px;font-size:clamp(32px,4vw,56px);line-height:1.02}.primary,.secondary{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:900;transition:background .2s,transform .1s;display:inline-flex}.primary{color:#171717;background:#ffd100}.primary:hover{background:#eebf00}.secondary{color:#28353c;background:#fff;border:1px solid #c9ced0}.secondary:hover{background:#f7f8f6}.home-page{background:radial-gradient(circle at 80% 18%,#ffd10029,#0000 27%),#f7f8f6;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-content:start;gap:36px;display:grid}.hero-copy{max-width:760px;padding:48px 0 32px}.hero-copy p{color:#536069;max-width:690px;font-size:18px;line-height:1.7}.hero-actions{gap:12px;margin-top:30px;display:flex}.dashboard-card{color:#fff;background:#17272d;border-radius:22px;align-self:center;padding:30px;box-shadow:0 24px 60px #17272d2e}.greeting{flex-direction:column;margin-bottom:22px;display:flex}.greeting span{color:#aebec4;font-size:13px}.greeting strong{font-size:26px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stats-grid button{color:#fff;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:18px;transition:background .2s}.stats-grid button:hover{background:#ffffff1f}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{color:#ffd100;font-size:30px}.stats-grid span{margin-top:2px;font-size:12px}.path-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.path-grid button{text-align:left;background:#fff;border:1px solid #dadddc;border-radius:16px;min-height:176px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative}.path-grid button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.path-grid button>span{color:#047aa6;font-weight:900}.path-grid strong{margin:8px 0;font-size:20px;display:block}.path-grid p{color:#69757c;font-size:13px;line-height:1.5}.path-grid svg{position:absolute;bottom:22px;right:22px}.split-page{min-height:calc(100vh - 82px);padding:0;display:flex}.subnav{background:#fff;border-right:1px solid #e0e4e4;flex:0 0 246px;width:246px;padding:32px 24px}.subnav button{text-align:left;color:#465159;background:0 0;border:0;width:100%;padding:8px 0;font-size:13px;font-weight:500;transition:color .2s;display:block}.subnav button:hover{color:#047aa6}.subnav button.selected{color:#047aa6;font-weight:900}.subnav-title{color:#17272d;margin:18px 0 6px;font-size:13px;font-weight:900}.content-area{flex:1;min-width:0;padding:16px clamp(26px,4vw,62px)}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.section-heading h1{margin-bottom:0;font-size:clamp(30px,3.2vw,48px)}.question-count{color:#047aa6;white-space:nowrap;background:#e7f3f6;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}.filters{align-items:center;gap:12px;margin-bottom:12px;display:flex}.filters.flex-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{background:#fff;border:1px solid #d7dddd;border-radius:9px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search svg{color:#6f7a7e;width:18px}.search input{background:0 0;border:0;outline:0;width:100%;height:44px}.filters select{background:#fff;border:1px solid #d7dddd;border-radius:9px;min-width:150px;height:44px;padding:0 14px}.checkbox-filter{cursor:pointer;background:#fff;border:1px solid #d7dddd;border-radius:9px;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.start-over-btn{color:#d9533f;border-color:#d9533f;height:44px;padding-inline:14px;font-size:13px}.start-over-btn:hover{background:#fff0ed}.question-card{background:#fffef3;border:1px solid #ebe7c5;border-radius:16px;flex-direction:column;height:620px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #24303412}.question-scroll-body{flex:1;margin-bottom:6px;padding-right:6px;overflow-y:auto}.question-scroll-body::-webkit-scrollbar{width:6px}.question-scroll-body::-webkit-scrollbar-track{background:0 0}.question-scroll-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.question-scroll-body::-webkit-scrollbar-thumb:hover{background:#0003}.question-progress{justify-content:center;align-items:center;gap:18px;font-size:18px;display:flex}.question-progress button{cursor:pointer;background:0 0;border:0}.question-progress button:disabled{opacity:.2;cursor:default}.progress-text-container{align-items:center;gap:8px;display:inline-flex}.progress-track{box-sizing:border-box;background-color:#e4e3d2;background-clip:padding-box;border-top:10px solid #0000;border-bottom:10px solid #0000;border-radius:16px;height:25px;margin:-2px 0 2px;position:relative}.progress-track span{background:#1697c4;border-radius:6px;height:5px;transition:width .2s;display:block}.progress-track.clickable-progress{cursor:pointer;transition:border-width .15s,border-radius .15s}.progress-track.clickable-progress:hover{border-top-width:8.5px;border-bottom-width:8.5px;border-radius:14.5px}.progress-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:10;background:#17272d;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;bottom:14px;transform:translate(-50%);box-shadow:0 4px 10px #00000026}.progress-tooltip:after{content:"";border:4px solid #0000;border-top-color:#17272d;position:absolute;top:100%;left:50%;transform:translate(-50%)}.question-category-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category{color:#057aa5;margin:0;font-size:13px;font-weight:700}.flag-btn{color:#6f7a7e;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:700;transition:color .2s;display:flex}.flag-btn:hover,.flag-btn.active{color:#d9533f}.question-layout.with-image{grid-template-columns:minmax(200px,.75fr) minmax(0,1.25fr);align-items:start;gap:28px;display:grid}.question-layout>img{object-fit:contain;background:#fff;border:1px solid #e6e8e6;border-radius:10px;width:100%;max-height:180px}.question-card h2{font-size:calc(clamp(19px, 2vh, 25px) + var(--font-offset,0px));margin-bottom:8px;line-height:1.25}.question-card .question-zh-sub{font-size:calc(clamp(17px, 1.9vh, 22px) + var(--font-offset,0px));color:#4a5568;margin-top:8px;font-weight:500;line-height:1.4;display:block}.instruction{color:#a43a27;margin-bottom:16px;font-size:13px;font-weight:600}.answers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.answer-box-study{text-align:left;color:#2d373c;background:#ffffffb8;border:1px solid #dcdccf;border-radius:8px;align-items:center;gap:11px;min-height:44px;padding:6px 12px;font-size:13.5px;font-weight:500;display:flex}.answer-box-study.correct{background:#f0f9df;border-color:#69a80a;font-weight:700;box-shadow:0 4px 12px #69a80b26}.correct-check-icon{color:#6aa80b;flex:0 0 20px;margin-left:auto}.wrong-x-icon{color:#d9533f;flex:0 0 20px;margin-left:auto}.answer-letter{background:#edf0ef;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.question-actions{border-top:1px solid #edf0ef;justify-content:space-between;gap:14px;margin-top:auto;padding-top:15px;display:flex}.question-actions button:disabled{opacity:.4;cursor:default}.explanation{background:#eaf7fb;border-left:4px solid #1597c3;border-radius:0 8px 8px 0;margin-top:8px;padding:8px 12px}.explanation p{line-height:1.5;font-size:calc(14.5px + var(--font-offset,0px));margin:4px 0 0}.empty-state{text-align:center;background:#fff;border:1px solid #dfe3e3;border-radius:16px;padding:50px}.side-nav-btn{color:#17272d;z-index:10;cursor:pointer;background:#ffffffe6;border:1px solid #dfe3e3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.side-nav-btn:disabled{opacity:.3;cursor:not-allowed}.side-nav-btn:active{background:#f7f8f6}.side-nav-btn.left-nav{left:-10px}.side-nav-btn.right-nav{right:-10px}@media (width<=760px){.side-nav-btn{display:flex}}.auto-advance-controls{background:#fff;border:1px solid #d7dddd;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 14px;display:flex}.switch-label{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.countdown-widget-container{background:#edf0ef;border:1px solid #d7dddd;border-radius:24px;align-items:center;gap:10px;margin-left:20px;padding:4px 10px 4px 4px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s;display:inline-flex}.countdown-widget-container.critical{background:#fff0ed;border-color:#d9533f;animation:1s infinite alternate criticalPulse}@keyframes criticalPulse{0%{transform:scale(1);box-shadow:0 0 #d9533f66}to{transform:scale(1.06);box-shadow:0 0 8px 2px #d9533f33}}.analogue-clock{display:block;transform:rotate(-90deg)}.clock-bg{fill:none;stroke:#0000000f;stroke-width:3px}.clock-fg{fill:none;stroke:#1697c4;stroke-width:3px;stroke-linecap:round;stroke-dasharray:94.25;transition:stroke-dashoffset .35s linear,stroke .35s}.clock-fg.critical{stroke:#d9533f;animation:.5s infinite alternate clockFlash}@keyframes clockFlash{0%{opacity:.4}to{opacity:1}}.clock-text{fill:#17272d;transform-origin:18px 18px;font-size:12px;font-weight:900;transform:rotate(90deg)}.clock-pause-btn{color:#536069;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s,transform .1s;display:grid;box-shadow:0 2px 6px #0000001a}.clock-pause-btn:hover{color:#17272d;background:#edf0ef}.clock-pause-btn:active{transform:scale(.95)}.clock-pause-btn.paused{color:#17272d;background:#ffd100;animation:1.5s infinite pausedFlash}@keyframes pausedFlash{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.onpage-timer-settings{background:#fff;border:1px solid #d7dddd;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 14px;display:inline-flex}.timer-setting-control{color:#536069;align-items:center;gap:6px;font-size:13px;display:flex}.timer-setting-control span{white-space:nowrap;font-size:11px;font-weight:500}.timer-setting-control strong{color:#17272d;text-align:center;min-width:20px;font-weight:800;display:inline-block}.timer-adj-btn{cursor:pointer;color:#17272d;background:#f7f8f6;border:1px solid #d7dddd;border-radius:4px;place-items:center;width:20px;height:20px;padding:0;font-size:12px;font-weight:800;transition:background .2s;display:grid}.timer-adj-btn:hover{background:#edf0ef}.bilingual-controls{background:#edf0ef;border:1px solid #d7dddd;border-radius:9px;align-items:center;height:44px;padding:3px;display:inline-flex}.lang-pill-btn{color:#536069;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;height:100%;padding:6px 14px;font-size:12px;font-weight:800;transition:background .2s,color .2s;display:flex}.lang-pill-btn.active{color:#17272d;background:#fff;box-shadow:0 2px 6px #0000000f}.bilingual-zh{color:#17272d;font-weight:700;line-height:1.5;display:block}.bilingual-en-sub{color:#69757c;margin-top:4px;font-size:.84em;font-weight:500;display:block}.bilingual-answer-wrapper{flex-direction:column;width:100%;display:flex}.explanation-bilingual-content{flex-direction:column;gap:8px;display:flex}.lang-zh-exp{color:#1c2b30;margin:0;font-size:13.5px;font-weight:700;line-height:1.6}.lang-en-exp{color:#536069;margin:0;font-size:12.5px;line-height:1.65}.exp-divider-line{border:0;border-top:1px dashed #1697c440;margin:4px 0}.band-transition-banner{color:#fff;background:#17272d;border-left:5px solid #ffd100;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 20px;display:flex;box-shadow:0 4px 15px #00000026}.band-transition-banner span{font-size:13px;font-weight:700}.banner-actions{gap:8px;display:flex}.banner-action-btn{cursor:pointer;border:0;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:800}.banner-action-btn.primary-btn{color:#17272d;background:#ffd100}.banner-action-btn.secondary-btn{color:#fff;background:#ffffff26}.banner-action-btn.secondary-btn:hover{background:#ffffff40}.theory-sub-content{background:#fff;border:1px solid #dfe3e3;border-radius:16px;padding:36px}.intro-text{color:#536069;margin-bottom:24px;font-size:16px;line-height:1.6}.intro-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;display:grid}.intro-stat-card{text-align:center;background:#f7f8f6;border:1px solid #dadddc;border-radius:12px;padding:20px}.intro-stat-card strong{color:#17272d;font-size:28px;display:block}.intro-stat-card span{color:#69757c;margin-top:4px;font-size:12px;display:block}.intro-tips h3{color:#17272d;margin-bottom:12px;font-size:18px}.intro-tips ul{color:#536069;padding-left:20px;line-height:1.6}.categories-list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin-top:20px;display:grid}.category-card-item{background:#fff;border:1px solid #dfe3e3;border-radius:14px;flex-direction:column;justify-content:space-between;padding:22px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #00000005}.category-card-item:hover{transform:translateY(-2px)}.cat-card-info h3{color:#17272d;margin:0 0 6px;font-size:16px;font-weight:800}.cat-card-info p{color:#69757c;margin:0;font-size:12px}.cat-card-progress{margin:15px 0}.cat-progress-text{color:#536069;justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.cat-progress-bar{background:#edf0ef;border-radius:3px;height:6px;overflow:hidden}.cat-progress-bar span{background:#1697c4;height:100%;display:block}.cat-card-actions{gap:8px;display:flex}.cat-card-actions button{flex:1;min-height:36px;padding:0 10px;font-size:12px}.practice-header{border-bottom:1px solid #e2e2e2;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:12px;display:flex}.practice-header h3{color:#17272d;margin:0;font-size:20px}.practice-live-score{color:#047aa6;background:#e7f3f6;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:800}.answer-choice-btn{text-align:left;color:#2d373c;background:#ffffffb8;border:1px solid #dcdccf;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:60px;padding:10px 14px;transition:border-color .2s,background .2s;display:flex}.answer-choice-btn:hover:not(:disabled){border-color:#1697c4}.answer-choice-btn.chosen{border-color:#1697c4;box-shadow:0 0 0 2px #1697c41f}.answer-choice-btn.correct{background:#f0f9df;border-color:#69a80a;font-weight:700}.answer-choice-btn.wrong{background:#fff0ed;border-color:#d9533f}.next-practice-btn{margin-top:15px}.practice-finished-card{text-align:center;background:#fff;border:1px solid #dfe3e3;border-radius:16px;max-width:500px;margin:40px auto;padding:40px;box-shadow:0 8px 30px #0000000d}.trophy-icon{color:#ffd100;width:80px;height:80px;margin-bottom:20px}.score-summary{color:#536069;margin-bottom:12px;font-size:20px}.score-summary strong{color:#17272d;font-size:36px}.score-grade{color:#047aa6;margin-bottom:24px;font-size:16px;font-weight:800}.practice-start-screen{text-align:center;background:#fff;border:1px solid #dfe3e3;border-radius:16px;max-width:580px;margin:40px auto;padding:40px}.practice-start-screen h2{margin-bottom:12px}.practice-start-screen p{color:#536069;margin-bottom:24px;line-height:1.6}.finished-buttons{justify-content:center;gap:12px;display:flex}.mock-start-screen{text-align:center;background:#fff;border:1px solid #dfe3e3;border-radius:16px;max-width:580px;margin:40px auto;padding:40px}.mock-rules-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.mock-rule-item{background:#f7f8f6;border:1px solid #dadddc;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.mock-rule-item svg{color:#047aa6}.mock-rule-item span{color:#17272d;font-size:12px;font-weight:700}.warning-notice{color:#a43a27;margin-bottom:24px;font-size:12px;font-weight:600}.mock-exam-container{flex-direction:column;gap:20px;display:flex}.mock-exam-header{background:#fff;border:1px solid #dfe3e3;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mock-exam-info span{color:#047aa6;text-transform:uppercase;font-size:11px;font-weight:900}.mock-exam-info h2{margin:4px 0 0;font-size:20px}.mock-exam-timer{color:#ffd100;background:#17272d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:18px;font-weight:800;display:flex}.mock-exam-body{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}.mock-exam-main-panel{min-width:0}.mock-exam-navigator-panel{background:#fff;border:1px solid #dfe3e3;border-radius:16px;padding:20px}.mock-exam-navigator-panel h3{border-bottom:1px solid #edf0ef;margin:0 0 15px;padding-bottom:8px;font-size:15px}.mock-navigator-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.nav-grid-btn{aspect-ratio:1;color:#536069;cursor:pointer;background:#fff;border:1px solid #d7dddd;border-radius:6px;place-items:center;font-size:12px;font-weight:800;display:grid}.nav-grid-btn:hover{border-color:#1697c4}.nav-grid-btn.active{color:#17272d;background:#ffd100;border-color:#ffd100;box-shadow:0 0 0 2px #ffd1004d}.nav-grid-btn.answered{color:#fff;background:#17272d;border-color:#17272d}.nav-grid-btn.flagged{border-color:#d9533f;box-shadow:inset 0 -4px #d9533f}.mock-submit-container{margin-top:20px}.mock-submit-btn{color:#fff;background:#d9533f;width:100%}.mock-submit-btn:hover{background:#c3412d}.mock-navigation-footer{justify-content:space-between;margin-top:20px;display:flex}.mock-results-screen{background:#fff;border:1px solid #dfe3e3;border-radius:16px;padding:30px}.mock-results-header{border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}.score-badge{text-align:center;color:#fff;border-radius:12px;padding:16px 24px}.score-badge.passed{background:#6aa80b}.score-badge.failed{background:#d9533f}.score-badge strong{font-size:32px;display:block}.score-badge span{letter-spacing:.1em;font-size:11px;font-weight:900}.results-actions-bar{gap:12px;margin-bottom:30px;display:flex}.mock-review-container{grid-template-columns:280px 1fr;gap:24px;margin-top:15px;display:grid}.mock-review-grid{grid-template-columns:repeat(5,1fr);align-content:start;gap:8px;display:grid}.review-grid-btn{aspect-ratio:1;color:#fff;cursor:pointer;border:0;border-radius:6px;font-size:12px;font-weight:800}.review-grid-btn.correct{background:#6aa80b}.review-grid-btn.wrong{background:#d9533f}.review-grid-btn.active{box-shadow:0 0 0 3px #1697c4}.review-card{background:#fafaf9;border-color:#d7dddd;margin-top:0}.review-question-header{border-bottom:1px solid #e2e2e2;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.answer-box-review{text-align:left;color:#2d373c;background:#ffffffb8;border:1px solid #dcdccf;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:60px;padding:10px 14px;display:flex}.answer-box-review.correct{background:#f0f9df;border-color:#69a80a;font-weight:700}.answer-box-review.wrong{background:#fff0ed;border-color:#d9533f}.answer-box-review.correct-unselected{background:#fdfefb;border-style:dashed;border-color:#69a80a}.video-score-badge{color:#fff;background:#6aa80b;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #00000026}.video-watched-badge{color:#fff;background:#1697c4;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:800;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #00000026}.hazard-modal-start-overlay,.hazard-modal-end-overlay{z-index:10;color:#fff;text-align:center;background:#091013e6;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.hazard-modal-start-overlay p,.hazard-modal-end-overlay p{color:#bec9cc;max-width:500px;margin-top:15px;font-size:14px}.click-feedback-canvas{pointer-events:none;z-index:8;flex-direction:column;gap:10px;display:flex;position:absolute;top:15px;left:15px;right:15px}.flags-overlay-row{gap:6px;display:flex}.click-flag-indicator{color:#fff;background:#d9533f;border-radius:50%;place-items:center;width:24px;height:24px;animation:.2s cubic-bezier(.175,.885,.32,1.275) flagPop;display:grid;box-shadow:0 2px 8px #0000004d}@keyframes flagPop{0%{transform:scale(0)}to{transform:scale(1)}}.cheat-warning-badge{color:#fff;background:#d9533f;border-radius:6px;align-self:flex-start;padding:8px 16px;font-size:13px;font-weight:800;box-shadow:0 4px 12px #0003}.score-summary-circle{color:#17272d;background:#ffd100;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:0 0 30px #ffd10066}.score-summary-circle strong{font-size:38px;line-height:1}.score-summary-circle span{text-transform:uppercase;font-size:11px;font-weight:900}.hazard-review-timeline{text-align:left;background:#ffffff0f;border-radius:10px;width:100%;max-width:600px;margin:20px 0;padding:16px}.hazard-review-timeline h4{margin:0 0 10px;font-size:14px}.timeline-container{margin-bottom:8px}.timeline-track{background:#ffffff1a;border-radius:4px;height:20px;position:relative;overflow:hidden}.timeline-window{background:#69a80b66;border-left:2px solid #6aa80b;border-right:2px solid #6aa80b;height:100%;position:absolute}.timeline-click-flag{background:#d9533f;width:4px;height:100%;position:absolute;top:0;transform:translate(-50%)}.timeline-click-flag.scoring-click{z-index:2;background:#2196f3;width:6px;box-shadow:0 0 8px #2196f3cc}.timeline-labels{color:#bec9cc;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.timeline-legend{color:#bec9cc;gap:16px;font-size:11px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-box{border-radius:2px;width:12px;height:12px;display:inline-block}.legend-box.green{background:#69a80b99}.legend-box.blue{background:#2196f3}.legend-box.red{background:#d9533f}.end-actions{gap:10px;display:flex}.settings-page{background:#f7f8f6}.settings-card{background:#fff;border:1px solid #dfe3e3;border-radius:16px;max-width:600px;padding:30px}.settings-field{margin-bottom:20px}.settings-field label{color:#17272d;margin-bottom:8px;font-weight:800;display:block}.settings-field input,.settings-field select{background:#fff;border:1px solid #d7dddd;border-radius:8px;width:100%;height:46px;padding:0 14px}.settings-field input:focus,.settings-field select:focus{border-color:#1697c4;outline:0;box-shadow:0 0 0 2px #1697c41a}.settings-actions{gap:12px;margin-top:30px;display:flex}.danger-btn{color:#d9533f;border-color:#d9533f}.danger-btn:hover{background:#fff0ed}.app-shell{flex-direction:column;min-height:100vh;display:flex}.body-shell{flex:1;display:flex}.video-modal{color:#fff;background:#10181b;border-radius:16px;width:min(1060px,96vw);max-height:94vh;position:relative;overflow:auto;box-shadow:0 32px 100px #000}.video-modal video{background:#000;border-radius:16px 16px 0 0;width:100%;max-height:68vh;display:block}.video-modal>div{padding:22px 26px 28px}.video-modal span{color:#ffd100;text-transform:uppercase;font-size:12px;font-weight:900}.video-modal h2{margin:7px 0}.video-modal p{color:#bec9cc;margin-bottom:0}.modal-close{color:#fff;z-index:2;cursor:pointer;background:#000000b3;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:12px;right:12px}.modal-close:disabled{opacity:.3;cursor:default}.video-page{background:#f7f8f6}.chip-row{gap:8px;margin-bottom:26px;padding-bottom:4px;display:flex;overflow-x:auto}.chip-row button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dddd;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800}.chip-row button.active{color:#fff;background:#17272d;border-color:#17272d}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.video-card{text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #dfe3e3;border-radius:14px;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.video-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #1e2b301f}.video-thumb{background-color:#bec9cc;background-position:50%;background-size:cover;height:170px;position:relative;overflow:hidden}.play-badge{color:#fff;background:#000000b3;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;display:grid;position:absolute;inset:0}.play-badge svg{width:22px}.video-card>div:last-child{padding:18px}.video-card small{color:#047aa6;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.video-card h3{margin:7px 0 8px;font-size:18px}.video-card p{color:#667278;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.road-art{background:linear-gradient(#9bc3d0 0 40%,#71816f 40% 58%,#585e5f 58%);position:absolute;inset:0}.road-art span:first-child{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:#e9e6d3;width:9%;height:60%;position:absolute;bottom:-10px;left:45%}.road-art span:nth-child(2),.road-art span:nth-child(3){background:#3b4850;border-radius:9px 9px 2px 2px;width:25%;height:30%;position:absolute;bottom:20%}.road-art span:nth-child(2){left:8%}.road-art span:nth-child(3){right:8%}.modal-backdrop{z-index:60;background:#091013d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.results-page{background:#f7f8f6}.results-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.results-grid article{background:#fff;border:1px solid #dfe3e3;border-radius:15px;padding:26px}.results-grid strong,.results-grid span{display:block}.results-grid strong{font-size:38px}.results-grid span{color:#69757a;margin:4px 0;font-size:13px}.meter{background:#e5e8e7;border-radius:999px;height:8px;margin-top:15px;overflow:hidden}.meter span{background:#6aa80b;height:100%;display:block}.meter.blue span{background:#1697c4}.notice-card,.highway-card{background:#fff;border:1px solid #dfe3e3;border-radius:15px;align-items:flex-start;gap:22px;margin-top:24px;padding:28px;display:flex}.notice-card>svg,.highway-card>svg{color:#047aa6;flex:0 0 46px;width:46px;height:46px}.notice-card p,.highway-card p{color:#68747a;line-height:1.6}.button-link{margin-top:8px;text-decoration:none}.highway-page{background:#f7f8f6}.scrim{display:none}.animate-fade-in{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.sidebar{flex-basis:220px;width:220px}.nav-item{padding-inline:9px}.video-grid{grid-template-columns:repeat(2,1fr)}.subnav{display:none}.home-page{grid-template-columns:1fr}.dashboard-card{max-width:650px}.path-grid{grid-template-columns:1fr 1fr}.path-grid button:last-child{grid-column:1/-1}.hero-copy{padding-top:10px}.mock-exam-body,.mock-review-container{grid-template-columns:1fr}}@media (height<=850px){.body-shell{min-height:calc(100vh - 82px)}.page{padding-block:20px 40px}.question-card{height:560px;padding:18px}.question-card h2{margin-bottom:6px;font-size:clamp(17px,1.8vh,20px)}.answers{gap:8px}.answer-box-study,.answer-choice-btn{min-height:44px;padding:6px 12px;font-size:13px}.explanation{margin-top:6px;padding:6px 12px}.question-layout>img{max-height:130px}}@media (height<=720px){.page{padding-block:10px 20px}.question-card{height:450px}.question-layout.with-image{grid-template-columns:1fr}.question-layout>img{display:none}}@media (width<=760px){header{height:60px;padding:0 12px}.brand img{width:110px}.learner-mark{width:36px;height:36px;margin-left:10px;font-size:24px}header nav{display:none}.mobile-menu{background:0 0;border:0;place-items:center;margin-right:9px;display:grid}.sidebar{width:260px;height:100vh;transition:left .2s;position:fixed;top:0;left:-280px;box-shadow:14px 0 40px #0003}.sidebar.open{left:0}.mobile-close{background:#ffffff8c;border:0;border-radius:50%;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.scrim{z-index:20;background:#00000059;border:0;display:block;position:fixed;inset:0}.body-shell{min-height:calc(100vh - 60px)}.page{padding:16px 12px 24px}.path-grid,.video-grid,.results-grid{grid-template-columns:1fr}.path-grid button:last-child{grid-column:auto}.section-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.section-heading h1{margin-bottom:0;font-size:22px}.eyebrow{font-size:10px}.filters{flex-flow:wrap;align-items:stretch;gap:8px;margin-bottom:12px}.filters select,.checkbox-filter,.auto-advance-controls{flex:calc(50% - 4px);height:38px;min-height:38px;padding:0 10px;font-size:12px}.search{flex:100%;height:38px;min-height:38px}.start-over-btn{flex:100%;height:38px;font-size:12px}.bilingual-controls{flex:100%;justify-content:space-between;height:38px}.lang-pill-btn{padding:4px 8px;font-size:11px}.question-card{border-radius:12px;height:auto;min-height:calc(100vh - 160px);padding:14px}.question-scroll-body{margin-bottom:0}.answers{grid-template-columns:1fr;gap:6px}.answer-box-study{min-height:40px;padding:6px 10px;font-size:13px}.question-layout.with-image{grid-template-columns:1fr;gap:12px}.question-layout>img{max-height:120px}.question-card h2{margin-bottom:8px;font-size:15px;line-height:1.35}.question-card .question-zh-sub{margin-top:4px;font-size:15px}.question-actions{flex-direction:column-reverse;margin-top:12px;padding-top:12px}.question-actions button{width:100%;min-height:40px}.home-page{gap:12px}.stats-grid{grid-template-columns:1fr 1fr}.notice-card,.highway-card{flex-direction:column}.video-thumb{height:190px}}.title-with-tabs{align-items:center;gap:20px;display:flex}.study-tabs{background:#edf0ef;border:1px solid #d7dddd;border-radius:9px;padding:3px;display:inline-flex}.study-tabs .tab-btn{color:#536069;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:800;transition:background .2s,color .2s}.study-tabs .tab-btn.active{color:#17272d;background:#fff;box-shadow:0 2px 6px #0000000f}.listening-player-layout{background:#fffef3;border:1px solid #ebe7c5;border-radius:16px;margin-top:15px;padding:16px;box-shadow:0 12px 32px #24303412}.player-main-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px;height:calc(100vh - 240px);min-height:500px;display:grid}.player-main-grid.single-column{grid-template-columns:1fr}.player-left-col{flex-direction:column;gap:16px;height:100%;display:flex}.player-active-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;box-shadow:0 4px 12px #00000005}.active-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-tag{color:#057aa5;text-transform:uppercase;background:#e6f6fc;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.q-index-pill{color:#536069;font-size:12px;font-weight:700}.player-question-text{margin-bottom:20px}.player-question-text h2{font-size:calc(23px + var(--font-offset,0px));color:#17272d;margin:0;font-weight:800;line-height:1.45}.player-question-text .bilingual-zh-sub{font-size:calc(20px + var(--font-offset,0px));color:#4a5568;margin-top:10px;font-weight:500;line-height:1.5;display:block}.player-correct-answer-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:20px;padding:12px 16px}.correct-label{text-transform:uppercase;color:#15803d;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.correct-answer-details{align-items:flex-start;gap:12px;display:flex}.correct-letter-badge{color:#fff;background:#16a34a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:12px;font-weight:900;display:flex}.correct-text-wrapper{flex-direction:column;gap:4px;display:flex}.correct-en-text{color:#166534;font-size:16px;font-weight:700;line-height:1.4}.correct-zh-text{color:#14532d;font-size:15px;font-weight:600;line-height:1.4}.player-options-toggle-container{justify-content:flex-start;display:flex}.filter-inline-toggle{align-items:center;margin-bottom:0}.toggle-options-btn{background:#fff;border-radius:6px!important;height:auto!important;padding:6px 12px!important;font-size:12px!important}.player-all-answers{margin-bottom:24px}.audio-timeline-container{margin-bottom:20px}.audio-seeker-track{cursor:pointer;background:#e2e8f0;border-radius:3px;height:6px;transition:height .15s;overflow:hidden}.audio-seeker-track:hover{height:8px}.audio-seeker-fill{pointer-events:none;background:#1697c4;border-radius:3px;height:100%}.audio-time-labels{color:#69757c;justify-content:space-between;margin-top:6px;font-size:11px;font-weight:700;display:flex}.player-actions-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.speed-control-group{align-items:center;gap:6px;display:flex}.speed-lbl{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:800}.speed-toggle-select{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;font-weight:800}.main-play-controls{align-items:center;gap:16px;display:flex}.control-circle-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.control-circle-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.control-circle-btn:disabled{opacity:.35;cursor:not-allowed}.play-pulse-btn{color:#fff;cursor:pointer;background:#1697c4;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .2s,background .2s;display:grid;box-shadow:0 4px 12px #1697c44d}.play-pulse-btn:hover:not(:disabled){background:#0f7fa7;transform:scale(1.05)}.play-pulse-btn.playing{animation:2s infinite play-pulse}@keyframes play-pulse{0%{box-shadow:0 0 #1697c466}70%{box-shadow:0 0 0 8px #1697c400}to{box-shadow:0 0 #1697c400}}.play-pulse-btn:disabled{box-shadow:none;cursor:not-allowed;background:#94a3b8}.volume-control-group{align-items:center;gap:8px;display:flex}.volume-icon{color:#64748b}.volume-slider{accent-color:#1697c4;cursor:pointer;width:70px;height:4px}.player-transcript-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;min-height:150px;padding:16px;display:flex;overflow:hidden}.player-transcript-box h3{color:#64748b;text-transform:uppercase;border-bottom:1px solid #f1f5f9;margin:0 0 12px;padding-bottom:6px;font-size:12px;font-weight:800}.transcript-lines-list{flex-flow:wrap;flex:1;align-content:flex-start;gap:4px;padding-right:6px;display:flex;overflow-y:auto}.transcript-lines-list::-webkit-scrollbar{width:4px}.transcript-lines-list::-webkit-scrollbar-thumb{background:#0000000d;border-radius:2px}.transcript-line-row{opacity:1;transform-origin:0;border-bottom:1px dashed #0000;width:100%;padding-bottom:2px;transition:all .25s ease-in-out;transform:scale(.98)}@media (width>=768px){.transcript-line-row.option-row{width:calc(50% - 4px)}}.transcript-line-row.active{opacity:1;border-bottom:2px solid #a81d1d;transform:scale(1.01)}.karaoke-line-p{color:#000;margin:0;font-size:15.5px;font-weight:600;line-height:1.4}.transcript-line-row.active .karaoke-line-p{color:#000;font-size:16px;font-weight:700}.kw{transition:color .15s ease-in-out;display:inline}.kw.sung{color:#c8102e;text-shadow:0 0 2px #c8102e33;font-weight:800}.player-playlist-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;height:100%;padding:16px;display:flex}.player-playlist-card h3{color:#17272d;text-transform:uppercase;border-bottom:1px solid #f1f5f9;margin:0 0 12px;padding-bottom:8px;font-size:13.5px;font-weight:800}.playlist-grid-container{flex-wrap:wrap;gap:8px;padding:4px 4px 12px;display:flex}.playlist-grid-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:14px;font-weight:700;transition:all .2s;display:flex}.playlist-grid-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.playlist-grid-btn.active{color:#fff;background:#1697c4;border-color:#1697c4;box-shadow:0 4px 10px #1697c44d}.playing-bars-small{align-items:flex-end;gap:2px;height:14px;display:flex}.playing-bars-small .bar{background:#fff;border-radius:2px;width:3px;animation:1s infinite alternate bounce-bar}.playing-bars-small .bar-1{animation-delay:.1s}.playing-bars-small .bar-2{animation-delay:.3s}.playing-bars-small .bar-3{animation-delay:.5s}.tts-badge{color:#15803d;background:#dcfce7;border-radius:4px;align-self:flex-start;padding:1px 4px;font-size:9px;font-weight:800}.playing-bars{align-items:flex-end;gap:2px;width:12px;height:10px;display:flex}.playing-bars .bar{background:#fff;width:2px;animation:.8s ease-in-out infinite alternate bounce-bar}.playing-bars .bar-1{height:30%;animation-delay:.1s}.playing-bars .bar-2{height:80%;animation-delay:.3s}.playing-bars .bar-3{height:50%;animation-delay:.2s}@keyframes bounce-bar{0%{height:20%}to{height:100%}}@media (width<=760px){.player-mode-active .filters{display:none!important}.player-mode-active .section-heading{margin-bottom:0}.listening-player-layout{box-shadow:none;background:0 0;border:none;border-radius:0;margin-top:16px;padding:0}.player-main-grid{grid-template-columns:1fr;gap:0;height:auto;min-height:calc(100vh - 120px);padding-bottom:140px}.player-left-col{gap:0;height:auto;padding:0}.player-active-card{background:#fff;border:none;border-radius:20px;padding:20px;box-shadow:0 4px 20px #0000000d}.player-question-text h2{font-size:calc(18px + var(--font-offset,0px));font-weight:800;line-height:1.4}.player-question-text .bilingual-zh-sub{font-size:calc(15px + var(--font-offset,0px));margin-top:6px}.player-correct-answer-card{border-radius:12px;margin-bottom:20px;padding:14px 16px}.player-actions-row{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #0000000d;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 24px 24px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.main-play-controls{order:-1;justify-content:center;gap:32px;width:100%;margin-bottom:8px}.main-play-controls .play-pause-btn{background:#0ea5e9;width:64px;height:64px;box-shadow:0 8px 20px #0ea5e94d}.main-play-controls .play-pause-btn svg{width:28px;height:28px}.speed-control-group,.volume-control-group{flex:1;justify-content:center}.player-transcript-box{background:#fff;border:1px solid #f1f5f9;border-radius:16px;min-height:250px;max-height:calc(100vh - 420px);margin-top:16px;box-shadow:0 4px 20px #00000008}.player-playlist-card{display:none}.progress-track.clickable-progress{border:none;border-radius:8px;height:14px;margin:14px 0 20px}.progress-track.clickable-progress:hover{border:none;border-radius:8px;height:16px}.question-progress{gap:24px;padding:10px 0}.question-progress button{padding:12px}}