/* v8 · spacious content, quieter hierarchy, accessible motion */
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar .side-bottom{padding-top:10px}.sidebar .nav-item{padding-top:9px;padding-bottom:9px}.sidebar .nav-item small{font-size:.69rem}.sidebar .logo{margin-bottom:16px}
body:is([data-view="resources"],[data-view="insights"],[data-view="community"],[data-view="criteria"],[data-view="listening"],[data-view="certifications"],[data-view="contests"],[data-view="home"]) #main.page{height:auto!important;min-height:calc(100dvh - 90px);overflow:visible!important;display:block!important;padding-bottom:32px}body:is([data-view="resources"],[data-view="insights"],[data-view="community"],[data-view="criteria"],[data-view="listening"],[data-view="certifications"],[data-view="contests"],[data-view="home"]){overflow-y:auto!important}body:is([data-view="resources"],[data-view="insights"],[data-view="community"],[data-view="criteria"],[data-view="listening"],[data-view="certifications"],[data-view="contests"],[data-view="home"]) .shell{height:auto!important;overflow:visible!important}
.page-heading8{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 28px}.page-heading8 .eyebrow{color:var(--blue);font-size:.7rem}.page-heading8 h1{margin:9px 0;font-size:2rem;letter-spacing:-.05em}.page-heading8 p{color:var(--muted);font-size:.95rem}.resources8,.insights8,.community8,.criteria8,.listening8,.certifications8,.contests8{max-width:1280px;margin:auto}.quota8{padding:17px 22px;border:1px solid var(--line);border-radius:16px;text-align:left;background:var(--surface);min-width:210px;display:flex;flex-direction:column;gap:3px}.quota8>span{font-size:.65rem;font-weight:850;color:var(--blue);letter-spacing:.12em}.quota8>b{font-size:1.1rem}.quota8 small{font-size:.72rem;color:var(--muted)}
.resource-search-panel8{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:22px}.resource-search8{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:0 16px;min-width:0}.resource-search8:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #4161ef12}.resource-search8 input{border:0;background:transparent;width:100%;min-width:0;padding:15px 0;font-size:1rem;outline:0}.resource-search8>.icon{color:var(--blue)}.resource-search8 kbd{font-size:.65rem;border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--muted);white-space:nowrap}.resource-filter-row8{display:flex;gap:18px;align-items:center;margin-top:17px}.resource-filter-row8 label{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;color:var(--muted)}.resource-filter-row8 select{min-height:38px;font-size:.85rem;padding:7px 12px}.resource-filter-row8>.text-btn{margin-left:auto;font-size:.8rem}.resource-types8,.community-tools8 nav{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.resource-types8 button,.community-tools8 nav button{padding:9px 15px;border-radius:9px;border:1px solid var(--line);background:var(--surface);font-weight:650;font-size:.86rem}.resource-types8 button.active,.community-tools8 nav button.active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.resource-results-heading8{display:flex;align-items:center;justify-content:space-between;margin:25px 0 15px}.resource-results-heading8 h2{font-size:1rem}.resource-results-heading8 .text-btn{font-size:.8rem}.resource-grid8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card8{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:254px;transition:box-shadow .2s,transform .2s}.resource-card8:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1b376a0c}.resource-card-top8{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.resource-icon8{width:44px;height:44px;border-radius:12px;display:inline-grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.resource-card8 h2{font-size:1.12rem;margin:8px 0}.resource-card8 p{color:var(--muted);font-size:.82rem}.resource-card8 .btn{margin-top:auto;min-height:38px;font-size:.82rem}.resource-tags8{display:flex;gap:5px;margin:12px 0 18px}.resource-tags8 span{font-size:.7rem;color:var(--muted);padding:3px 7px;border-radius:5px;background:var(--bg)}.resource-meta8{font-size:.75rem;color:var(--muted)}.resource-grid8+.v6-pager{margin-top:20px}.empty8{padding:42px 25px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted);grid-column:1/-1;background:var(--surface)}.empty8 h3{color:var(--ink);margin:10px 0}.empty8 p{font-size:.9rem;margin:10px 0}.empty8 .btn{margin-top:12px}.empty-icon8 .icon{width:44px;height:44px;color:var(--blue)}
.closet-preview{min-width:0;overflow-y:auto!important}.closet-avatar6{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;padding:0!important}.closet-avatar6 .cogo-avatar{width:min(100%,240px)!important;height:auto!important;aspect-ratio:1;flex:none!important;margin:0 auto!important;transform:none!important;left:auto!important;right:auto!important}.cogo-avatar.costume8>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cart-info8{padding:12px 8px!important;min-height:0!important;flex:none!important}.cart-heading8,.cart-total8,.cart-actions8{display:flex;align-items:center;justify-content:space-between;gap:10px}.cart-heading8{margin-bottom:10px;font-size:.87rem}.cart-heading8 span{color:var(--muted)}.cart-items8{max-height:140px;overflow:auto;scrollbar-width:thin}.cart-items8>div{display:flex;gap:6px;align-items:center;padding:6px 0;text-align:left;font-size:.7rem;border-bottom:1px solid var(--line)}.cart-items8>div>span{flex:1}.cart-items8 b{font-weight:650;color:var(--blue)}.cart-items8 small{font-size:.67rem;white-space:nowrap}.cart-items8 button{padding:0 5px;font-size:1.15rem}.cart-total8{font-size:.78rem;margin:12px 0}.cart-total8 b{font-size:1rem;color:var(--blue)}.cart-info8>.btn{min-height:39px;font-size:.8rem}.cart-actions8{margin:10px 0}.cart-actions8 .text-btn{font-size:.7rem}.cart-info8>small{font-size:.65rem;color:var(--muted)}.cart-info8>p{font-size:.8rem;margin:10px 0}.preview-note6{font-size:.65rem!important}
dialog.opening8{animation:dialogIn8 .3s cubic-bezier(.16,1,.3,1) both}dialog.closing8{animation:dialogOut8 .19s ease-in both;pointer-events:none}dialog.opening8::backdrop{animation:fadeIn8 .28s both}dialog.closing8::backdrop{animation:fadeOut8 .19s both}@keyframes dialogIn8{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogOut8{to{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes fadeIn8{from{opacity:0}to{opacity:1}}@keyframes fadeOut8{to{opacity:0}}dialog details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}dialog details summary{font-size:.85rem;font-weight:650;cursor:pointer}dialog details p{font-size:.85rem;color:var(--muted);margin:12px 0}.profile-card8{margin-bottom:22px}.profile-card8 .cogo-avatar{width:96px;height:96px;flex-shrink:0}.profile-links8{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.profile-links8 .text-btn{font-size:.8rem}.form6 label small{font-size:.72rem;font-weight:400;color:var(--muted);margin-top:5px}.security-card8{border:1px solid var(--line);border-radius:14px;padding:18px}.security-card8 h3{font-size:1rem}.security-card8 p{margin:8px 0 15px;font-size:.87rem}.rank-motto8{display:block;font-size:.72rem!important;color:var(--muted);padding:3px 0;text-align:left;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-person>div{min-width:0}
.solve-timer8{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:7px 11px;font-variant-numeric:tabular-nums;font-size:.72rem;order:2;white-space:nowrap}.timer-dot8{width:6px;height:6px;border-radius:50%;background:#4ab78b}.solve-timer8 strong{font-size:1rem;letter-spacing:.02em}.solve-timer8 button{font-size:.7rem;color:var(--muted);border-left:1px solid var(--line);padding-left:9px}.question-panel.paused8>:not(.question-actions):not(#answerResult){filter:blur(5px);pointer-events:none;user-select:none}.solver-head{flex-wrap:wrap}.xp-problem-note7{font-size:.75rem!important;padding:9px 12px!important;display:flex;justify-content:space-between}.xp-problem-note7 button{color:var(--blue);font-size:.7rem}.xp-reward8{position:relative;overflow:hidden;background:linear-gradient(120deg,#f1f5ff,#f9f0ff)!important;border:1px solid #d9dfff!important;border-radius:20px!important;padding:22px!important;margin-bottom:20px!important;color:#25335e}.xp-reward8 .xp-reward-head7{display:flex;align-items:center;gap:13px}.xp-medal8{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#526bea;color:white;font-size:1.8rem;box-shadow:0 8px 20px #4161ef2b}.xp-reward8 h3{display:flex;gap:16px;align-items:center;font-size:.9rem;margin-top:4px}.xp-reward8 h3 strong{font-size:1.4rem;color:#5462e4}.xp-reward8 small{font-size:.7rem;color:#717c97}.xp-reward8 .xp-track7{height:15px;margin-top:20px;border:1px solid #fff;background:#dfe5fa;box-shadow:inset 0 2px 4px #4962aa13}.xp-reward8 .xp-track7>i{background:linear-gradient(90deg,#4661e9,#9073ed,#e59cd4);position:relative;transition:none;box-shadow:0 0 14px #7b7af680}.xp-reward8 .xp-track7>i:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent, #fff8,transparent);animation:xpShine8 1.5s linear infinite}.xp-reward8 .xp-caption7{font-size:.7rem;display:flex;justify-content:space-between;margin-top:8px}.xp-reward8 #xpMessage7{font-size:.8rem;text-align:center;color:#5d62b6;margin:14px 0 0}.xp-stars8{position:absolute;right:18px;top:16px;opacity:.5;color:#b075d9;font-size:1.7rem;pointer-events:none}.xp-reward8.level-up7{animation:xpPop8 .4s ease}.result-time8{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;margin-top:15px;font-size:.85rem}.result-time8 .text-btn{font-size:.76rem}.result-next8{text-align:center;margin:8px 0}.result-next8 .text-btn{font-size:.78rem}.brief-explain8{padding-top:10px}.upgrade8{text-align:center;padding:12px 0}.upgrade8 h3{font-size:1.5rem;margin:16px 0}.upgrade8 p{color:var(--muted);margin:15px 0 25px}.upgrade-benefits8{display:flex;justify-content:center;gap:8px;margin-bottom:25px}.upgrade-benefits8 span{font-size:.75rem;padding:7px 10px;background:var(--bg);border-radius:8px}.upgrade8>small{display:block;color:var(--muted);font-size:.75rem;margin-top:10px}.recommend-stats8,.rec-stats8{display:flex;gap:10px;margin:16px 0}.recommend-list8{display:grid;gap:10px}.recommend-card8{padding:15px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:12px;text-align:left}.recommend-card8 b{font-size:1rem}.recommend-card8 small{color:var(--muted);font-size:.75rem;display:block}.recommend-card8 .icon{margin-left:auto}@keyframes xpShine8{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes xpPop8{50%{box-shadow:0 0 40px #8a7fff55;transform:scale(1.02)}}
.insight-controls8{display:flex;align-items:center;gap:20px;margin:20px 0}.insight-controls8 label,.criteria-picker8 label{display:flex;align-items:center;gap:10px;font-size:.8rem}.insight-controls8 .text-btn{margin-left:auto;font-size:.8rem}.insight-kpis8{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.insight-kpis8 article{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:22px}.insight-kpis8 article>span{display:block;color:var(--muted);font-size:.8rem}.insight-kpis8 b{display:block;font-size:1.8rem;margin-top:5px}.insight-kpis8 b small{font-size:.8rem;margin-left:5px;color:var(--muted)}.timing-chart8{padding:25px}.timing-chart8 .section-head{margin:0 0 20px}.timing-row8{display:grid;grid-template-columns:8px 55px 1fr 92px 38px;align-items:center;gap:12px;margin:17px 0;font-size:.8rem}.subject-dot8{width:7px;height:7px;border-radius:50%}.timing-track8{height:12px;border-radius:10px;background:var(--bg);overflow:hidden}.timing-track8 i{display:block;height:100%;border-radius:10px;transition:width .6s}.timing-row8 strong{font-size:.85rem;text-align:right}.timing-row8 small{text-align:right;font-size:.7rem;color:var(--muted)}.insights-table8{border:1px solid var(--line);border-radius:15px;margin-top:20px;background:var(--surface);overflow:auto}.insights-table8 table{border-collapse:collapse;width:100%;font-size:.8rem;white-space:nowrap}.insights-table8 th,.insights-table8 td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}.insights-table8 thead{background:var(--bg);color:var(--muted)}.insights-table8 .text-btn{font-size:.8rem}.measure-note8{font-size:.8rem;color:var(--muted);margin:20px 0}.measure-note8 summary{cursor:pointer}.measure-note8 p{margin-top:12px}
.listening-hero8{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:40px 45px;border-radius:24px;background:#eaf1ff;color:#283c6a;overflow:hidden}.listening-hero8 .eyebrow{font-size:.65rem;color:#5673a9}.listening-hero8 h1{font-size:2.65rem;line-height:1.25;margin:15px 0;letter-spacing:-.05em}.listening-hero8 p{color:#697c9f;margin-bottom:25px}.listening-art8{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:radial-gradient(circle,#fff9,transparent 70%)}.listening-art8>.icon{width:120px;height:120px;stroke-width:1;color:#5271be;transform:rotate(-10deg)}.listening-art8>span{font-size:.65rem;letter-spacing:.25em;color:#738bb9}.sound-bars8{display:flex;align-items:center;gap:7px;height:35px}.sound-bars8 i{height:calc(10px + var(--n)*2px);width:6px;border-radius:5px;background:#9cb3e7}.listening-grid8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.listening-card8{display:flex;gap:16px;align-items:center;text-align:left;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.listening-card8 small,.listening-card8 b,.listening-card8 em{display:block}.listening-card8 small{font-size:.7rem;color:var(--muted)}.listening-card8 b{font-size:.95rem;margin:7px 0}.listening-card8 em{font-size:.7rem;color:var(--blue);font-style:normal}.listen-icon8{background:var(--blue-soft);color:var(--blue);width:42px;height:42px;display:inline-grid;place-items:center;border-radius:12px;flex-shrink:0}.listening-player8{background:var(--bg);border:1px solid var(--line);border-radius:15px;padding:20px;margin:18px 0}.listening-player-top8{display:flex;gap:12px;align-items:center}.listening-player-top8 small{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.listen-counter8{margin-left:auto;font-size:.7rem;color:var(--muted)}.listening-controls8{display:flex;align-items:center;gap:10px;margin-top:18px}.listening-controls8 label{display:flex;align-items:center;gap:7px;font-size:.75rem;margin-left:auto}.listening-controls8 select{font-size:.8rem;min-height:36px;padding:5px}.tiny-note8{font-size:.68rem;color:var(--muted);margin-top:10px}.playing8 .listen-icon8{animation:xpPop8 1.2s infinite}.transcript8 p[lang=en]{color:var(--ink);font-size:1rem;line-height:1.8}
.bebras-lab8{padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:16px;margin:20px 0}.route-head8{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-bottom:15px}.route-grid8{display:grid;grid-template-columns:repeat(var(--grid),1fr);gap:5px;max-width:320px;margin:auto}.route-cell8{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:grid;place-items:center;font-size:1.5rem;color:var(--muted)}.route-cell8.wall8{background:#9ba8bf;color:#dce3ef}.route-cell8.trail8{background:#e5efff}.route-cell8.robot8{background:var(--blue);color:white;box-shadow:0 3px 10px #4161ef33}.direction-pad8{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}.direction-pad8>button:not(.text-btn){width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:1.2rem}.route-path8{text-align:center;font-size:.8rem;margin-top:13px;min-height:1.7em}.light-target8{text-align:center}.light-target8 b{font-size:.8rem}.light-target8>div{display:flex;gap:12px;justify-content:center;margin:15px 0}.lamp8{font-size:2rem;color:#b1bdce}.lamp8.on8{color:#f3b939;text-shadow:0 0 20px #f6d66d99}.light-panel8{display:flex;gap:12px;justify-content:center;margin:25px 0}.switch8{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);border-radius:13px;padding:12px 20px;background:var(--surface)}.switch8 span{font-size:2rem;color:#b1bdce}.switch8 b{font-size:.8rem}.switch8.on8{background:#fff5ce;border-color:#e8c357}.switch8.on8 span{color:#dc9c11}
.criteria-picker8{display:flex;gap:20px;align-items:center;margin-bottom:20px}.criteria-picker8>span{font-size:.8rem;color:var(--muted)}.criteria-basis8{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.criteria-basis8 article{background:var(--blue-soft);border-radius:12px;padding:16px}.criteria-basis8 span{display:block;color:var(--blue);font-size:.75rem;margin-bottom:8px}.criteria-basis8 b{font-size:.9rem}.difficulty-ladder8{display:grid;grid-template-columns:1fr 1fr;gap:10px}.difficulty-ladder8 article{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--surface);padding:18px;border-radius:12px}.difficulty-ladder8 article>b{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:var(--blue-soft);color:var(--blue)}.difficulty-ladder8 h3{font-size:.95rem}.difficulty-ladder8 p{font-size:.75rem;color:var(--muted);margin-top:5px}.difficulty-ladder8 article>span{display:none}.criteria8>details{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:20px;font-size:.85rem}.criteria8>details p{color:var(--muted);margin-top:12px}.editor-rubric8{padding:16px;background:var(--bg);border-radius:13px;margin:15px 0}.rubric-fields8{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.rubric-fields8 label{font-size:.75rem!important}.rubric-fields8 select{width:100%}.editor-rubric8 p{font-size:.76rem}
.community-tools8{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:20px 0}.community-tools8 nav{margin:0}.community-tools8 .resource-search8{max-width:360px;flex:1}.community-tools8 input{font-size:.85rem;padding:10px 0}.post-list8{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.post-row8{display:flex;gap:20px;align-items:center;width:100%;text-align:left;padding:22px;border-bottom:1px solid var(--line)}.post-row8:last-child{border-bottom:0}.post-row8>span:not(.badge){flex:1}.post-row8 b{display:block;font-size:.95rem}.post-row8 small{display:block;color:var(--muted);font-size:.75rem;margin-top:6px}.post-row8>.icon{margin-left:auto;color:var(--muted);width:17px}.post-detail8 h3{margin:18px 0;font-size:1.3rem}.post-detail8>p{line-height:1.9;font-size:.95rem;margin-bottom:20px}.comments8{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.comments8>b{font-size:.85rem}.comments8>div{margin:14px 0;padding:13px;background:var(--bg);border-radius:10px;font-size:.85rem}.comments8>div strong{font-size:.7rem;color:var(--muted)}.comments8 form{display:flex;gap:8px;margin-top:18px}.comments8 input{width:100%;min-width:0}.comments8 .btn{flex-shrink:0}.community8>.small,.listening8>.small,.certifications8>.small,.contests8>.small{margin-top:20px}
.cert-grid8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.cert-card8{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-align:left}.cert-card8.active{border-color:var(--blue);box-shadow:0 0 0 2px #4161ef14}.cert-card8>small{display:block;color:var(--muted);margin-top:20px;font-size:.75rem}.cert-card8 h2{font-size:1.2rem;margin:8px 0}.cert-card8 p{font-size:.78rem;color:var(--muted);margin-bottom:20px}.cert-card8>b{font-size:.8rem;color:var(--blue)}.cert-questions8{padding:22px;margin-top:25px}.cert-questions8 .section-head{margin:0 0 15px}.cert-questions8 .section-head a{font-size:.75rem;color:var(--blue)}.contest-grid8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contest-card8{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:25px}.contest-card8>.flex small{color:var(--muted);font-size:.72rem}.contest-card8 h2{margin:20px 0 12px;font-size:1.3rem}.contest-card8 p{font-size:.85rem;color:var(--muted)}.contest-meta8{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.contest-meta8 span{padding:5px 8px;border-radius:7px;background:var(--bg);font-size:.7rem}.contest-card8>.cart-actions8{margin-bottom:0}.contest-card8>.cart-actions8 span{font-size:.67rem;color:var(--muted)}.contest-picker8{max-height:280px;overflow:auto;margin-top:15px}.contest-picker8 label{display:flex!important;flex-direction:row!important;gap:12px!important;padding:10px 0;border-bottom:1px solid var(--line);align-items:center}.contest-picker8 input{width:18px!important;min-height:18px}.contest-picker8 label[hidden]{display:none!important}.contest-picker8 b{font-size:.82rem}.contest-picker8 small{display:block;font-size:.7rem;color:var(--muted)}.contest-brief8 h3{margin:20px 0}.contest-brief8 p{margin:12px 0;font-size:.9rem}.contest-brief8 .btn{margin-top:20px}.contest-results8{text-align:center}.contest-results8 h3{margin:20px 0;font-size:1.6rem}.contest-results8>strong{display:block;color:var(--blue);font-size:3rem}.contest-results8>strong small{font-size:.85rem;color:var(--muted)}.contest-results8 p{margin:15px 0;font-size:.85rem}.contest-live8{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--blue-soft);border:1px solid var(--line);border-radius:11px;padding:12px 16px;margin-bottom:15px;font-size:.8rem}.contest-live8 strong{font-size:1.1rem;font-variant-numeric:tabular-nums;margin-left:7px}.contest-live8>.text-btn{font-size:.75rem}
.home-subjects{grid-template-columns:repeat(7,minmax(0,1fr))!important}.growth-story8{border:1px solid var(--line);border-radius:22px;margin-top:25px;padding:32px;background:var(--surface);display:flex;justify-content:space-between;gap:25px;align-items:center}.growth-story8 .eyebrow{color:var(--blue);font-size:.62rem}.growth-story8 h2{font-size:1.55rem;line-height:1.45;margin:12px 0}.growth-story8 p{color:var(--muted);font-size:.84rem}.growth-orbit8{display:flex;align-items:center;flex-direction:column;flex-shrink:0;width:200px;border:1px solid var(--line);border-radius:50%;aspect-ratio:1;justify-content:center;background:radial-gradient(circle,var(--blue-soft),transparent)}.growth-orbit8 b{font-size:5rem;line-height:1.1;font-weight:400;color:var(--blue)}.growth-orbit8 span{font-size:.72rem;color:var(--muted)}.home-shortcuts8{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.home-shortcuts8 button{border:1px solid var(--line);background:var(--surface);border-radius:15px;text-align:left;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.home-shortcuts8 .icon{color:var(--blue);margin-bottom:4px}.home-shortcuts8 b{font-size:.92rem}.home-shortcuts8 span{font-size:.73rem;color:var(--muted)}.source-link8{display:flex;gap:15px;font-size:.8rem;padding:10px}.source-link8 a{color:var(--blue)}.source-link8 span{color:var(--muted)}
@media(max-width:1200px){.resource-grid8,.listening-grid8{grid-template-columns:repeat(2,minmax(0,1fr))}.home-subjects{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cert-grid8{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-hero8 h1{font-size:2.1rem}}
@media(max-width:760px){.page-heading8{align-items:flex-start;margin:5px 0 20px;gap:16px;flex-wrap:wrap}.page-heading8 h1{font-size:1.65rem}.page-heading8 p{font-size:.83rem}.page-heading8 .eyebrow{font-size:.6rem}.quota8{padding:12px 15px;width:100%;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center}.quota8 small{grid-column:1/-1}.resource-search-panel8{padding:15px}.resource-search8{padding:0 12px;gap:9px}.resource-search8 input{font-size:.87rem}.resource-search8 kbd{display:none}.resource-filter-row8{gap:10px;flex-wrap:wrap}.resource-filter-row8 label{gap:7px;font-size:.72rem}.resource-filter-row8 select{max-width:120px;font-size:.75rem}.resource-filter-row8 .text-btn{font-size:.7rem}.resource-types8{gap:6px}.resource-types8 button{font-size:.75rem;padding:8px 10px}.resource-grid8{gap:12px}.resource-card8{padding:16px;min-height:230px}.resource-card8 h2{font-size:1rem}.resource-card8 .badge{font-size:.6rem}.resource-icon8{width:35px;height:35px}.resource-card-top8{margin-bottom:12px}.resource-card8 p{font-size:.75rem}.resource-tags8{flex-wrap:wrap}.resource-tags8 span{font-size:.62rem}.resource-card8 .btn{font-size:.72rem;padding:7px}.closet-avatar6 .cogo-avatar{width:145px!important;max-width:100%!important}.cart-items8{max-height:95px}.cart-info8{padding:8px!important}.cart-total8{margin:7px 0}.cart-heading8{font-size:.77rem}.cart-info8>.btn{font-size:.7rem;padding:7px}.cart-actions8{gap:8px;justify-content:center;flex-wrap:wrap}.cart-info8>small{display:block;font-size:.6rem}.solve-timer8{padding:5px 8px;gap:5px;font-size:.65rem}.solve-timer8 strong{font-size:.85rem}.solver-head>.flex{gap:5px}.solver-head .badge{font-size:.65rem}.xp-reward8{padding:17px!important}.xp-reward8 h3{gap:10px}.xp-stars8{font-size:1rem;right:10px}.insight-controls8{flex-wrap:wrap;gap:10px}.insight-controls8 label{font-size:.7rem}.insight-controls8 select{font-size:.75rem;max-width:155px}.insight-kpis8{gap:8px}.insight-kpis8 article{padding:13px 10px}.insight-kpis8 article>span{font-size:.65rem}.insight-kpis8 b{font-size:1.15rem}.timing-chart8{padding:17px}.timing-chart8 .section-head{align-items:flex-start;flex-direction:column;gap:5px}.timing-chart8 h2{font-size:1rem}.timing-chart8 .small{font-size:.65rem}.timing-row8{grid-template-columns:6px 38px 1fr 66px 23px;gap:8px;font-size:.68rem}.timing-row8 strong{font-size:.7rem}.timing-row8 small{font-size:.65rem}.listening-hero8{grid-template-columns:1.6fr 1fr;gap:5px;padding:25px 20px}.listening-hero8 h1{font-size:1.6rem}.listening-hero8 p{font-size:.77rem}.listening-hero8 .eyebrow{font-size:.53rem;letter-spacing:.08em}.listening-hero8 .btn{font-size:.75rem;padding:8px 12px}.listening-art8>.icon{width:85px;height:85px}.listening-art8>span{font-size:.5rem;letter-spacing:.1em}.sound-bars8{gap:4px}.sound-bars8 i{width:4px}.listening-grid8{grid-template-columns:1fr}.listening-player8{padding:15px}.listen-counter8{font-size:.62rem}.listening-controls8{gap:7px;flex-wrap:wrap}.listening-controls8 .btn{font-size:.75rem;padding:8px 10px}.listening-controls8 label{font-size:.65rem}.criteria-picker8{align-items:flex-start;flex-direction:column;gap:10px}.criteria-basis8{grid-template-columns:1fr 1fr}.difficulty-ladder8{grid-template-columns:1fr}.rubric-fields8{grid-template-columns:1fr 1fr}.community-tools8{flex-direction:column;align-items:stretch;gap:12px}.community-tools8 .resource-search8{max-width:none}.community-tools8 nav button{font-size:.75rem}.post-row8{padding:18px 14px;gap:12px}.post-row8 b{font-size:.85rem}.post-row8 small{font-size:.66rem}.post-row8 .badge{font-size:.66rem}.cert-grid8{gap:10px}.cert-card8{padding:17px}.cert-card8 h2{font-size:1.05rem}.cert-card8 p{font-size:.7rem}.cert-questions8{padding:15px}.cert-questions8 .section-head{align-items:flex-start;flex-direction:column;gap:10px}.contest-grid8{grid-template-columns:1fr}.contest-live8{flex-wrap:wrap;gap:6px}.contest-live8>b{font-size:.73rem;flex-basis:100%}.contest-live8 .text-btn{margin-left:auto}.growth-story8{padding:22px}.growth-story8 h2{font-size:1.2rem}.growth-story8 p{font-size:.76rem}.growth-orbit8{display:none}.home-shortcuts8{grid-template-columns:1fr}.home-shortcuts8 button{padding:17px;display:grid;grid-template-columns:26px 1fr;gap:5px 15px}.home-shortcuts8 .icon{grid-row:span 2;margin:auto}.home-shortcuts8 span{grid-column:2}.home-subjects{grid-template-columns:repeat(4,minmax(0,1fr))!important}.home-subjects .subject{padding:12px 7px!important;display:flex!important;flex-direction:column!important;gap:5px!important}.home-subjects .subject>.icon{display:none}.home-subjects .subject b{font-size:.77rem}.profile-links8{flex-wrap:wrap}.switch8{padding:10px 15px}}
@media(max-width:430px){.resource-grid8{grid-template-columns:1fr}.resource-card8{min-height:235px}.resource-card8 h2{font-size:1.15rem}.resource-card8 p{font-size:.83rem}.resource-card8 .btn{font-size:.83rem}.resource-card-top8 .badge{font-size:.7rem}.resource-icon8{width:43px;height:43px}.resource-tags8 span{font-size:.7rem}.insight-kpis8{grid-template-columns:1fr}.insight-kpis8 article{display:flex;align-items:center;justify-content:space-between}.cert-grid8{grid-template-columns:1fr}.listening-hero8{grid-template-columns:1fr}.listening-art8{display:none}.switch8{padding:8px 12px}.solve-timer8{margin-left:auto}.result-time8{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){dialog.opening8,dialog.closing8,dialog::backdrop,.xp-reward8,.xp-reward8 .xp-track7>i:after,.playing8 .listen-icon8{animation:none!important}.resource-card8{transition:none}}
@media print{.report-time-link8,.solve-timer8,.contest-live8{display:none!important}}
/* Ranking portraits: every layer shares the same face crop. */
.ranking-desk .rank-row .rank-face{display:block!important;width:42px!important;height:42px!important;border-radius:50%!important;overflow:hidden!important;background:#e9effb;border:1px solid #dce4f5;flex:none!important}
.ranking-desk .rank-row .rank-face>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;transform:scale(2.2)!important;transform-origin:50% 22%!important}
.ranking-desk .rank-person>div:last-child{display:block!important;flex:1}.ranking-desk .rank-person{gap:10px}.rank-motto8{width:100%;font-size:.65rem!important;line-height:1.3;padding-top:3px}.ranking-desk .rank-person .badge{display:none}
@media(max-width:760px){.ranking-desk .rank-row .rank-face{width:34px!important;height:34px!important}.ranking-desk .rank-person{gap:7px}.ranking-desk .rank-row{grid-template-columns:1.5rem minmax(0,1fr) 3.5rem 1.4rem;gap:5px}.rank-motto8{font-size:.6rem!important}.ranking-desk .rank-person b{font-size:.74rem!important}}
html:has(body:is([data-view="resources"],[data-view="insights"],[data-view="community"],[data-view="criteria"],[data-view="listening"],[data-view="certifications"],[data-view="contests"],[data-view="home"])){overflow-y:auto!important;height:auto!important}
body:is([data-view="resources"],[data-view="insights"],[data-view="community"],[data-view="criteria"],[data-view="listening"],[data-view="certifications"],[data-view="contests"],[data-view="home"]){height:auto!important;min-height:100dvh}
body:is([data-view="resources"],[data-view="insights"],[data-view="community"],[data-view="criteria"],[data-view="listening"],[data-view="certifications"],[data-view="contests"],[data-view="home"]) #main.content{height:auto!important;max-height:none!important;overflow:visible!important}
body:is([data-view="resources"],[data-view="insights"],[data-view="community"],[data-view="criteria"],[data-view="listening"],[data-view="certifications"],[data-view="contests"],[data-view="home"]) #main>.page{height:auto!important;max-height:none!important;min-height:calc(100dvh - 140px);overflow:visible!important;display:block!important}
.resource-card8 h3{font-size:1.1rem;margin:2px 0 7px}.resource-card8 .resource-tags8{font-size:.7rem;color:var(--muted);margin:0 0 14px;align-items:center;gap:7px}.resource-tags8 i{height:3px;width:3px;background:var(--line);border-radius:50%}.resource-card-bottom8{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:22px}.resource-card-bottom8>span{font-size:.72rem;color:var(--muted);white-space:nowrap}.resource-card-bottom8 .btn{margin-top:0}.resource-card8{min-height:267px}.resources8 .resource-grid8+.v6-pager{min-height:48px}.resource-grid8{margin-bottom:20px}
.cart-info8.preview-info6{display:block!important;width:100%;text-align:left}.cart-info8>.cart-items8{display:block!important;width:100%;max-height:110px;overflow-y:auto}.cart-info8>.cart-heading8,.cart-info8>.cart-total8{justify-content:space-between!important}.cart-items8>div{width:100%;min-width:0;gap:7px}.cart-items8>div>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cart-items8>div small{flex-shrink:0}.cart-items8>div button{flex-shrink:0}.cart-info8>.cart-actions8{justify-content:space-between!important}.cart-info8>small{text-align:center;display:block}.xp-reward8 .xp-reward-head7>.xp-medal8{flex:none!important;width:44px!important;height:44px!important}.xp-reward8 .xp-reward-head7>div:last-child{flex:1;min-width:0}.xp-reward8 h3{justify-content:space-between}.xp-stars8{top:auto;bottom:14px;font-size:1rem}
#answerResult>.solo-check,#answerResult>.badge-award6{display:none}#answerFeedback .feedback-scroll{max-height:75dvh}#answerResult>.result-next8{margin:16px 0 5px}.recommend-head8{display:flex;justify-content:space-between;align-items:center;gap:12px}.recommend-head8 select{font-size:.85rem;min-height:38px}.recommend-metric8{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.recommend-metric8>div{background:var(--bg);border-radius:13px;padding:18px}.recommend-metric8 span{font-size:.75rem;color:var(--muted);display:block}.recommend-metric8 b{display:block;font-size:2rem;margin-top:6px}.recommend-metric8 small{font-size:.75rem;margin-left:5px;font-weight:400}.recommend-metric8 .target8{background:var(--blue-soft);color:var(--blue)}.recommend-reason8{font-size:.87rem;color:var(--muted);margin-bottom:20px}.recommend-list8>button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:16px;text-align:left}.recommend-list8>button>span:nth-child(2){flex:1}.recommend-list8 b{font-size:.9rem;display:block}.recommend-list8 small{font-size:.7rem;color:var(--muted);display:block;margin-top:4px}.recommend-level8{width:33px;height:36px;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-weight:750;display:grid;place-items:center;flex-shrink:0}
@media(max-width:760px){html:has(body[data-view="collection"]){height:auto!important;overflow-y:auto!important}body[data-view="collection"]{height:auto!important;overflow-y:auto!important}body[data-view="collection"] .shell{height:auto!important;overflow:visible!important}body[data-view="collection"] #main.content,body[data-view="collection"] #main>.page{height:auto!important;max-height:none!important;overflow:visible!important}body[data-view="collection"] .closet-desk{height:auto!important;min-height:0!important;overflow:visible!important}.closet-preview.fitting-room{height:auto!important;min-height:180px!important;grid-template-columns:88px minmax(0,1fr)!important}.closet-gallery6{min-height:475px!important;flex:none!important}#closetViewport{height:300px!important;min-height:300px!important;flex:none!important}.closet-avatar6 .cogo-avatar{max-height:none!important;max-width:100%!important;width:110px!important}.closet-avatar6{height:130px!important}.cart-info8 .cart-heading8{margin-bottom:6px}.cart-info8>.cart-items8{max-height:83px}.cart-info8 .cart-items8>div{font-size:.63rem;padding:5px 0}.cart-items8>div small{font-size:.58rem}.cart-info8>.cart-actions8{margin:7px 0}.cart-info8>small{font-size:.55rem}.cart-info8>.cart-total8{font-size:.7rem}.account-button7 #profileAvatar{display:block!important;width:28px!important;height:28px!important}.account-button7 #profileAvatar .cogo-avatar{display:block!important;width:60px!important;height:60px!important;transform:translate(-16px,-4px)!important}.account-button7 #accountLabel7{display:none!important}.account-button7{gap:2px!important}.account-button7>.icon{width:12px!important}}