:root{color-scheme:dark;--bg:#090f17;--panel:#101d28;--mint:#b7ebd2;--text:#e5eee9;--muted:#a5b7bb;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}a{color:var(--mint)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:10;background:#101d28;padding:12px}header{max-width:1450px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 32px;gap:25px;border-bottom:1px solid var(--line)}.brand{font-size:25px;letter-spacing:-1px;color:#fff;text-decoration:none;font-weight:750}.brand span{color:var(--mint)}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;color:var(--muted);padding:9px 13px;border-radius:25px}nav a[aria-current]{color:var(--mint);background:#b7ebd215}main{max-width:1320px;margin:auto;padding:0 32px}.intro{padding:65px 0 50px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--mint);font-weight:700}h1{font-size:clamp(32px,5.2vw,69px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0}h1 span{color:var(--mint)}.lead{max-width:710px;font-size:19px;color:var(--muted)}.jump{display:inline-block;text-decoration:none;margin-top:15px}h2{font-size:clamp(24px,3vw,36px);letter-spacing:-1px;line-height:1.2}h3{font-size:24px;line-height:1.3;margin:10px 0}.lab{border:1px solid var(--line);background:var(--panel);border-radius:22px;overflow:hidden}.lab-head{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;gap:15px}.lab-head h2{margin:0;font-size:24px}.lab-head button,.component-buttons button,.mode-buttons button{border:1px solid var(--line);border-radius:22px;padding:9px 16px;color:var(--text);background:#ffffff06}.hint{margin:0;padding:0 26px 15px;font-size:13px;color:var(--muted)}.scene{background:#0d1c28}.scene svg{display:block;width:100%;height:auto}.region{fill:#a6bdc9;font:14px system-ui;letter-spacing:1px}.svg-label{fill:#b9bacd;font:14px system-ui;text-anchor:middle}[data-part]{opacity:.28;transition:opacity .4s}[data-part].active{opacity:1}.lipid{animation:drift 4s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes drift{to{transform:translate(3px,2px)}}.component-buttons{display:flex;flex-wrap:wrap;gap:8px;padding:22px 26px}.component-buttons button[aria-pressed=true],.mode-buttons button[aria-pressed=true]{background:var(--mint);color:var(--bg);border-color:var(--mint)}.explanation{padding:0 26px 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.explanation p{color:var(--muted)}.observation{border-left:1px solid var(--line);padding:18px 0 0 25px}.observation span{font-size:11px;letter-spacing:2px;color:var(--mint)}.observation strong{font-size:14px;color:#d5e9dd;font-weight:500}.model-note{font-size:12px;color:var(--muted);padding:17px 26px;margin:0;border-top:1px solid var(--line)}.transport,.course,.quiz{padding:65px 0 10px}.mode-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}#mode-info{padding:22px 26px;border:1px solid var(--line);border-radius:15px;background:var(--panel);margin-bottom:15px}#mode-info h3{font-size:21px}#mode-info p{margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.cards article{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:18px}.cards span{color:var(--mint);font-size:12px}.cards h3{font-size:22px}.cards p,details p{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650}details p{max-width:950px}.quiz-item{border:1px solid var(--line);border-radius:18px;padding:22px;margin:18px 0}.quiz-item h3{font-size:19px}.answers{display:flex;flex-wrap:wrap;gap:8px}.answers button{background:#ffffff08;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 17px}.answers button[aria-pressed=true]{border-color:var(--mint)}.feedback{min-height:26px;color:var(--mint);margin-bottom:0}footer{padding:35px 0;color:var(--muted);font-size:13px}.molecule{animation:cross 5s linear infinite;animation-delay:var(--delay,0s)}@keyframes cross{0%{transform:translateY(0);opacity:0}10%,85%{opacity:1}100%{transform:translateY(var(--travel,260px));opacity:0}}.paused *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:780px){header{padding:15px;flex-direction:column;gap:10px}nav{justify-content:center;gap:3px}nav a{font-size:12px;padding:7px}main{padding:0 15px}.intro{padding:36px 0}.lead{font-size:17px}.explanation{grid-template-columns:1fr;gap:0}.observation{border-left:0;border-top:1px solid var(--line);padding:15px 0}.cards{grid-template-columns:1fr}.component-buttons{padding:15px;gap:6px}.component-buttons button{font-size:13px;padding:8px 11px}.lab-head{padding:16px}.lab-head h2{font-size:20px}.lab-head button{font-size:12px}.scene{overflow-x:auto}.scene svg{min-width:680px}.hint{padding:0 16px 15px}.transport,.course,.quiz{padding-top:40px}.cellule-share{margin:30px 0!important}}