:root{--navy:#0b2942;--blue:#1884c5;--teal:#18a69d;--orange:#f39a57;--ink:#10283d;--muted:#687d8c;--line:#dce7ec;--soft:#f3f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}header{height:76px;padding:0 clamp(18px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:2}.logo{display:flex;align-items:center;gap:10px}.logo>b{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:white}.logo span{display:flex;flex-direction:column}.logo small{font-size:10px;color:var(--muted)}nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:bold}.btn{display:inline-flex;justify-content:center;border:0;border-radius:10px;padding:11px 18px;font-weight:bold;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#147cbc,#2093ce);color:#fff;box-shadow:0 8px 20px #1780bd35}.btn.outline{border:1px solid var(--line)}.btn.big{padding:16px 24px}.hero{min-height:620px;padding:75px clamp(22px,7vw,110px);display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;background:radial-gradient(circle at 85% 40%,#dff7f333,transparent 30%),linear-gradient(135deg,#fff 55%,#f1f8fa)}.kicker{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.15em}.hero h1{font-size:clamp(44px,5.5vw,72px);line-height:1.06;letter-spacing:-.045em;margin:20px 0;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--blue)}.hero>div>p{font-size:18px;line-height:1.75;color:#536d7d}.actions{display:flex;align-items:center;gap:28px;margin:30px 0}.text-link{font-weight:bold}.checks{color:var(--muted);font-size:12px}.preview{background:#fff;padding:27px;border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 75px #1d4d671f}.preview small{color:var(--muted)}.score{font-size:34px;font-weight:bold;margin:14px 0 7px}.bar{height:8px;background:#e8f0f3;border-radius:20px}.bar i{display:block;height:100%;background:var(--teal);border-radius:20px}.preview article{display:flex;align-items:center;gap:12px;margin:22px 0;padding:16px;background:var(--soft);border-radius:13px}.preview article>b{width:44px;height:44px;display:grid;place-items:center;background:#def2fb;color:var(--blue);border-radius:11px}.preview article span{display:flex;flex-direction:column;flex:1}.preview article span small{color:var(--teal);font-size:8px}.preview article em{font-style:normal;font-size:10px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats span{text-align:center;padding:13px;border:1px solid var(--line);border-radius:10px}.stats b,.stats small{display:block}.proof{padding:28px clamp(22px,7vw,110px);background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between}.proof div{display:flex;flex-direction:column}.proof small,.proof span{color:#b8cbd5;font-size:11px}.proof span b{display:block;color:#fff;font-size:20px}.content{padding:75px clamp(20px,7vw,110px);min-height:70vh}.heading{text-align:center;max-width:680px;margin:0 auto 40px}.heading h1,.heading h2{font-size:38px;margin:12px}.heading p,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.cards article{padding:27px;border:1px solid var(--line);border-radius:17px}.cards i{width:46px;height:46px;display:grid;place-items:center;background:#e1f2fa;color:var(--blue);border-radius:12px;font-style:normal}.cards p{font-size:13px;line-height:1.7;color:var(--muted)}.auth-wrap,.setup-body{min-height:calc(100vh - 76px);display:grid;place-items:center;background:var(--soft);padding:30px}.auth-card,.setup-card{width:min(100%,520px);background:#fff;padding:38px;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px #1c4b6514}.setup-card{width:min(100%,720px)}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:bold;margin-bottom:15px}input{padding:13px;border:1px solid #ccdbe3;border-radius:9px;font:inherit}.auth-card form{display:flex;flex-direction:column}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px}.form-grid .wide,.form-grid hr{grid-column:1/-1}.form-grid hr{width:100%;border:0;border-top:1px solid var(--line);margin:10px 0 20px}.toast,.alert{max-width:750px;margin:18px auto;padding:14px 18px;border-radius:10px;background:#e8f8f3;color:#147a62}.alert.error{background:#fff0f0;color:#a54545}.dash{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 76px);background:var(--soft)}.dash aside{background:var(--navy);padding:35px 18px;color:#fff;display:flex;flex-direction:column;gap:7px}.dash aside>small{color:#84a2b4;padding:10px}.dash aside a{padding:13px;border-radius:9px;color:#bcd0db}.dash aside a.active,.dash aside a:hover{background:#19445f;color:#fff}.dash>section{padding:45px clamp(20px,5vw,65px);max-width:1100px}.dash h1{font-size:35px;margin:8px 0}.resume{margin:28px 0;padding:30px 38px;border-radius:18px;background:linear-gradient(120deg,var(--navy),#17617f);color:#fff;display:flex;justify-content:space-between;align-items:center}.resume>strong{font-size:38px}.resume>strong small{font-size:14px}.module-list{display:flex;flex-direction:column;gap:10px}.module-list a{display:grid;grid-template-columns:45px 1fr auto 20px;gap:14px;align-items:center;background:#fff;padding:15px;border:1px solid var(--line);border-radius:13px}.module-list i{width:42px;height:42px;display:grid;place-items:center;background:#e0f2f9;border-radius:10px;font-style:normal}.module-list span{display:flex;flex-direction:column}.module-list span small{color:var(--muted);margin-top:4px}.module-list em{font-style:normal;font-size:22px}.quiz{min-height:calc(100vh - 76px);background:var(--soft);padding:40px clamp(15px,8vw,130px)}.quiz-card{max-width:850px;margin:30px auto;background:#fff;padding:40px;border:1px solid var(--line);border-radius:20px}.quiz-card h1{font-size:25px;line-height:1.45}.answers{display:flex;flex-direction:column;gap:10px}.answers button{min-height:58px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:11px;text-align:left;cursor:pointer}.answers button:hover{border-color:var(--blue)}.answers i{width:34px;height:34px;display:grid;place-items:center;background:var(--soft);border-radius:8px;font-style:normal}.alert.success{margin-top:18px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.video-grid article{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.video-grid h2,.video-grid p{margin:18px}.video-grid p{color:var(--muted);line-height:1.6}.video{aspect-ratio:16/9}.video iframe{width:100%;height:100%;border:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.admin-stats article{padding:24px;border:1px solid var(--line);border-radius:14px}.admin-stats b,.admin-stats small{display:block}.admin-stats b{font-size:28px}.admin-stats small{color:var(--muted)}.panel{padding:25px;border:1px solid var(--line);border-radius:15px}footer{padding:25px clamp(20px,6vw,90px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer .logo>b{width:34px;height:34px}.setup-card h1{margin-top:30px}
select,textarea{padding:13px;border:1px solid #ccdbe3;border-radius:9px;font:inherit;background:#fff}textarea{min-height:95px;resize:vertical}.searchbar{max-width:1000px;margin:0 auto 22px;display:grid;grid-template-columns:1fr 250px auto;gap:10px}.category-chips{display:flex;gap:8px;overflow:auto;padding:4px 0 20px}.category-chips a,.admin-tabs a{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:bold}.category-chips a.active,.admin-tabs a.active{color:#fff;background:var(--navy);border-color:var(--navy)}.result-head{display:flex;justify-content:space-between;color:var(--muted);margin:16px 0}.question-list{display:flex;flex-direction:column;gap:9px}.question-list>a{display:grid;grid-template-columns:44px 1fr auto 15px;gap:13px;align-items:center;padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px}.question-list>a:hover{border-color:var(--blue);transform:translateY(-1px)}.question-list div{display:flex;flex-direction:column;gap:5px}.question-list small{color:var(--blue)}.question-list em{font-style:normal;font-size:10px;color:var(--muted);background:var(--soft);padding:7px;border-radius:7px}.q-icon{width:42px;height:42px;display:grid;place-items:center;background:#e0f2f9;border-radius:10px}.empty{padding:35px;text-align:center;background:var(--soft);border-radius:12px;color:var(--muted)}.video-copy{padding:0 18px 18px}.video-copy h2,.video-copy p{margin-left:0;margin-right:0}.video-copy small{color:var(--blue);font-weight:bold}.admin-content{max-width:1250px;margin:auto}.admin-tabs{display:flex;gap:8px;margin:25px 0}.admin-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.admin-list article{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:11px}.admin-list article>div{display:flex;flex-direction:column;gap:4px}.admin-list small{color:var(--muted)}.status{font-size:10px;font-weight:bold;padding:6px 8px;border-radius:7px}.status.on{background:#e8f8f3;color:#147a62}.status.off{background:#fff0f0;color:#a54545}
@media(max-width:850px){nav>a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.cards{grid-template-columns:repeat(2,1fr)}.proof{gap:20px}.dash{grid-template-columns:70px 1fr}.dash aside a{font-size:0;text-align:center}.dash aside a:first-letter{font-size:20px}.dash aside>small{display:none}.video-grid{grid-template-columns:1fr}.searchbar{grid-template-columns:1fr}.question-list>a{grid-template-columns:42px 1fr 15px}.question-list em{display:none}}
@media(max-width:600px){header{height:68px;padding:0 15px}.logo small{display:none}nav{gap:7px}nav .btn{padding:9px}.hero{padding:45px 18px}.hero h1{font-size:42px}.actions{flex-direction:column;align-items:stretch;text-align:center}.proof{flex-wrap:wrap;text-align:center;justify-content:space-around}.proof>div{width:100%}.cards{grid-template-columns:1fr}.content{padding:55px 16px}.form-grid{grid-template-columns:1fr}.dash{display:block}.dash aside{position:fixed;bottom:0;left:0;right:0;height:62px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);padding:7px}.dash aside a{padding:12px}.dash>section{padding:30px 15px 80px}.resume{padding:25px}.resume>strong{display:none}.module-list a{grid-template-columns:42px 1fr auto}.module-list em{display:none}.quiz{padding:30px 14px}.quiz-card{padding:25px 17px}.video-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr}footer{flex-direction:column;gap:14px;text-align:center}}

