[hidden]{display:none!important}
.material-hero{text-align:center;padding:28px 0 20px;max-width:880px;margin:auto}
.hero-label{display:flex;align-items:center;justify-content:center;gap:9px;color:#c4b4ef;font-size:10px;letter-spacing:2px}
.hero-label #category-tag{font-size:8px;letter-spacing:1px;color:#939db5;border-left:1px solid #3a4053;padding-left:10px;margin-left:2px}
.material-hero h1{font-size:clamp(36px,4.8vw,68px);font-weight:600;letter-spacing:-2.7px;line-height:1.06;margin:12px 0 13px;max-width:none}
.material-hero #material-subtitle{font-size:12px;line-height:1.65;margin:0 auto;max-width:700px;color:#aeb7cb}
.hero-prompt{font-size:11px;color:#7e89a4;margin-top:10px}
.specimen-scope{max-width:650px;margin:10px auto 0;color:#9dabc5;font-size:10px;line-height:1.75}.specimen-scope summary{cursor:pointer;color:#9e8dc0;font-size:9px;text-decoration:underline;text-underline-offset:3px}.specimen-scope p{margin-top:9px;text-align:left;background:#181d2a;border:1px solid #30374b;border-radius:8px;padding:12px 16px}
.experiment{grid-template-columns:minmax(180px,.9fr) minmax(290px,1.2fr) minmax(210px,.9fr);min-height:370px;padding:0 0 30px;gap:30px;align-items:center}
.material-panel{margin:0;display:flex;flex-direction:column;align-items:center;align-self:center;min-width:0}
#specimen-art{display:block;width:min(100%,280px);height:auto;aspect-ratio:1;min-width:0;border:0;border-radius:14px;background-color:transparent;background-size:400% 300%;background-repeat:no-repeat;box-shadow:0 20px 45px #0002}
#specimen-art svg{width:100%;height:100%}
.material-panel figcaption{text-align:center;display:flex;flex-direction:column;gap:7px;margin-top:3px}
.material-panel figcaption>span:nth-child(2){font-size:13px;color:#c2c9da;line-height:1.4;max-width:250px}
.material-panel figcaption small{font-size:9px;color:#737f9a;letter-spacing:.4px}
.experiment-center{display:flex;flex-direction:column;align-items:center;min-width:0}
.beaker-stage{width:100%;min-height:250px;transform:none}
.beaker-caption{font-size:8px;letter-spacing:1px;white-space:normal;text-align:center;min-height:13px}
.mix-panel{height:270px;padding-left:28px}
.pick-reminder{font-size:10px;line-height:1.6;color:#7e8aa5;margin:12px 0 0}
.picked-elements{max-height:115px}
.pick-chip.resolved-correct{background:#1d382f;border-color:#5d9d7e;color:#b2eccb;opacity:1}.pick-chip.resolved-wrong{background:#3d2531;border-color:#b26e86;color:#f2adc3;opacity:1}
.material-photo{background-size:400% 300%;background-repeat:no-repeat}
.fusion-product.material-photo{top:17px;width:188px;height:188px;border-radius:16px;filter:drop-shadow(0 0 25px #baa4f833)}
.sift-panel{width:100%;max-width:330px;--score-color:#bdacf8;padding:5px 0 0;position:relative}
.sift-score-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.sift-score-heading>span{font-size:8px;letter-spacing:1.5px;color:#8f9bb6}
.sift-score-heading strong{color:var(--score-color);font-family:'Space Grotesk',Arial,sans-serif;font-size:34px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.sift-score-heading strong small{font-size:16px;margin-left:3px;color:#949fba}
.sift-track{height:12px;background:#282f42;border-radius:20px;position:relative;isolation:isolate}
#sift-fill{height:100%;width:0;background:var(--score-color);border-radius:20px;box-shadow:0 0 18px color-mix(in srgb,var(--score-color) 25%,transparent)}
.sift-impact{pointer-events:none;position:absolute;top:50%;left:0;width:24px;height:24px;border-radius:50%;opacity:0;z-index:3}
.sift-feedback{display:flex;align-items:center;gap:9px;margin-top:13px;min-height:38px}
.sift-feedback>b{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:8px;background:#252b3d;color:var(--score-color);font:500 16px 'Space Grotesk',Arial,sans-serif}
.sift-feedback>span{color:#a1aec8;font-size:10px;line-height:1.5;flex:1}
.sift-feedback>strong{color:var(--score-color);font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}
.sift-panel.is-correct{--score-color:#9ee7bd}
.sift-panel.is-wrong{--score-color:#f19bac}
.sift-panel.is-complete{--score-color:#c4b3fb}
#skip-mix{margin:10px auto 0;font-size:10px;text-decoration:underline;text-underline-offset:4px;opacity:.8}
.sifting .beaker{animation:sift-rock 3.8s ease-in-out infinite}
.sifting .orbit{border-color:#b19ae749;animation:orbit-spin 7s linear infinite}
.sifting .orbit-two{animation-direction:reverse;animation-duration:9s}
.sifting .beaker-halo{background:radial-gradient(ellipse,#b59cf633,transparent 70%)}
.sifting .liquid{box-shadow:0 0 30px #ac8fff22;background:linear-gradient(#b39bed33,#9675e14d)}
.beaker-atoms .sift-atom{position:absolute;left:50%;top:51%;animation:none;font-size:11px;box-shadow:0 0 11px color-mix(in srgb,var(--atom-color) 22%,transparent);will-change:transform}
.sift-flyer{position:fixed;z-index:40;pointer-events:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font:600 18px 'Space Grotesk',Arial,sans-serif;border:1px solid #b9efcf;background:#254c3b;color:#d4ffe7;box-shadow:0 0 28px #9feacb55;will-change:transform}
.sift-flyer.wrong{border-color:#ffa4ba;background:#613044;color:#ffe0e7;box-shadow:0 0 28px #ef8da355}
.answer-heading{flex-direction:column;align-items:flex-start;gap:8px}
.answer-heading>span{text-align:left;max-width:none;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.component-list{margin-top:20px;border-top:1px solid #333b50;padding-top:14px}
.component-list h3{font-size:12px;font-weight:500;margin-bottom:10px;color:#c9bfdf}
.component-list>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;font-size:10px;line-height:1.6;color:#a3afc7}
.component-list>div>span:last-child{color:#c2afd9;text-align:right;overflow-wrap:anywhere}
@keyframes sift-rock{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(1deg)}}
@media(max-width:1000px){.experiment{gap:18px;grid-template-columns:minmax(150px,.8fr) minmax(260px,1.2fr) minmax(180px,.9fr)}.mix-panel{padding-left:20px}.material-hero h1{font-size:49px}.sift-score-heading>span{font-size:7px}.sift-feedback>span{font-size:9px}#specimen-art{width:220px;max-width:100%}}
@media(max-width:760px){.material-hero{padding:25px 0 16px}.material-hero h1{font-size:39px;letter-spacing:-1.6px;margin:12px 0}.hero-label{font-size:8px;letter-spacing:1.5px;flex-wrap:wrap}.hero-label #category-tag{font-size:7px}.material-hero #material-subtitle{font-size:11px;padding:0 9px}.hero-prompt{font-size:10px}.experiment{grid-template-columns:minmax(100px,.8fr) minmax(175px,1.2fr);gap:12px;min-height:0;padding-bottom:24px}.material-panel{grid-column:1;align-self:center}#specimen-art{width:100%;min-width:0}.material-panel figcaption>span:nth-child(2){font-size:11px;max-width:150px}.material-panel figcaption .small-label{font-size:7px}.material-panel figcaption small{font-size:7px;line-height:1.6;max-width:130px}.experiment-center{grid-column:2;min-width:0}.beaker-stage{min-height:225px;transform:scale(.85);transform-origin:center center;margin-bottom:-17px}.beaker-caption{font-size:8px;letter-spacing:.6px}.sift-panel{padding-top:0;max-width:230px}.sift-score-heading{gap:5px;margin-bottom:8px}.sift-score-heading>span{font-size:6px;letter-spacing:.7px}.sift-score-heading strong{font-size:27px}.sift-score-heading strong small{font-size:13px}.sift-track{height:10px}.sift-feedback{gap:6px;margin-top:10px}.sift-feedback>b{width:27px;height:27px;min-width:27px;font-size:13px}.sift-feedback>span{font-size:8px}.sift-feedback>strong{font-size:14px}.mix-panel{grid-column:1/-1;height:auto;margin-top:8px;padding:15px}.mix-bottom{grid-template-columns:1fr 1.8fr}.pick-reminder{grid-column:1/-1;text-align:center;margin-top:9px;font-size:9px}.fusion-product.material-photo{top:6px}.component-list>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sifting .beaker,.sifting .orbit{animation:none}.sift-flyer{display:none}}