.account-dropdown{position:relative}.account-dropdown summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer}.account-dropdown summary::-webkit-details-marker{display:none}.account-label{text-align:right;max-width:150px}.account-label b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-label small{display:block;font-size:10px;letter-spacing:1px;color:var(--gold)}.account-avatar{background:var(--navy);color:#f4d3dd;border:3px solid #f4d3dd;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.account-menu{position:absolute;right:0;top:calc(100% + 18px);width:320px;background:white;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 15px 50px #17434b30;z-index:30}.account-profile{display:flex;align-items:center;gap:13px;background:#f3f6fa;border-radius:8px;padding:15px;margin-bottom:14px}.account-profile strong{display:block;font-size:17px;overflow-wrap:anywhere}.account-profile small{display:block;font-size:12px;color:var(--text);overflow-wrap:anywhere}.account-menu>a{display:block;padding:13px 4px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}.account-menu>a[hidden]{display:none}.theme-switch{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;gap:25px}.theme-switch input{width:33px;height:20px;accent-color:var(--gold);cursor:pointer}.plans{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:20px 7% 45px;max-width:1250px;margin:auto}.plan{border:1px solid var(--line);border-radius:14px;background:white;padding:35px}.plan.premium{background:var(--navy);color:white}.plan h2{font-size:30px;margin:25px 0 15px}.plan-tag{font-size:11px;letter-spacing:1.5px;color:var(--gold);font-weight:700}.premium .plan-tag{color:#f4d3dd}.plan-price{font-size:38px;font-weight:700;letter-spacing:-1px}.plan-price small{font-size:14px}.plan p,.plan li{font-size:15px;color:var(--text)}.premium p,.premium li{color:#cedae6}.plan ul{padding-left:20px;margin:25px 0}.plan li{padding:6px 0}.premium .outline{background:transparent;color:white;border-color:#91a7bf}.checkout-note{padding:15px;border:1px solid #56718e;border-radius:6px;font-size:13px!important}.login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1150px;margin:auto;gap:80px;padding:65px 5%;align-items:center}.login-intro h1{font-size:42px}.login-intro p{color:var(--text)}.login-intro img{width:150px;margin-top:20px}.login-card{border:1px solid var(--line);background:white;border-radius:15px;padding:38px}.login-card h2{font-size:30px}.login-card p{color:var(--text);font-size:15px}.login-card .button{width:100%;text-align:center;margin:20px 0 8px}.login-note{font-size:12px!important}.mock-start{display:flex;justify-content:space-between;align-items:center;gap:40px;background:white;border:1px solid var(--line);border-radius:12px;margin:15px 5% 60px;padding:35px}.mock-start h2{font-size:30px;margin:20px 0 12px}.mock-spec{display:flex;gap:25px;flex-wrap:wrap;font-size:14px;color:var(--text)}.mock-run,.mock-result{max-width:1100px;padding:20px 4% 60px;margin:auto}.mock-top{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:15px}.mock-progress{height:5px;background:#dce4ec;border-radius:3px;margin-bottom:20px}.mock-progress span{display:block;height:100%;background:var(--gold)}.mock-controls{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.mock-controls button:disabled{opacity:.45;cursor:default}.mock-run #mock-clock{font-size:23px;font-variant-numeric:tabular-nums}.mock-run #mock-play[hidden]{display:none}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.review-item{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;margin:15px 0}.review-item h3{font-size:20px}.review-item p{font-size:15px;color:var(--text)}.review-status{font-size:13px;font-weight:700;color:var(--gold)}[data-theme=dark]{--navy:#e4edf7;--gold:#f4d3dd;--text:#b2c3d6;--line:#36575d;background:#102f34;color:#e4edf7}[data-theme=dark] body,[data-theme=dark] .portal{background:#102f34;color:#e4edf7}[data-theme=dark] header,[data-theme=dark] .portal header,[data-theme=dark] footer,[data-theme=dark] .portal footer,[data-theme=dark] .account-menu,[data-theme=dark] .practice-menu,[data-theme=dark] .catalog,[data-theme=dark] .task-card,[data-theme=dark] .course,[data-theme=dark] .plan,[data-theme=dark] .login-card,[data-theme=dark] .mock-start,[data-theme=dark] .review-item{background:#183e44;color:#e4edf7;border-color:#36575d}[data-theme=dark] .account-profile,[data-theme=dark] .prompt,[data-theme=dark] .hero-panel,[data-theme=dark] .practice-section,[data-theme=dark] .practice-shell,[data-theme=dark] .practice-sidebar,[data-theme=dark] .search-label,[data-theme=dark] .spoken-note{background:#204b51;color:#e4edf7}[data-theme=dark] .task-link,[data-theme=dark] .practice-menu a,[data-theme=dark] .incorrect-word,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#e4edf7}[data-theme=dark] input:not([type=checkbox]):not([type=radio]),[data-theme=dark] textarea,[data-theme=dark] select{background:#204b51}[data-theme=dark] .button{background:#f4d3dd;border-color:#f4d3dd;color:#102f34}[data-theme=dark] .outline{background:transparent;color:#e4edf7;border-color:#8099b3}[data-theme=dark] .task-link:hover,[data-theme=dark] .practice-menu a:hover{background:#204b51}[data-theme=dark] .study-row{background:#204b51}[data-theme=dark] .feedback{background:#183f3a;color:#e4edf7}[data-theme=dark] .account-avatar{background:#204b51}[data-theme=dark] .dark,[data-theme=dark] .ribbon,[data-theme=dark] .closing,[data-theme=dark] .premium{background:#142d49;color:#e4edf7}@media(max-width:700px){.account-label{max-width:100px}.account-label b{font-size:12px}.account-label small{font-size:9px}.account-avatar{width:35px;height:35px}.account-menu{width:min(320px,90vw)}header nav{gap:18px}header nav a,.practice-dropdown summary{font-size:13px}.plans,.login-layout{grid-template-columns:1fr;gap:25px}.plan{padding:25px}.login-layout{padding:35px 5%}.login-intro img{display:none}.login-intro h1{font-size:34px}.login-card{padding:25px}.mock-start,.result-heading{display:block}.mock-start{padding:25px}.mock-start .button{margin-top:20px}.mock-spec{gap:12px}.result-heading .button{margin-top:12px}}
/* Full-width question menu, matching the reference layout. */
header{z-index:50}.practice-menu{position:fixed!important;left:0!important;right:0;top:var(--menu-top,100px)!important;transform:none!important;width:100%!important;max-height:calc(100dvh - var(--menu-top,100px));overflow-y:auto;border:0;border-radius:0;padding:24px 28px 32px;background:#f5f7f9;box-shadow:0 20px 40px #102f3425}.mega-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.mega-toolbar input{width:310px;max-width:100%;padding:12px 18px;border:1px solid #d8dfe6;border-radius:25px;font:inherit;font-size:14px;background:white}.mega-legend{display:flex;gap:22px;font-size:14px}.mega-legend span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:8px}.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;background:white;border:1px solid #edf0f3;border-radius:12px;padding:32px 26px;min-height:410px}.mega-column h2{margin:0 0 20px;font-size:20px;color:inherit;font-weight:600}.mega-column a{font-size:15px;font-weight:400;color:#58677e;padding:10px 0;line-height:1.4;border-radius:4px}.mega-column a:hover{color:inherit;background:#f3f6f9;padding-left:8px}.mega-column a[hidden],.mega-column[hidden]{display:none}.mega-column.speaking,.mega-legend .speaking{color:#389bd3}.mega-column.writing,.mega-legend .writing{color:#b04ddd}.mega-column.reading,.mega-legend .reading{color:#dbab34}.mega-column.listening,.mega-legend .listening{color:#e55d64}.mega-tools{margin-top:25px;padding:24px 26px;border-radius:12px;background:white;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.mega-tools strong{width:100%;font-size:20px;color:#283c53}.mega-tools a{padding:8px 0;font-size:15px;color:#62718a}.account-label b{font-size:16px}.account-label small{display:none}[data-theme=dark] .mega-grid,[data-theme=dark] .mega-tools{background:#183e44;border-color:#36575d}[data-theme=dark] .mega-column a,[data-theme=dark] .mega-tools a,[data-theme=dark] .mega-tools strong{color:#e4edf7}@media(max-width:850px){.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.mega-legend{gap:12px;font-size:12px}.mega-toolbar{flex-wrap:wrap}.mega-tools{gap:18px}}@media(max-width:500px){.practice-menu{padding:18px 14px}.mega-grid{gap:22px;padding:22px 16px}.mega-column h2{font-size:18px}.mega-column a{font-size:14px}.mega-legend{display:none}.mega-toolbar input{width:100%}.mega-tools{padding:20px 16px}}
/* Larger navigation to match the supplied Alfa header reference. */
@media(min-width:951px){header{min-height:104px;padding-top:16px;padding-bottom:16px;gap:30px}header nav{gap:36px;align-items:center}header nav>a,header nav>.practice-dropdown>summary{font-size:20px;line-height:1.5;font-weight:600}header nav>.practice-dropdown>summary{gap:10px}header nav .menu-chevron{font-size:23px}.account-label b{font-size:20px}.brand img{width:72px;height:72px}}
@media(min-width:701px) and (max-width:950px){header{gap:16px;padding-left:3%;padding-right:3%}header nav{gap:20px}header nav>a,header nav>.practice-dropdown>summary{font-size:17px}.account-label b{font-size:17px}.brand{font-size:18px}.brand img{width:56px;height:56px}.brand small{font-size:10px;letter-spacing:1px}.account-avatar{width:36px;height:36px}}
@media(max-width:700px){header nav{gap:clamp(16px,5vw,28px)}header nav>a,header nav>.practice-dropdown>summary{font-size:16px;line-height:1.5}.account-label b{font-size:16px}}
.question-weights{display:inline-flex;gap:4px;white-space:nowrap;font-weight:600;font-size:14px;flex-shrink:0}.mega-column a{display:flex;align-items:center;justify-content:space-between;gap:10px}.weight-speaking{color:#ed915b}.weight-writing{color:#64aeff}.weight-reading{color:#38cf51}.weight-listening{color:#206296}.task-link small{white-space:nowrap}[data-theme=dark] .weight-listening{color:#72afe3}
.contribution-tooltip{position:fixed;z-index:1000;width:260px;max-width:calc(100vw - 20px);padding:18px;background:#fff;border:1px solid #e9eef3;border-radius:14px;box-shadow:0 4px 18px #172d4514;color:#62718a;font-size:14px;font-weight:400;line-height:1.4}.contribution-tooltip[hidden]{display:none}.contribution-tooltip>strong{display:block;font-size:15px;font-weight:600;color:#30bd47;margin-bottom:16px}.contribution-line{display:grid;grid-template-columns:65px 1fr 40px;gap:10px;align-items:center;margin-top:14px}.contribution-line b{text-align:right;font-size:13px;font-weight:600}.contribution-track{height:5px;background:#f2f6fa;border-radius:5px;overflow:hidden}.contribution-track>span{display:block;height:100%;background:currentColor;border-radius:5px}[data-theme=dark] .contribution-tooltip{background:#183e44;border-color:#36575d;color:#c3d1e0}[data-theme=dark] .contribution-track{background:#2e4762}