/* Catalogue V2.1 — composants de recherche */
.catalogue{background:linear-gradient(180deg,#fff 0,#f6fafc 420px,#f6fafc 100%)}
.searchbar{padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 35px rgba(16,40,61,.08)}
.searchbar input,.searchbar select{width:100%;height:52px;padding:0 16px;border:1px solid #d3e1e8;border-radius:11px;background:#f9fbfc;color:var(--ink);font-size:14px;outline:none;transition:.2s}
.searchbar select{appearance:none;-webkit-appearance:none;padding-right:44px;background-color:#f9fbfc;background-image:linear-gradient(45deg,transparent 50%,#5f7585 50%),linear-gradient(135deg,#5f7585 50%,transparent 50%);background-position:calc(100% - 19px) 22px,calc(100% - 13px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}
.searchbar input:focus,.searchbar select:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(24,132,197,.12)}
.searchbar .btn{height:52px;padding-left:24px;padding-right:24px;font-size:14px}
.category-chips{scrollbar-width:thin;margin-top:4px}
.category-chips a{background:#fff;box-shadow:0 3px 10px rgba(16,40,61,.04);transition:.2s}
.category-chips a:hover{color:var(--blue);border-color:#a9d3e9;transform:translateY(-1px)}
.category-chips a.active{box-shadow:0 7px 18px rgba(11,41,66,.18)}
.result-head{padding:14px 2px;border-bottom:1px solid var(--line);align-items:center}
.result-head b{color:var(--ink);font-size:16px}.result-head span{font-size:12px}
.question-list>a{min-height:78px;box-shadow:0 3px 14px rgba(16,40,61,.035);transition:border-color .2s,box-shadow .2s,transform .2s}
.question-list>a:hover{box-shadow:0 10px 25px rgba(16,40,61,.09)}
.question-list strong{font-size:14px;line-height:1.4}.question-list small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.question-list>a>b{font-size:22px;color:#9bb0bd}
@media(max-width:600px){.catalogue .heading h1{font-size:31px}.searchbar{padding:9px}.category-chips{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.result-head span{display:none}.question-list>a{padding:12px;min-height:72px}.question-list strong{font-size:13px}}
.video-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.video-meta small{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.video-level{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.video-level.indispensable{color:#fff;background:#ef7f45}.video-level.complement{color:#176b91;background:#e3f3fa}.video-level.revision{color:#147a62;background:#e4f7f1}
.video-search{max-width:1180px;grid-template-columns:minmax(220px,1fr) 220px 190px auto}.training-cta{margin:25px auto 0;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:1px solid #bfe0ef;background:#eff9fd;border-radius:14px}.training-cta div{display:flex;flex-direction:column;gap:4px}.training-cta small{color:var(--muted)}.training-setup,.training{min-height:calc(100vh - 76px);padding:55px 18px;background:radial-gradient(circle at 80% 20%,#dff7f3,transparent 30%),var(--soft)}.training-setup>section,.training-welcome,.training-finish{max-width:720px;margin:auto;padding:42px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 55px rgba(16,40,61,.08);text-align:center}.training-setup h1,.training-welcome h1,.training-finish h1{font-size:38px;margin:12px 0}.training-setup p,.training-welcome p,.training-finish p{color:var(--muted);line-height:1.7}.training-setup form{margin-top:28px;text-align:left}.count-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.count-choice label{margin:0;cursor:pointer}.count-choice input{position:absolute;opacity:0}.count-choice span{padding:20px;display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--line);border-radius:14px}.count-choice b{font-size:28px}.count-choice small{color:var(--muted)}.count-choice input:checked+span{color:var(--blue);border-color:var(--blue);background:#eef8fd;box-shadow:0 0 0 4px rgba(24,132,197,.09)}.training-setup select{width:100%}.training-setup form>.btn{width:100%}.training-welcome .btn{margin:8px}.training-player{max-width:950px;margin:auto}.training-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.training-top>strong{text-align:right}.voice-toggle{justify-self:start;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px;cursor:pointer}.training-progress{height:9px;margin:16px 0;background:#dfe9ee;border-radius:99px;overflow:hidden}.training-progress i{height:100%;display:block;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:99px;transition:width .3s}.training .quiz-card{margin:0 auto}.answers button.correct{border-color:#20a77a;background:#edfaf5}.answers button.correct i{background:#20a77a;color:#fff}.answers button.wrong{border-color:#dc6363;background:#fff1f1}.answers button.wrong i{background:#dc6363;color:#fff}.answers button:disabled{cursor:default}.training-feedback{margin:18px 0;padding:16px;border-radius:12px}.training-feedback.success{color:#147a62;background:#e8f8f3}.training-feedback.error{color:#9d4040;background:#fff0f0}.training-feedback p{margin-bottom:0;line-height:1.6}.final-score{width:150px;height:150px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:35px;font-weight:bold;box-shadow:0 15px 35px rgba(24,132,197,.25)}
@media(max-width:850px){.video-search{grid-template-columns:1fr}.training-top{grid-template-columns:1fr auto}.training-top>strong{grid-column:1/-1;text-align:left}.training-cta{align-items:stretch;flex-direction:column}}
@media(max-width:600px){.training-setup,.training{padding:25px 12px}.training-setup>section,.training-welcome,.training-finish{padding:28px 18px}.training-setup h1,.training-welcome h1,.training-finish h1{font-size:30px}.count-choice{gap:7px}.count-choice span{padding:15px 6px}.training-welcome .btn{width:100%;margin:5px 0}.training-top{font-size:12px}.training .quiz-card{padding:24px 16px}.training .quiz-card h1{font-size:21px}}
.training-history{max-width:900px!important;margin-top:25px!important;text-align:left!important}.history-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.history-title h2{margin:7px 0}.history-stats{display:flex;gap:10px}.history-stats span{min-width:85px;padding:11px;text-align:center;border:1px solid var(--line);border-radius:11px}.history-stats b,.history-stats small{display:block}.history-stats b{font-size:21px}.history-stats small{margin-top:3px;color:var(--muted);font-size:9px;text-transform:uppercase}.history-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.history-list article{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px}.history-list article>div:last-child{display:flex;flex-direction:column;gap:5px}.history-list small{color:var(--muted);font-size:10px}.history-score{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:12px;font-weight:bold}.history-score.great{color:#147a62;background:#e4f7f1}.history-score.good{color:#176b91;background:#e3f3fa}.history-score.retry{color:#a45a35;background:#fff0e8}.audio-panel{margin:14px 0;padding:14px;display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:13px}.audio-panel label{margin:0;gap:5px}.audio-panel input[type=range]{width:100%;height:5px;padding:0;accent-color:var(--blue)}.audio-panel output{font-size:10px;color:var(--muted)}.audio-panel select{width:100%;padding:10px}.audio-panel .btn{padding:10px 12px}.score-saved{margin:15px 0;padding:11px;border-radius:9px;color:#147a62;background:#e8f8f3;font-weight:bold}.score-saved.save-error{color:#9d4040;background:#fff0f0}
@media(max-width:900px){.audio-panel{grid-template-columns:1fr 1fr}.audio-panel .btn{grid-column:1/-1}.history-list{grid-template-columns:1fr}}
@media(max-width:600px){.history-title{align-items:flex-start;flex-direction:column}.history-stats{width:100%}.history-stats span{min-width:0;flex:1}.training-history{padding:24px 14px!important}.audio-panel{grid-template-columns:1fr}.audio-panel .btn{grid-column:auto}}
.revision-audio{max-width:850px;margin:18px auto -15px;display:flex;justify-content:flex-end;gap:8px}.revision-card .training-feedback{margin-top:18px}.revision-card .answers button span{flex:1}.revision-card .answers button.correct{border-color:#20a77a;background:#edfaf5}.revision-card .answers button.correct i{background:#20a77a;color:#fff}.revision-card .answers button.wrong{border-color:#dc6363;background:#fff1f1}.revision-card .answers button.wrong i{background:#dc6363;color:#fff}.revision-card .answers button:disabled{cursor:default}
.revision-next{margin-top:16px;width:100%}[hidden]{display:none!important}
@media(max-width:600px){.revision-audio{margin:15px auto -12px;display:grid;grid-template-columns:1fr 1fr}.revision-audio .btn{grid-column:1/-1}.revision-audio button{font-size:11px}}
.diagram-page{min-height:calc(100vh - 76px);padding:45px clamp(16px,5vw,75px);background:linear-gradient(180deg,#fff,#f3f8fa)}.diagram-heading{max-width:1320px;margin:0 auto 25px;display:flex;align-items:end;justify-content:space-between;gap:25px}.diagram-heading h1{font-size:clamp(30px,4vw,48px);margin:10px 0}.diagram-heading p{margin:0;color:var(--muted)}.diagram-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:20px}.diagram-board,.diagram-explain{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 45px rgba(16,40,61,.07)}.diagram-board{padding:16px;overflow:hidden}.diagram-board svg{width:100%;height:auto;display:block}.diagram-legend{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:10px;font-weight:bold}.diagram-legend span{display:flex;align-items:center;gap:6px}.diagram-legend i{width:10px;height:10px;border-radius:50%}.diagram-legend .hp{background:#ef7044}.diagram-legend .bp{background:#218dcc}.diagram-legend .heat{background:#f4b348}.pipe{fill:none;stroke-width:12;stroke-linecap:round}.pipe.hot{stroke:#ef7044}.pipe.cold{stroke:#218dcc}.pipe.flow{stroke-dasharray:18 10;animation:fluidFlow 1.2s linear infinite}@keyframes fluidFlow{to{stroke-dashoffset:-28}}.component{cursor:pointer;outline:none}.component rect{fill:#fff;stroke:#d8e5eb;stroke-width:2;transition:.2s}.component circle{fill:#edf7fb;stroke:#218dcc;stroke-width:3}.component path{fill:none;stroke:#218dcc;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.component text{fill:#1884c5;font-size:18px;font-weight:900;text-anchor:middle}.component .name{fill:#10283d;font-size:13px}.component .state{fill:#687d8c;font-size:10px;font-weight:normal}.component .small{font-size:10px}.component.active rect,.component:hover rect{stroke:#1884c5;stroke-width:4;fill:#f7fcfe}.component.active{filter:drop-shadow(0 0 10px rgba(24,132,197,.25))}.heat-arrows{fill:none;stroke:#f4b348;stroke-width:5;stroke-linecap:round}.heat-arrows.absorb{stroke:#39b9aa}.heat-label,.cold-label{font-size:11px;font-weight:900;letter-spacing:.08em;fill:#bd7725}.cold-label{fill:#188b82}.pressure-tag text{font-size:9px;font-weight:bold}.hp-tag rect{fill:#fff0e9}.hp-tag text{fill:#c45b35}.bp-tag rect{fill:#e8f5fb}.bp-tag text{fill:#1879ad}.diagram-mobile-hint{display:none;text-align:center;color:var(--muted);font-size:11px}.diagram-explain{padding:32px;align-self:stretch}.diagram-number{width:55px;height:55px;display:grid;place-items:center;margin-bottom:22px;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:26px;font-weight:bold}.diagram-explain h2{font-size:30px;margin:10px 0}.diagram-explain>p{min-height:100px;color:var(--muted);line-height:1.7}.diagram-simple{padding:16px;display:flex;flex-direction:column;gap:7px;border-left:4px solid var(--teal);background:#ebf8f5;border-radius:0 11px 11px 0}.diagram-simple span{font-size:12px;line-height:1.5}.diagram-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.diagram-values span{padding:12px;border:1px solid var(--line);border-radius:10px}.diagram-values small,.diagram-values b{display:block}.diagram-values small{font-size:8px;color:var(--muted);margin-bottom:5px}.diagram-values b{font-size:11px}.diagram-nav{display:flex;gap:8px;margin-top:22px}.diagram-nav .btn{flex:1}.diagram-summary{max-width:1320px;margin:20px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.diagram-summary article{display:grid;grid-template-columns:38px 1fr;gap:3px 10px;align-items:center;padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px}.diagram-summary i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e7f4fa;color:var(--blue);font-style:normal;font-weight:bold}.diagram-summary span{font-size:10px;color:var(--muted)}
@media(max-width:980px){.diagram-layout{grid-template-columns:1fr}.diagram-explain>p{min-height:0}.diagram-summary{grid-template-columns:1fr 1fr}.diagram-board{overflow:auto}.diagram-board svg{min-width:690px}.diagram-mobile-hint{display:block}}
@media(max-width:600px){.diagram-page{padding:28px 12px}.diagram-heading{align-items:stretch;flex-direction:column}.diagram-heading .btn{align-self:flex-start}.diagram-explain{padding:24px 18px}.diagram-summary{grid-template-columns:1fr}.diagram-values{grid-template-columns:1fr}.diagram-legend{justify-content:flex-start;overflow:auto}.diagram-board{padding:12px}}
.results-page{min-height:calc(100vh - 76px);padding:50px clamp(16px,6vw,90px);background:var(--soft)}.results-heading{max-width:900px;margin:0 auto 28px;text-align:center}.results-heading h1{font-size:44px;margin:10px}.results-heading p{color:var(--muted)}.result-stats{max-width:1100px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.result-stats article{padding:24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:15px}.result-stats b,.result-stats small{display:block}.result-stats b{font-size:34px}.result-stats small{margin-top:5px;color:var(--muted)}.results-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.result-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}.result-panel h2{margin-top:0}.category-results{display:flex;flex-direction:column;gap:13px}.category-results article{display:grid;grid-template-columns:minmax(170px,1fr) minmax(130px,1.2fr) 45px 35px;gap:9px;align-items:center}.category-results span{font-size:12px;font-weight:bold}.category-results small{color:var(--muted)}.category-meter{height:8px;background:#e6eef2;border-radius:99px;overflow:hidden}.category-meter i{height:100%;display:block;background:linear-gradient(90deg,#ef7044,#f1b247 45%,#25a983);border-radius:99px}.weak-topics{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.weak-topics article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px}.weak-topics article>div{display:flex;flex-direction:column;gap:3px}.weak-topics small{color:var(--muted);font-size:9px}.weak-topics span{padding:7px;border-radius:8px;font-weight:bold}.weak-topics .great{color:#147a62;background:#e4f7f1}.weak-topics .good{color:#176b91;background:#e3f3fa}.weak-topics .retry{color:#a45a35;background:#fff0e8}.sessions-panel{max-width:1100px;margin:16px auto}.sessions-table{display:flex;flex-direction:column}.sessions-table a{display:grid;grid-template-columns:125px 1fr 70px 55px 110px;gap:12px;align-items:center;padding:13px 5px;border-bottom:1px solid var(--line)}.sessions-table span,.sessions-table small{color:var(--muted);font-size:11px}.sessions-table em{font-style:normal;color:var(--blue);font-size:11px}.session-report{max-width:1000px;margin:20px auto;display:grid;grid-template-columns:280px 1fr;gap:18px}.report-score,.report-advice{padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px}.report-score{display:flex;flex-direction:column;text-align:center}.report-score strong{font-size:55px;color:var(--blue)}.report-score span{font-weight:bold}.report-score small{margin-top:8px;color:var(--muted)}.report-advice p{color:var(--muted);line-height:1.7}.answer-review{max-width:1000px;margin:auto}.answer-review>article{display:grid;grid-template-columns:45px 1fr;gap:13px;margin:10px 0;padding:17px;background:#fff;border:1px solid var(--line);border-radius:13px}.answer-review>article.right{border-left:4px solid #25a983}.answer-review>article.wrong{border-left:4px solid #dc6363}.review-number{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-size:22px;font-weight:bold}.right .review-number{color:#147a62;background:#e4f7f1}.wrong .review-number{color:#a54545;background:#fff0f0}.answer-review h3{margin:5px 0;font-size:15px}.answer-review small{color:var(--blue);font-size:9px;font-weight:bold}.answer-review p{margin:7px 0;color:var(--muted)}.answer-review .correct-copy{color:#147a62}.answer-review details{margin-top:10px;padding:10px;background:var(--soft);border-radius:8px}.answer-review summary{cursor:pointer;font-weight:bold;font-size:11px}
@media(max-width:850px){.results-grid,.session-report{grid-template-columns:1fr}.sessions-table a{grid-template-columns:1fr auto auto}.sessions-table a span,.sessions-table a em{display:none}}
@media(max-width:600px){.results-page{padding:30px 12px}.results-heading h1{font-size:34px}.result-stats{grid-template-columns:1fr 1fr 1fr;gap:7px}.result-stats article{padding:15px 5px}.result-stats b{font-size:25px}.result-stats small{font-size:9px}.result-panel{padding:18px 12px}.category-results article{grid-template-columns:1fr 45px 32px}.category-meter{grid-column:1/-1;grid-row:2}.answer-review>article{grid-template-columns:35px 1fr;padding:13px}.review-number{width:32px;height:32px}}
.result-stats.result-stats-five{grid-template-columns:repeat(5,1fr)}
@media(max-width:850px){.result-stats.result-stats-five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.result-stats.result-stats-five{grid-template-columns:repeat(2,1fr)}}
.category-results article{grid-template-columns:minmax(170px,1fr) minmax(110px,1.2fr) 45px 35px 65px}.category-review-link{font-size:12px;font-weight:bold}.category-review-link:hover,.mini-review:hover{color:var(--blue)}.mini-review{font-size:10px;font-weight:bold;color:var(--blue);white-space:nowrap}.weak-topics>a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px}.weak-topics>a:hover{border-color:var(--blue);background:#f7fcfe}.weak-topics>a>div{display:flex;flex-direction:column;gap:3px}.weak-topics>a>em{font-size:10px;font-style:normal;font-weight:bold;color:var(--blue)}
@media(max-width:600px){.category-results article{grid-template-columns:1fr 45px 32px 60px}.category-results .category-meter{grid-column:1/-1;grid-row:2}.weak-topics>a{grid-template-columns:1fr auto}.weak-topics>a>em{display:none}}
.mobile-menu-toggle{display:none;width:44px;height:42px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.mobile-menu-toggle span{display:block;height:2px;margin:5px 0;border-radius:2px;background:var(--navy);transition:.2s}
@media(max-width:850px){body>header{position:relative;z-index:50}.mobile-menu-toggle{display:block;margin-left:auto}body>header>nav{display:none;position:absolute;top:calc(100% + 1px);left:12px;right:12px;padding:12px;flex-direction:column;align-items:stretch;gap:5px;background:#fff;border:1px solid var(--line);border-radius:0 0 15px 15px;box-shadow:0 18px 38px rgba(16,40,61,.18)}body>header.menu-open>nav{display:flex}body>header>nav>a,body>header>nav>a:not(.btn){display:flex!important;width:100%;min-height:44px;padding:12px 14px;align-items:center;border-radius:9px}body>header>nav>a:hover{background:var(--soft)}body>header>nav .btn{justify-content:flex-start;box-shadow:none}.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
.diagram-modes{max-width:1320px;margin:-8px auto 18px;display:flex;justify-content:flex-end;gap:8px}.diagram-modes .btn{font-size:12px}.phase-band rect{stroke-width:1}.condenser-band rect{fill:#fff4ed;stroke:#f4b99e}.evaporator-band rect{fill:#eaf6fc;stroke:#a9d7ed}.phase-band>text{font-size:7px;font-weight:900;text-anchor:middle;letter-spacing:.025em}.condenser-band>text{fill:#b95331}.evaporator-band>text{fill:#1776a7}.phase-band path{stroke-width:1;opacity:.35}.condenser-band path{stroke:#d76b45}.evaporator-band path{stroke:#218dcc}.state-point>circle{fill:#218dcc;stroke:#fff;stroke-width:3}.state-point.hp-point>circle{fill:#ef7044}.state-point>text{fill:#fff;font-size:10px;font-weight:900;text-anchor:middle;dominant-baseline:central}.point-label rect{fill:#fff;stroke:#d8e5eb;stroke-width:1}.point-label text{fill:#496677;font-size:7px;font-weight:700;text-anchor:middle}.diagram-detail-key{margin:7px 5px 0;padding:14px;background:#f6fafc;border:1px solid var(--line);border-radius:13px}.diagram-detail-key>b{display:block;margin-bottom:10px;font-size:12px}.diagram-detail-key>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.diagram-detail-key span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.diagram-detail-key i{width:21px;height:21px;flex:0 0 21px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-weight:bold}.diagram-board.simple-mode .detail-layer,.diagram-board.simple-mode .detail-layer-html{display:none}.diagram-board:not(.simple-mode) .pressure-tag{opacity:.35}
@media(max-width:980px){.diagram-modes{justify-content:flex-start}.diagram-detail-key{min-width:690px}.diagram-detail-key>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.diagram-modes{display:grid;grid-template-columns:1fr 1fr}.diagram-modes .btn{padding:10px 7px;font-size:10px}.diagram-detail-key>div{grid-template-columns:repeat(2,1fr)}}
.clean-cycle .coil-base,.clean-cycle .pipe-base{fill:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.clean-cycle .coil-base.hot,.clean-cycle .pipe-base.hot{stroke:#f12f3b}.clean-cycle .coil-base.cold,.clean-cycle .pipe-base.cold{stroke:#16a9e2}.clean-cycle .coil-flow,.clean-cycle .pipe-flow{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 27;animation:cycleFluid 1.15s linear infinite}.clean-cycle .coil-flow.hot,.clean-cycle .pipe-flow.hot{stroke:#ffd2c9}.clean-cycle .coil-flow.cold,.clean-cycle .pipe-flow.cold{stroke:#d7f5ff}.clean-cycle .coil-flow,.clean-cycle .pipe-flow{pointer-events:none}@keyframes cycleFluid{to{stroke-dashoffset:-30}}.clean-cycle .component{cursor:pointer}.clean-cycle .component image{opacity:.88;transition:.2s}.clean-cycle .component:hover image,.clean-cycle .component.active image{opacity:1;filter:drop-shadow(0 8px 8px rgba(11,41,66,.22))}.clean-cycle .coil.active .coil-base,.clean-cycle .coil:hover .coil-base{filter:drop-shadow(0 0 7px rgba(24,132,197,.38))}.clean-cycle .center-organ>rect{fill:#fff;stroke:#dce7ec;stroke-width:2}.clean-cycle .center-organ.active>rect,.clean-cycle .center-organ:hover>rect{fill:#f8fcfe;stroke:#1884c5;stroke-width:3}.clean-cycle .cycle-badge circle{fill:#fff;stroke:#405564;stroke-width:3}.clean-cycle .cycle-badge text{fill:#10283d;font-size:16px;font-weight:900;text-anchor:middle;dominant-baseline:central}.clean-cycle .organ-name{fill:#10283d;font-size:14px;font-weight:900;text-anchor:middle}.clean-cycle .organ-state{font-size:10px;font-weight:700;text-anchor:middle}.clean-cycle .hot-text{fill:#cf3d36}.clean-cycle .cold-text{fill:#167dad}.clean-cycle .cycle-energy{font-size:11px;font-weight:900;text-anchor:middle}.clean-cycle .cycle-energy.rejected{fill:#d64135}.clean-cycle .cycle-energy.absorbed{fill:#1689bb}.clean-cycle .energy-arrow{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.clean-cycle .energy-arrow.rejected{stroke:#ef5141}.clean-cycle .energy-arrow.absorbed{stroke:#1daadd}.clean-cycle .pressure-separator{stroke:#7d8c96;stroke-width:2;stroke-dasharray:10 9}.clean-cycle .pressure-title{font-size:15px;font-weight:900;text-anchor:middle;text-decoration:underline}.clean-cycle .hp-title{fill:#e33b3b}.clean-cycle .bp-title{fill:#159cd4}
@media(prefers-reduced-motion:reduce){.clean-cycle .coil-flow,.clean-cycle .pipe-flow{animation:none}}
.diagram-top-nav{display:flex;align-items:center;gap:8px}.diagram-top-nav #diagramTopPrev,.diagram-top-nav #diagramTopNext{display:none}
@media(max-width:600px){.diagram-page{padding:24px 10px}.diagram-heading{gap:18px;margin-bottom:18px}.diagram-heading h1{font-size:34px;line-height:1.08}.diagram-heading p{font-size:15px;line-height:1.5}.diagram-top-nav{width:100%;display:grid;grid-template-columns:48px 1fr 48px;gap:7px;position:sticky;top:8px;z-index:12;padding:7px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 24px rgba(16,40,61,.12);backdrop-filter:blur(8px)}.diagram-top-nav #diagramTopPrev,.diagram-top-nav #diagramTopNext{display:inline-flex;padding:11px 8px}.diagram-top-nav #diagramTopPrev span,.diagram-top-nav #diagramTopNext span{display:none}.diagram-top-nav #diagramVoice{width:100%;padding:11px 8px}.diagram-board{padding:9px 5px;overflow:hidden}.diagram-board svg,.diagram-board .clean-cycle{width:100%;min-width:0;height:auto}.diagram-legend{padding:2px 6px;gap:12px;justify-content:center;white-space:nowrap;font-size:8px}.diagram-mobile-hint{padding:5px 12px;line-height:1.4}.diagram-explain{margin-top:0}.clean-cycle .organ-name{font-size:16px}.clean-cycle .organ-state{font-size:12px}}
.diagram-top-current{display:none}.diagram-top-actions{display:flex;align-items:center;gap:8px}.diagram-top-actions #diagramTopPrev,.diagram-top-actions #diagramTopNext{display:none}
@media(max-width:600px){.diagram-top-nav{display:block;padding:9px}.diagram-top-current{display:flex;margin-bottom:8px;align-items:center;justify-content:center;gap:8px}.diagram-top-current small{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.08em}.diagram-top-current b{font-size:15px}.diagram-top-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.diagram-top-actions #diagramTopPrev,.diagram-top-actions #diagramTopNext{display:inline-flex;min-width:0;padding:10px 7px;font-size:10px;white-space:nowrap}.diagram-top-actions #diagramTopPrev{justify-content:flex-start}.diagram-top-actions #diagramTopNext{justify-content:flex-end}.diagram-top-actions #diagramTopPrev span,.diagram-top-actions #diagramTopNext span{display:inline;overflow:hidden;text-overflow:ellipsis}.diagram-top-actions #diagramVoice{width:auto;padding:10px 11px;font-size:11px}}
.diagram-heading>.diagram-top-nav{display:flex;flex-direction:column;align-items:stretch;min-width:370px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgba(16,40,61,.07)}.diagram-heading .diagram-top-current{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.diagram-heading .diagram-top-current small{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.08em}.diagram-heading .diagram-top-current b{font-size:14px}.diagram-heading .diagram-top-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}.diagram-heading .diagram-top-actions #diagramTopPrev,.diagram-heading .diagram-top-actions #diagramTopNext{display:inline-flex;min-width:0;padding:10px;font-size:11px}.diagram-heading .diagram-top-actions #diagramTopPrev{justify-content:flex-start}.diagram-heading .diagram-top-actions #diagramTopNext{justify-content:flex-end}.course-conversion{max-width:1320px;margin:18px auto 0;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;background:linear-gradient(120deg,var(--navy),#17617f);border-radius:18px}.course-conversion h2{margin:8px 0}.course-conversion p{margin:0;color:#c5d8e1}.course-hub{background:radial-gradient(circle at 80% 15%,#dff7f3,transparent 28%),var(--soft)}.course-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.course-card{min-height:330px;padding:28px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 40px rgba(16,40,61,.07)}.course-card.available{transition:.2s}.course-card.available:hover{border-color:#9ed3ea;transform:translateY(-3px);box-shadow:0 20px 45px rgba(16,40,61,.12)}.course-card small{margin-top:20px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.08em}.course-card h2{font-size:27px;margin:10px 0}.course-card p{color:var(--muted);line-height:1.7}.course-card strong{margin-top:auto;color:var(--blue)}.course-visual{height:95px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#fff1ec,#eff9fd);border-radius:15px}.course-visual b{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:14px;font-size:21px}.course-flow{width:95px;height:10px;border-radius:99px}.course-flow.hot{background:#f12f3b}.course-flow.cold{background:#16a9e2}.course-placeholder{height:95px;display:grid;place-items:center;border:2px dashed var(--line);border-radius:15px;color:#9aafbb;font-size:35px}.course-card.coming{box-shadow:none;background:#f8fbfc}
@media(max-width:800px){.diagram-heading>.diagram-top-nav{min-width:0;width:100%}.course-conversion{align-items:stretch;flex-direction:column}.course-grid{grid-template-columns:1fr}}
@media(max-width:600px){.diagram-heading>.diagram-top-nav{position:sticky;top:8px;padding:9px}.course-conversion{padding:22px 18px}.course-conversion .btn{width:100%}.course-card{min-height:300px;padding:22px}.course-flow{width:65px}}
.diagram-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.diagram-nav .btn{min-width:0}.diagram-nav #diagramVoice{padding-left:14px;padding-right:14px;white-space:nowrap}
@media(max-width:600px){.diagram-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.diagram-nav .btn{padding:10px 7px;font-size:10px}.diagram-nav #diagramVoice{padding-left:10px;padding-right:10px}}
.diagram-nav{grid-template-columns:minmax(0,1.15fr) minmax(82px,.8fr) minmax(0,1.15fr);align-items:stretch}.diagram-nav .btn{min-height:50px;align-items:center;justify-content:center;white-space:nowrap;line-height:1}.diagram-nav #diagramPrev{justify-content:flex-start}.diagram-nav #diagramNext{justify-content:flex-end}
@media(max-width:600px){.diagram-nav{grid-template-columns:minmax(0,1.15fr) minmax(76px,.8fr) minmax(0,1.15fr);gap:6px}.diagram-nav .btn,.diagram-nav #diagramVoice{min-height:48px;padding:9px 6px;font-size:10px;white-space:nowrap}.diagram-nav #diagramPrev,.diagram-nav #diagramNext{justify-content:center}}
.diagram-mobile-nav-slot{display:none}
@media(max-width:600px){.diagram-mobile-nav-slot{display:block;position:sticky;top:8px;z-index:15;margin:0 0 12px;padding:7px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 24px rgba(16,40,61,.13);backdrop-filter:blur(8px)}.diagram-mobile-nav-slot .diagram-nav{margin:0}.diagram-explain .diagram-nav{margin-top:22px}}
.diagram-mobile-current{display:none}
@media(max-width:600px){.diagram-mobile-current{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:7px;padding:2px 5px 8px;border-bottom:1px solid var(--line)}.diagram-mobile-current small{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.diagram-mobile-current b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}}
.resume{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px}.resume>div{min-width:0}.resume>strong{min-width:88px;text-align:center}.module-progress-copy{color:var(--blue)!important;font-size:9px!important;font-weight:800}.module-list .module-progress-bar{display:block;width:100%;height:5px;margin-top:4px;overflow:hidden;background:#e6eef2;border-radius:99px}.module-list .module-progress-bar>i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:99px}
@media(max-width:600px){html,body{max-width:100%;overflow-x:hidden}img,svg,iframe,video{max-width:100%}button,input,select,textarea{max-width:100%}.heading h1,.heading h2{font-size:clamp(28px,9vw,36px)}.dash>section{min-width:0;padding:30px 15px calc(96px + env(safe-area-inset-bottom))}.dash h1{font-size:clamp(31px,10vw,42px);line-height:1.08}.dash aside{height:calc(62px + env(safe-area-inset-bottom));padding-bottom:calc(7px + env(safe-area-inset-bottom))}.resume{grid-template-columns:minmax(0,1fr) 66px;gap:12px;padding:22px 18px}.resume h2{font-size:21px;line-height:1.25;margin:10px 0}.resume p{font-size:12px;line-height:1.45}.resume>strong{display:block;min-width:66px;padding:12px 5px;align-self:start;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.1);font-size:28px}.resume>strong small{font-size:11px}.resume .btn{width:100%;padding:12px 8px;font-size:11px}.module-list a{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:13px 11px;overflow:hidden}.module-list span{min-width:0}.module-list span b,.module-list span small{overflow-wrap:anywhere}.module-list>a>strong{font-size:16px}.module-list .module-progress-bar>i{width:var(--progress,0)}.auth-card,.setup-card,.panel,.result-panel{max-width:100%;padding-left:16px;padding-right:16px}.searchbar,.video-search{width:100%;min-width:0}.searchbar>*{min-width:0;width:100%}.admin-list article{grid-template-columns:minmax(0,1fr);align-items:stretch}.admin-list article .btn{width:100%}.sessions-table a{min-width:0}.proof span{min-width:90px}.cards article{min-width:0}footer{padding-bottom:calc(25px + env(safe-area-inset-bottom))}}
.password-field{position:relative;display:flex}.password-field input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:5px;top:5px;width:38px;height:36px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:17px}.forgot-link{display:block;margin-top:14px;text-align:right;color:var(--blue);font-weight:bold}.email-state{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;padding:13px;border-radius:11px}.email-state.verified,.email-badge.verified{color:#147a62;background:#e4f7f1}.email-state.pending,.email-badge.pending{color:#a45a35;background:#fff0e8}.email-state a{text-decoration:underline}.email-badge{display:inline-flex;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:bold}.profile-photo{display:flex;align-items:center;gap:15px;margin:15px 0}.profile-photo>span,.profile-photo>img,.profile-mini{width:64px;height:64px;flex:0 0 64px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:25px;font-weight:bold}.profile-photo label{flex:1}.dashboard-identity{display:flex;align-items:center;gap:14px}.dashboard-identity img{width:58px;height:58px;border-radius:50%;object-fit:cover}.dashboard-identity h1{margin-bottom:5px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.check-line{flex-direction:row;align-items:center;gap:9px}.check-line input{width:auto}.user-admin-list{display:flex;flex-direction:column;gap:11px;margin-top:20px}.user-admin-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.user-admin-card summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;cursor:pointer}.user-admin-card summary>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.user-admin-card summary small{overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.user-admin-card summary em{font-size:10px;font-style:normal}.user-admin-card form{padding:18px;border-top:1px solid var(--line)}.profile-mini{width:44px;height:44px;min-width:44px;font-size:16px}.profile-mini img{width:100%;height:100%;border-radius:50%;object-fit:cover}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:15px}.quiz-timer{width:58px;height:58px;flex:0 0 58px;display:flex;align-items:baseline;justify-content:center;padding-top:13px;border:4px solid var(--blue);border-radius:50%;color:var(--blue);transition:.2s}.quiz-timer b{font-size:23px}.quiz-timer small{font-size:9px}.quiz-timer.urgent{color:#d46b2d;border-color:#f39a57;transform:scale(1.08)}.quiz-timer.expired{color:#a54545;border-color:#dc6363}.training-feedback.timeout{background:#fff4e8;color:#9b592f;border-color:#f1c69d}
@media(max-width:600px){.dash aside{grid-template-columns:repeat(5,1fr)}.dash aside a{padding:12px 5px}.dashboard-identity{align-items:flex-start}.dashboard-identity img{width:48px;height:48px}.user-admin-card summary{grid-template-columns:42px minmax(0,1fr) auto}.user-admin-card summary em{display:none}.account-card{padding:24px 17px}.question-meta{align-items:flex-start}.quiz-timer{width:52px;height:52px;flex-basis:52px;padding-top:11px}.quiz-timer b{font-size:21px}}
.text-button{padding:0;border:0;background:transparent;color:inherit;text-decoration:underline;font:inherit;font-weight:bold;cursor:pointer}