@source "./*.tsx";.hydrogen-lab{min-height:100vh;color:var(--foreground)}.hydrogen-lab .hydro-main{max-width:1200px;margin:auto;padding:24px 20px 60px}.hydrogen-lab .hydro-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:14px max(16px,50% - 580px);display:flex}.hydrogen-lab .hydro-header>a{font-weight:700}.hydrogen-lab .hydro-header>.hydro-actions{margin-left:auto}.hydrogen-lab h1{font-family:var(--font-display);margin:8px 0 18px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15}.hydrogen-lab h2{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1.3}.hydrogen-lab p{margin:8px 0;line-height:1.6}.hydrogen-lab button{white-space:normal;cursor:pointer;min-height:44px}.hydrogen-lab button:disabled{cursor:default}.hydrogen-lab :focus-visible{outline:3px solid var(--primary);outline-offset:3px}.hydrogen-lab .hydro-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);font-size:11px;font-weight:800}.hydrogen-lab .hydro-intro{grid-template-columns:1.4fr 1fr;align-items:center;gap:48px;display:grid}.hydrogen-lab .hydro-intro-art{background:var(--secondary);border-radius:50%;align-items:end;padding:24px;display:flex}.hydrogen-lab .hydro-intro-art svg{filter:drop-shadow(0 8px 12px #162d4b22);width:36%;height:auto}.hydrogen-lab .hydro-safety{border-left:3px solid var(--warning);padding:8px 16px;font-size:14px}.hydrogen-lab .hydro-ppe{gap:12px;margin:24px 0;display:flex}.hydrogen-lab .hydro-ppe button{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:20px;flex:1;padding:14px}.hydrogen-lab .hydro-ppe svg{width:80px;height:56px}.hydrogen-lab [aria-pressed=true]{outline:2px solid var(--primary);outline-offset:2px}.hydrogen-lab .hydro-stations{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:26px;display:grid}.hydrogen-lab .hydro-stations button{border-bottom:3px solid var(--border);text-align:left;align-items:center;gap:8px;padding:12px 8px;font-size:13px;display:flex}.hydrogen-lab .hydro-stations button[aria-current]{border-color:var(--primary);background:var(--secondary);font-weight:700}.hydrogen-lab .hydro-done{color:var(--success);font-weight:900}.hydrogen-lab .hydro-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.hydrogen-lab .hydro-sound{white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.hydrogen-lab .hydro-tray{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:14px 18px}.hydrogen-lab .hydro-tools{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.hydrogen-lab .hydro-tool{border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:6px;font-size:12px;font-weight:600;display:flex}.hydrogen-lab .hydro-tool:hover{background:var(--secondary)}.hydrogen-lab .hydro-equipment-icon{flex-shrink:0;width:64px;height:54px}.hydrogen-lab .hydro-selected{color:var(--muted-foreground);padding:6px 2px;font-size:13px}.hydrogen-lab .hydro-workspace{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.hydrogen-lab .hydro-scene{min-width:0;margin:0}.hydrogen-lab .hydro-scene>svg{border:1px solid #c4d7e1;border-radius:22px;width:100%;height:auto;display:block;overflow:hidden;box-shadow:0 12px 26px #0b213219}.hydrogen-lab .hydro-scene figcaption{color:var(--muted-foreground);padding:10px 4px;font-size:12px;line-height:1.5}.hydrogen-lab .hydro-targets{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.hydrogen-lab .hydro-target{border:1px dashed var(--muted-foreground);border-radius:12px;flex:1;padding:10px 12px;font-size:13px;font-weight:700}.hydrogen-lab .hydro-target:hover{background:var(--secondary)}.hydrogen-lab .hydro-control-panel{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px}.hydrogen-lab .hydro-guidance{font-weight:600}.hydrogen-lab .hydro-feedback{color:var(--foreground);border-bottom:1px solid var(--border);min-height:40px;padding:10px 0;font-size:14px}.hydrogen-lab .hydro-action-list{gap:10px;margin-top:16px;display:grid}.hydrogen-lab .hydro-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hydrogen-lab .hydro-clock{border-top:1px solid var(--border);margin-top:24px;padding-top:14px}.hydrogen-lab .hydro-small,.hydrogen-lab .hydro-save-note{color:var(--muted-foreground);font-size:12px;line-height:1.6}.hydrogen-lab .hydro-save-note{text-align:center;padding-top:24px}.hydrogen-lab .hydro-bottom-nav{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.hydrogen-lab label{gap:8px;margin:16px 0;font-size:14px;font-weight:600;display:grid}.hydrogen-lab textarea,.hydrogen-lab select{background:var(--background);width:100%;min-width:0;color:var(--foreground);border:1px solid var(--muted-foreground);font:inherit;border-radius:10px;padding:10px}.hydrogen-lab textarea{resize:vertical;font-weight:400}.hydrogen-lab progress{width:100%;height:12px;accent-color:var(--primary)}.hydrogen-lab details{border-top:1px solid var(--border);margin-top:18px;padding-top:8px;font-size:14px}.hydrogen-lab summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.hydrogen-lab .hydro-equation{overflow-wrap:anywhere;font-size:13px}.hydrogen-lab .hydro-result,.hydrogen-lab .hydro-hint{border-left:3px solid var(--primary);padding-left:12px}.hydrogen-lab .hydro-explanation{margin-top:18px}.hydrogen-lab .hydro-magnified{background:var(--background);border-radius:14px;justify-content:center;align-items:center;padding:20px;display:flex}.hydrogen-lab .hydro-report-observations{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.hydrogen-lab .hydro-report-observations p{white-space:pre-wrap;overflow-wrap:anywhere}.hydrogen-lab .hydro-report-question{border-top:1px solid var(--border);padding:16px 0}.hydro-dialog{border-radius:20px;width:calc(100% - 24px);max-width:650px;max-height:85dvh;overflow-y:auto}.hydro-dialog ol{padding:0;list-style:none}.hydro-dialog li{border-bottom:1px solid var(--border);padding:12px 0;font-size:14px}.hydro-dialog small{color:var(--muted-foreground)}.hydrogen-lab .hydro-water-fill{transition:y .5s,height .5s}.hydrogen-lab .hydro-collector{transition:transform .65s}.hydrogen-lab .hydro-pair{transition:transform 1.2s ease-in-out}.hydrogen-lab .hydro-reaction-bubble{animation:1.6s linear infinite hydro-bubble}.hydrogen-lab .hydro-collect-bubble{animation:2s linear infinite hydro-collect}.hydrogen-lab .hydro-mixing-dot{animation:2s ease-in-out infinite alternate hydro-diffuse}.hydrogen-lab .hydro-poff{animation:.65s ease-out both hydro-poff}.hydrogen-lab .hydro-drain{animation:.8s ease-out both hydro-drain}.hydrogen-lab .hydro-flame{transform-origin:295px 306px;animation:.8s ease-in-out 2 alternate hydro-flame}.hydrogen-lab .hydro-small-bubbles{color:#77a8bd;font-size:24px;animation:2s linear infinite hydro-bubble}@keyframes hydro-bubble{0%{opacity:.15;transform:translateY(8px)}to{opacity:.85;transform:translateY(-35px)}}@keyframes hydro-collect{0%{opacity:.2;transform:translateY(8px)}to{opacity:.8;transform:translateY(-50px)}}@keyframes hydro-diffuse{0%{transform:translateY(3px)}to{transform:translate(3px,-8px)}}@keyframes hydro-poff{0%{opacity:.8;transform:scale(.98)}to{opacity:0;transform:scale(1.03)}}@keyframes hydro-drain{0%{opacity:.7}to{opacity:0}}@keyframes hydro-flame{0%{transform:scaleX(.95)}to{transform:scaleX(1.05)}}@media (width<=900px){.hydrogen-lab .hydro-workspace{grid-template-columns:1fr}.hydrogen-lab .hydro-control-panel{padding:18px}.hydrogen-lab .hydro-stations{grid-template-columns:repeat(3,minmax(0,1fr))}.hydrogen-lab .hydro-intro{grid-template-columns:1fr}.hydrogen-lab .hydro-intro-art{display:none}}@media (width<=600px){.hydrogen-lab .hydro-main{padding:18px 12px 40px}.hydrogen-lab .hydro-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.hydrogen-lab .hydro-equipment-icon{width:52px;height:44px}.hydrogen-lab .hydro-tray{padding:12px}.hydrogen-lab .hydro-header>span{display:none}.hydrogen-lab .hydro-heading{flex-direction:column;align-items:start;gap:0}.hydrogen-lab .hydro-sound{margin:0 0 10px}.hydrogen-lab .hydro-targets{grid-template-columns:1fr;display:grid}.hydrogen-lab .hydro-report-observations{grid-template-columns:1fr}.hydrogen-lab .hydro-stations button{gap:4px;padding:8px 4px;font-size:11px}.hydrogen-lab .hydro-bottom-nav button{flex:1}}@media (prefers-reduced-motion:reduce){.hydrogen-lab *,.hydrogen-lab :before,.hydrogen-lab :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hydrogen-lab .hydro-gas-flow{animation:2s linear infinite hydro-flow}.hydrogen-lab .hydro-mixing-dot{transition:cy .7s}@keyframes hydro-flow{to{stroke-dashoffset:-57px}}@media (prefers-reduced-motion:reduce){.hydrogen-lab .hydro-gas-flow{animation:none}}