.sponge-lab-page{background:#061b2d;color:#fff}.sponge-lab-page .site-header{background:rgba(6,27,45,.82);backdrop-filter:blur(18px)}
.lab-hero{position:relative;overflow:hidden;padding:156px 0 72px;background:radial-gradient(circle at 82% 18%,rgba(119,201,234,.18),transparent 30%),linear-gradient(145deg,#061b2d,#0a3552 65%,#0b4567)}
.lab-hero:before,.lab-hero:after{content:"";position:absolute;border:1px solid rgba(119,201,234,.18);border-radius:50%}.lab-hero:before{width:560px;height:560px;right:-160px;top:-260px;box-shadow:0 0 0 70px rgba(119,201,234,.025),0 0 0 140px rgba(119,201,234,.018)}.lab-hero:after{width:220px;height:220px;left:-120px;bottom:-120px}
.lab-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.lab-hero h1{max-width:790px;font-size:clamp(52px,6vw,84px)}.lab-hero h1 em{color:var(--cyan);font-style:normal}.lab-hero-copy>p:last-of-type{max-width:670px;margin:24px 0 0;color:rgba(255,255,255,.72);font-size:18px}.lab-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.lab-badges span{padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:#d6f3ff;font-size:12px;font-weight:800}.lab-hero-card{padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(4,23,38,.54);box-shadow:0 30px 80px rgba(0,0,0,.18)}.lab-hero-card b{display:block;color:var(--cyan);font:400 62px Georgia;line-height:1}.lab-hero-card strong{display:block;margin-top:8px;font-size:20px}.lab-hero-card p{margin:8px 0 0;color:rgba(255,255,255,.62);font-size:13px}
.lab-section{padding:72px 0 112px;background:linear-gradient(#061b2d,#09263f)}.lab-shell{display:grid;grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);gap:24px;align-items:start}.lab-panel{border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(255,255,255,.055);box-shadow:0 28px 80px rgba(0,0,0,.17)}
.mission-panel{padding:28px;position:sticky;top:108px}.mission-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.mission-count{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.16em}.mission-score{padding:7px 11px;border-radius:99px;background:rgba(119,201,234,.12);color:#c9f1ff;font-size:12px;font-weight:800}.mission-panel h2{margin-top:10px;font:600 35px/1.15 "Songti SC","STSong",Georgia,serif;letter-spacing:-.025em}.mission-copy{min-height:72px;margin:14px 0 22px;color:rgba(255,255,255,.67);font-size:14px}.mission-targets{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mission-targets div{padding:13px;border-radius:15px;background:rgba(255,255,255,.055)}.mission-targets span{display:block;color:rgba(255,255,255,.48);font-size:10px;font-weight:800;letter-spacing:.08em}.mission-targets b{display:block;margin-top:2px;color:#fff;font-size:14px}.mission-tabs{display:flex;gap:8px;margin-top:24px}.mission-tab{width:100%;height:8px;border:0;border-radius:99px;background:rgba(255,255,255,.12);cursor:pointer}.mission-tab.done{background:#5fd29b}.mission-tab.active{background:var(--cyan);box-shadow:0 0 0 4px rgba(119,201,234,.12)}
.console-panel{overflow:hidden}.test-stage{position:relative;min-height:360px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(rgba(119,201,234,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(119,201,234,.055) 1px,transparent 1px),radial-gradient(circle at 50% 120%,rgba(39,139,194,.24),transparent 55%);background-size:32px 32px,32px 32px,auto}.stage-label{position:absolute;top:22px;left:24px;color:rgba(255,255,255,.48);font-size:10px;font-weight:900;letter-spacing:.16em}.drop-object{position:absolute;z-index:2;left:calc(50% - 28px);top:76px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#b9e8f8);box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:27px;transition:transform .15s}.drop-object.testing{animation:lab-drop 1.75s cubic-bezier(.35,.02,.28,1) both}.foam-rig{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);width:min(72%,430px)}.foam-top{height:126px;border-radius:26px 26px 18px 18px;background:radial-gradient(circle at 18% 23%,rgba(255,255,255,.34) 0 3px,transparent 4px),radial-gradient(circle at 63% 52%,rgba(0,0,0,.12) 0 2px,transparent 3px),linear-gradient(135deg,#79d7ef,#2497c9 75%);background-size:28px 28px,24px 24px,auto;box-shadow:inset 0 6px 14px rgba(255,255,255,.22),0 22px 50px rgba(0,0,0,.24);transform-origin:center bottom}.foam-top.testing{animation:foam-compress 1.75s ease both}.rig-base{height:17px;margin:0 -22px;border-radius:8px;background:linear-gradient(90deg,#17384c,#4b7188,#17384c);box-shadow:0 12px 30px rgba(0,0,0,.35)}.target-zone{position:absolute;right:24px;top:72px;width:24px;height:158px;border-block:2px solid #5fd29b;background:linear-gradient(90deg,transparent,rgba(95,210,155,.12));color:#8ae9bb;font-size:9px;font-weight:900;letter-spacing:.08em;writing-mode:vertical-rl;text-align:center}.stage-reading{position:absolute;left:24px;bottom:20px;margin:0;color:rgba(255,255,255,.58);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
@keyframes lab-drop{0%{transform:translateY(0)}42%{transform:translateY(184px)}58%{transform:translateY(197px)}74%{transform:translateY(var(--bounce,-80px))}100%{transform:translateY(197px)}}@keyframes foam-compress{0%,40%,100%{transform:scaleY(1)}55%{transform:scaleY(var(--compression,.72))}72%{transform:scaleY(1.02)}}
.lab-controls{padding:28px}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 26px}.control-row label{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:13px;font-weight:800}.control-row output{color:var(--cyan);font-variant-numeric:tabular-nums}.control-row small{display:block;margin-top:5px;color:rgba(255,255,255,.42);font-size:10px}.control-row input{width:100%;height:6px;margin:0;appearance:none;border-radius:99px;background:rgba(255,255,255,.15);outline:none}.control-row input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border:5px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 3px 14px rgba(0,0,0,.25)}.control-row input:focus-visible{box-shadow:0 0 0 3px var(--cyan)}.console-actions{display:flex;gap:10px;margin-top:26px}.console-actions .button{cursor:pointer}.button.lab-run{flex:1;border:0;background:var(--cyan);color:#062238}.button.lab-run:disabled{opacity:.55;cursor:wait}.button.lab-reset{border-color:rgba(255,255,255,.2);color:#fff;background:transparent}.result-card{display:none;margin-top:22px;padding:20px;border-radius:20px;background:rgba(4,22,36,.72)}.result-card.show{display:block;animation:result-in .28s ease}.result-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.result-grade{display:grid;place-items:center;width:62px;height:62px;border:2px solid var(--cyan);border-radius:50%;color:var(--cyan);font:700 25px Georgia}.result-card h3{margin:0;font-size:20px}.result-card p{margin:6px 0 0;color:rgba(255,255,255,.65);font-size:13px}.result-next{display:flex;gap:10px;margin-top:16px}.result-next .button{min-height:42px;padding:8px 15px;font-size:12px;cursor:pointer}@keyframes result-in{from{opacity:0;transform:translateY(8px)}}
.lab-finale{display:none;margin-top:24px;padding:30px;border:1px solid rgba(119,201,234,.25);border-radius:28px;background:linear-gradient(135deg,rgba(39,139,194,.2),rgba(119,201,234,.07))}.lab-finale.show{display:block}.lab-finale-top{display:flex;justify-content:space-between;gap:24px}.lab-finale .eyebrow{margin-bottom:8px}.lab-finale h2{font-size:36px}.lab-finale-score{flex:none;text-align:right}.lab-finale-score b{display:block;color:var(--cyan);font:400 52px Georgia;line-height:1}.lab-finale-score span{color:rgba(255,255,255,.5);font-size:11px}.lab-finale p{color:rgba(255,255,255,.68)}.finale-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.finale-actions .button{cursor:pointer}.lab-note{margin:22px 0 0;color:rgba(255,255,255,.42);font-size:11px;line-height:1.7}
.lab-values{padding:94px 0;background:var(--paper);color:var(--ink)}.lab-values-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.lab-values-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lab-values-list article{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.lab-values-list b{color:var(--blue);font:400 30px Georgia}.lab-values-list h3{margin:12px 0 5px;font-size:18px}.lab-values-list p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:980px){.lab-hero-grid,.lab-shell,.lab-values-grid{grid-template-columns:1fr}.lab-hero-card{max-width:420px}.mission-panel{position:static}.lab-values-grid{gap:44px}}
@media(max-width:640px){.lab-hero{padding:122px 0 54px}.lab-hero-grid{gap:34px}.lab-hero h1{font-size:46px}.lab-hero-copy>p:last-of-type{font-size:15px}.lab-section{padding:38px 0 76px}.mission-panel,.lab-controls{padding:21px}.mission-panel h2{font-size:29px}.control-grid{grid-template-columns:1fr}.test-stage{min-height:330px}.foam-rig{width:68%}.lab-finale-top{display:block}.lab-finale-score{margin-top:18px;text-align:left}.lab-values{padding:72px 0}.lab-values-list{grid-template-columns:1fr}.console-actions,.result-next{flex-direction:column}.console-actions .button,.result-next .button{width:100%}}
@media(prefers-reduced-motion:reduce){.drop-object.testing,.foam-top.testing{animation-duration:.01ms!important}}