:root{font-family:Segoe UI,Arial,sans-serif;color:#f2eefb;background:#171126;line-height:1.5;font-synthesis:none;--surface:#211932;--elevated:#2b2140;--line:#3c3052;--muted:#b6aac9;--lime:#d5ef87;--purple:#ae8ee8;--radius:18px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 82% 14%,#30204155,transparent 48%),#171126;min-width:320px}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#2b2140;border-radius:10px;padding:11px 16px;transition:background .16s,border-color .16s}button:hover{background:#37294d;border-color:#7f659f}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}h1:focus{outline:none}[hidden]{display:none!important}p{color:var(--muted);margin:0 0 18px}h1,h2,h3{font-weight:550;margin-top:0}h2{font-size:29px;line-height:1.15;letter-spacing:-.7px;margin-bottom:16px}h3{font-size:16px;line-height:1.4;margin-bottom:6px}small{color:var(--muted)}.site-header{height:88px;max-width:1360px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650;letter-spacing:-.6px}.brand-mark{color:#21152e;background:var(--lime);border-radius:11px 11px 3px;padding:2px 9px 5px;font-weight:800;font-size:27px;letter-spacing:-2px}.header-course{font-size:13px;color:var(--muted)}.subject{font-size:12px;border:1px solid #5b446d;padding:5px 12px;border-radius:6px;color:#d9c9ef}main{max-width:1360px;margin:auto;padding:0 48px}.lesson-nav{display:flex;justify-content:space-between;gap:9px;padding:22px 0 21px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.lesson-nav a{font-size:12px;white-space:nowrap;color:var(--muted);display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:6px}.lesson-nav a span{font-size:10px;color:#a18bb9;font-variant-numeric:tabular-nums}.lesson-nav a[aria-current=step]{color:var(--lime);background:#d5ef870b}.lesson-nav a[aria-current=step] span{color:var(--lime)}.screen{padding-top:32px}.screen-heading{margin-bottom:24px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:#ba9be8;margin:0 0 12px}h1{font-size:clamp(29px,3.1vw,42px);line-height:1.12;letter-spacing:-1.2px;margin:0 0 13px;white-space:pre-line}.screen-heading>p:last-child{font-size:15px;margin:0}.screen-start{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:36px;min-height:560px;padding:34px 0}.screen-start h1{font-size:clamp(35px,3.9vw,52px);line-height:1.08;letter-spacing:-1.8px}.screen-start .screen-heading{margin:0}.screen-start .screen-heading>p{max-width:380px;font-size:17px;line-height:1.6}.screen-start .screen-heading .eyebrow{font-size:11px}.start-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px;margin-top:30px}.start-actions>span{font-size:12px;color:#a99bbb}.primary{background:var(--lime);color:#24272a;border-color:var(--lime);font-weight:650;padding:13px 21px;white-space:nowrap}.primary:hover{background:#e3faa9;border-color:#e3faa9}.primary span{margin-left:15px}.lab{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px}.model-panel{min-width:0;border:1px solid #443356;border-radius:var(--radius);overflow:hidden;background:radial-gradient(ellipse at 48% 45%,#43354b,#30273c 45%,#282035 78%);position:relative}.model-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;gap:14px}.model-name{font-size:15px;font-weight:550}.model-name small{font-size:11px;display:block;font-style:italic;font-weight:400;margin-top:2px;color:#b7a9c9}.viewer-tools{display:flex;gap:8px}.viewer-tools button{background:#21192e70;border-color:#59466b;font-size:11px;padding:7px 11px}.viewer-tools button[aria-pressed=true],.observation button[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.viewport-wrap{position:relative}.viewport{height:382px;width:100%;cursor:grab}.viewport:active{cursor:grabbing}.viewport canvas{display:block;touch-action:none}.viewer-status{position:absolute;inset:18%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;background:#211932ed;border:1px solid var(--line);border-radius:12px;padding:20px;font-size:14px}.model-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 24px 18px;color:#b3a6c2;font-size:10px;letter-spacing:.2px}.screen-start .lab{display:block}.screen-start .control-panel{display:none}.screen-start .model-panel{border-color:#493756;border-radius:110px 22px}.screen-start .model-toolbar{padding:26px 30px 0 48px}.screen-start .viewport{height:380px}.screen-start .model-caption{padding:0 44px 26px}.screen-start .viewer-tools button{font-size:10px}.control-panel{padding:26px 25px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-self:stretch}.control-panel>p,.explanation p{font-size:14px;line-height:1.65}.control-panel h2{margin-top:18px}.tag{display:inline-block;color:#d7c5f2;font-size:10px;letter-spacing:.5px;border:1px solid #58426e;border-radius:5px;padding:4px 8px}.observation{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.observation>span{font-size:11px;color:var(--purple)}.observation h3{margin:10px 0}.observation p{font-size:13px}.observation button{font-size:12px}.timeline{padding:18px 24px 15px;background:#1f182cbb;border-top:1px solid #4a385c}.timeline-heading{display:flex;justify-content:space-between;font-size:12px}.timeline-heading strong{color:var(--lime);font-weight:500}input[type=range]{appearance:none;width:100%;height:5px;margin:23px 0 14px;border-radius:4px;background:linear-gradient(90deg,#56804b,#bcc765,#d9a347,#b44b3e);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;border:3px solid #eee7f8;background:#45314e;box-shadow:0 0 0 2px #21192e}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid #eee7f8;border-radius:50%;background:#45314e}.season-stops{display:flex;justify-content:space-between;gap:6px}.season-stops button{padding:4px 0;background:transparent;border:0;color:#c0b2cf;font-size:10px}.season-stops button[aria-pressed=true]{color:var(--lime)}.pigments{border-top:1px solid var(--line);padding-top:6px;margin-top:23px}.pigment{display:grid;grid-template-columns:10px 1fr 34px;gap:10px;align-items:center;margin:19px 0;cursor:pointer}.swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.green{background:#88b46a}.yellow{background:#e4b957}.red{background:#d2757f}.pigment strong{font-size:13px;font-weight:550}.pigment small{display:block;font-size:10px;line-height:1.5;color:#b6aac9;margin-top:3px}.pigment input{appearance:none;width:34px;height:20px;margin:0;border-radius:14px;background:#514360;position:relative;cursor:pointer}.pigment input:checked{background:#cbe77e}.pigment input:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#201a2a}.pigment input:checked:after{left:17px}.text-button{padding:3px 0;background:transparent;border:0;color:var(--lime);font-size:11px}.model-note{display:block;font-size:10px;line-height:1.6;margin-top:20px}.anatomy-key>div{position:relative;margin:19px 0;padding-left:20px}.anatomy-key .swatch{position:absolute;left:0;top:6px}.anatomy-key h3{font-size:14px}.anatomy-key p{font-size:12px;margin:0}.screen-inside .control-panel h2{margin-top:0;font-size:24px}.screen-inside .pigment{margin:14px 0}.screen-inside .viewport{height:400px}.species-feature{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.specimen{height:312px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3e3547,#2a2236 70%);position:relative}.specimen img{width:80%;height:95%;object-fit:contain;filter:drop-shadow(4px 10px 8px #09051266)}.specimen-latin{position:absolute;bottom:22px;left:24px;color:#c5b5d6;font-size:12px;font-style:italic}.species-description{padding:34px 36px}.species-description h2{margin-top:18px;font-size:31px}.species-description .shape-description{color:#ece5f6;margin-bottom:7px;font-size:17px}.species-description>p{font-size:13px}.species-description dl{display:flex;gap:22px;font-size:12px;margin:20px 0}.species-description dt{color:var(--muted)}.species-description dd{margin:0}.species-description small{font-size:10px}.species-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.species-card{padding:12px 16px 17px;text-align:left;border-radius:14px;background:#211932;border-color:#3c3052}.species-card[aria-pressed=true]{border-color:var(--lime);background:#30313944}.species-card img{display:block;height:132px;width:100%;object-fit:contain;margin-bottom:10px}.species-card strong{font-size:14px;font-weight:550}.species-card small{display:block;font-size:10px;margin-top:4px;min-height:30px}.quiz-heading{display:flex;justify-content:flex-end;margin-bottom:14px;color:var(--muted);font-size:12px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:23px;margin:0;min-width:0}legend{float:left;width:100%;font-weight:550;font-size:17px;padding:0;margin-bottom:16px}legend span{color:#b394dc;margin-right:6px}fieldset label{clear:both;display:flex;gap:10px;align-items:center;border:1px solid #493957;background:#2a203d;border-radius:9px;padding:12px;margin:8px 0;font-size:13px;cursor:pointer}fieldset label:hover{border-color:#866b9e}fieldset input{accent-color:var(--lime);margin:0;flex-shrink:0}.correct{background:#d5ef8715!important;border-color:#a5c365!important}.feedback{font-size:12px;color:#d2e3a9;margin:14px 0 0}.quiz-actions{margin-top:24px;display:flex;align-items:center;gap:20px}.quiz-actions p{margin:0}.quiz-actions small{font-size:12px}.finish-panel{display:flex;align-items:center;gap:62px;min-height:340px;padding:50px 60px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.score-circle{width:210px;height:210px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #858464;border-radius:50%;background:radial-gradient(circle,#d5ef8710,transparent)}.score-circle strong{font-weight:400;font-size:74px;line-height:1.2;color:var(--lime);letter-spacing:-4px}.score-circle strong span{font-size:32px;color:#a9a181;letter-spacing:-1px}.score-circle small{font-size:11px}.finish-panel h2{margin-top:20px;max-width:430px}.finish-panel p{font-size:15px;line-height:1.8}.finish-actions{display:flex;gap:10px;margin-top:26px}.finish-actions button{font-size:12px}.step-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0 28px}.step-footer>span{font-size:11px;color:#baacca;font-variant-numeric:tabular-nums}.back-button{border:0;background:transparent;font-size:13px;padding-left:0}.step-footer .primary{font-size:12px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;padding:22px 0;font-size:10px;color:#a699b8}.screen-finish{padding-bottom:44px}@media(min-width:1450px){.viewport{height:420px}.screen-start .viewport{height:440px}.screen-start{min-height:630px}}@media(max-width:1050px){main,.site-header{padding-left:28px;padding-right:28px}.lesson-nav{gap:7px}.lesson-nav a{font-size:11px;padding:5px 2px}.lesson-nav a span{display:none}.lab{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.control-panel{padding:23px 20px}.screen-start{gap:25px}.screen-start h1{font-size:40px}.screen-start .model-toolbar{padding-left:24px}.screen-start .viewer-tools button:first-child{display:none}.species-description{padding:28px}.species-card{padding:10px 12px}.finish-panel{padding:35px;gap:32px}}@media(max-width:760px){main{padding:0 18px}.site-header{height:72px;padding:0 18px}.brand{font-size:19px}.brand-mark{font-size:24px}.header-course{display:none}.lesson-nav{padding:16px 0;gap:15px;justify-content:flex-start}.lesson-nav a{font-size:11px;padding:6px 4px}.screen{padding-top:25px}.screen-heading{margin-bottom:22px}.screen-heading>p:last-child{font-size:13px}h1{font-size:31px;letter-spacing:-.9px}.screen-start{grid-template-columns:1fr;gap:30px;min-height:0;padding:35px 0 25px}.screen-start h1{font-size:38px;letter-spacing:-1.3px}.screen-start .screen-heading>p{font-size:15px;max-width:340px}.start-actions{gap:14px;margin-top:22px}.start-actions .primary{font-size:13px}.screen-start .model-panel{border-radius:65px 18px}.screen-start .viewport{height:340px}.screen-start .model-toolbar{padding:24px 22px 0 35px}.screen-start .model-caption{padding:0 30px 25px}.lab{grid-template-columns:1fr}.viewport,.screen-inside .viewport{height:330px}.model-toolbar{padding:17px 17px 0}.model-caption{padding:0 17px 16px;font-size:9px}.control-panel{padding:23px}.control-panel h2{font-size:26px}.observation{margin-top:24px;padding-top:20px}.timeline{padding:18px 17px 13px}.season-stops button{font-size:9px}.pigment strong{font-size:14px}.pigment small,.model-note{font-size:11px}.species-feature{grid-template-columns:1fr}.specimen{height:275px}.species-description{padding:24px}.species-description h2{font-size:28px}.species-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.species-card:last-child{grid-column:1 / -1;display:flex;align-items:center;gap:20px}.species-card:last-child img{width:42%;margin:0}.species-card img{height:125px}.species-card small{font-size:11px}.questions{grid-template-columns:1fr;gap:14px}fieldset{padding:20px}legend{font-size:16px}.quiz-actions{flex-wrap:wrap;gap:12px}.finish-panel{flex-direction:column;align-items:flex-start;padding:28px;gap:15px}.score-circle{width:160px;height:160px;align-self:center}.score-circle strong{font-size:62px}.finish-actions{flex-direction:column;align-items:stretch}.step-footer{gap:10px}.step-footer .primary{font-size:11px;padding:12px 14px}.step-footer .primary span{margin-left:7px}footer{gap:12px;font-size:9px}.viewer-status{inset:10%;font-size:13px}.screen-finish{padding-bottom:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.lesson-nav{scrollbar-width:none}.lesson-nav::-webkit-scrollbar{display:none}.species-feature{scroll-margin-top:18px}.lab{min-width:0}.screen-start{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}.viewport canvas{max-width:100%}@media(min-width:761px)and (max-width:920px){.screen-start{grid-template-columns:1fr;gap:26px}.screen-start .screen-heading>p{max-width:520px}.screen-start h1{font-size:42px}.screen-start .viewport{height:380px}.start-actions{flex-direction:row;align-items:center;gap:22px}.screen-start .model-panel{border-radius:70px 20px}}@media(max-width:760px){.screen-start{grid-template-columns:1fr}}:root{--surface:#24104b;--elevated:#351963;--line:#49316d;--muted:#c4b8dc;--lime:#ceff40;--purple:#ad89ff;color:#faf7ff;background:#180735}body{background:radial-gradient(ellipse at 90% 0%,#47218c55,transparent 52%),#180735}.site-header{height:100px;border-bottom:0}.brand{display:block;border-radius:12px;flex-shrink:0}.brand-sprite{position:relative;display:block;overflow:hidden;isolation:isolate}.brand-sprite img{position:absolute;max-width:none;height:auto;pointer-events:none}.platform-logo{width:218px}.subject{background:#30145d;border-color:#7653b0;border-radius:99px;color:#eee5ff}.header-course{color:#c9b8e5}.lesson-nav{background:#eee8fc;border:1px solid #fff9;border-radius:24px;padding:7px;gap:4px;box-shadow:0 4px #0c022330}.lesson-nav a{color:#39205f;border-radius:18px;padding:12px 13px;font-weight:600;font-size:12px}.lesson-nav a span{color:#705997}.lesson-nav a:hover{background:#e0d4f9;color:#240a4d}.lesson-nav a[aria-current=step]{background:var(--lime);color:#20073e}.lesson-nav a[aria-current=step] span{color:#4b6510}button{border-radius:99px;background:#7139ef;border-color:#9567ff;color:#fff;font-weight:600}button:hover{background:#824bff;border-color:#b093ff}.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--lime);border-color:#dfff86;color:#210747;min-height:48px;padding:10px 20px;font-weight:700;box-shadow:inset 0 1px #ffffff70,0 3px #0c022333}.primary:hover{background:#ddff79;border-color:#edffb6}.primary>span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#27094e;color:var(--lime);border-radius:50%;font-size:22px;margin-left:0}.primary>.play-icon{background:transparent;color:#27094e;width:24px;font-size:23px}.primary:disabled{box-shadow:none}.eyebrow{color:#b797ff}.start-actions{gap:12px;margin-top:25px}.start-actions>span{color:#c4b8dc}.mascot-welcome{display:flex;align-items:center;gap:15px;margin-top:24px}.mascot{width:104px;flex-shrink:0}.mascot-welcome p{font-size:13px;margin:0;color:#c4b8dc;line-height:1.6}.mascot-welcome strong{color:#e8ddff;font-weight:500}.model-panel{background:radial-gradient(ellipse at 48% 45%,#443451,#302140 47%,#26143e 80%);border-color:#66428e}.screen-start .model-panel{border-color:#694597}.viewer-tools button{background:#3b2064;border-color:#7852a5;border-radius:99px;color:#f5edff}.viewer-tools button:hover{background:#573184}.timeline{background:#1b0b35cc}.tag{border-radius:99px;border-color:#8060aa;color:#e6d6ff;padding:4px 10px}.pigment input:checked{background:var(--lime)}.text-button{background:transparent;border-radius:3px;color:var(--lime)}.text-button:hover{background:transparent;color:#e2ff95}.season-stops button{border-radius:3px}.back-button{background:transparent;color:#d7c9ef}.back-button:hover{background:transparent;color:#fff}.observation button{padding:11px 15px}.species-feature{background:#eee8fc;color:#230a45;border-color:#cbb7f5}.species-description{--muted:#62507d}.species-description .tag{color:#6238a3;border-color:#c3a9eb}.species-description .shape-description{color:#351750}.species-description>p,.species-description small{color:#62507d}.specimen{background:radial-gradient(ellipse at center,#453654,#2c1747 75%)}.species-card{background:#281346;border-color:#594077;border-radius:20px;color:#faf7ff}.species-card:hover{background:#3b1e65}.species-card[aria-pressed=true]{border-color:var(--lime);background:#38245b;box-shadow:inset 0 -4px var(--lime)}fieldset label{border-radius:14px;background:#30174f;border-color:#614780}fieldset label:has(input:checked){border-color:#ad83ff;background:#48227c}.correct{background:#ceff4020!important;border-color:var(--lime)!important}.feedback{color:#dbf5a2}.finish-panel{position:relative;gap:35px;padding:42px}.finish-mascot{align-self:center}.finish-mascot .mascot{width:145px}.score-circle{width:160px;height:160px;border-color:#b3d83b;background:#ceff400a}.score-circle strong{font-size:62px}.score-circle strong span{color:#c0acdd}.finish-actions{flex-wrap:wrap}@media(max-width:1100px){.lesson-nav a{padding:11px 9px;font-size:11px}.finish-panel{gap:24px}.finish-mascot .mascot{width:110px}}@media(max-width:920px){.lesson-nav a{padding:10px 9px}.start-actions{flex-direction:column;align-items:flex-start;gap:12px}.mascot-welcome{margin-top:18px}.screen-start{min-height:0}.finish-panel{flex-wrap:wrap}}@media(max-width:760px){.site-header{height:87px}.platform-logo{width:183px}.lesson-nav{border-radius:20px;padding:6px;gap:3px}.lesson-nav a{padding:10px 13px;border-radius:15px;min-height:40px}.screen-start{padding-top:30px;gap:24px}.mascot-welcome{margin-top:17px}.mascot-welcome .mascot{width:82px}.mascot-welcome p{font-size:12px}.primary{min-height:48px}.step-footer .primary{padding:9px 12px;gap:7px;white-space:normal}.step-footer .primary span{margin:0;flex-shrink:0;width:26px;height:26px}.step-footer>span{white-space:nowrap}.finish-panel{padding:25px;gap:18px}.finish-mascot{align-self:center}.finish-mascot .mascot{width:120px}.finish-actions{width:100%}}