*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:#0d1117;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow:hidden;display:flex;flex-direction:column;height:100vh;user-select:none}header{background:#161b22;padding:8px 12px;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;align-items:center;z-index:10;min-height:48px}.title{font-size:15px;font-weight:700;color:#58a6ff;white-space:nowrap}.nav-btns{display:flex;gap:6px;overflow-x:auto}.nav-btns button{background:#21262d;color:#c9d1d9;border:1px solid #30363d;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap}.guide-bar{background:#1f6feb22;border-bottom:1px solid #1f6feb;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;font-size:13px;min-height:40px;flex-wrap:wrap;gap:6px}.guide-info{display:flex;align-items:center;gap:6px;flex:1;min-width:200px}.guide-step{font-weight:700;color:#58a6ff;white-space:nowrap}.guide-desc{color:#f0883e;font-weight:500;font-size:12px}.control-panel{display:flex;align-items:center;gap:6px;font-size:12px}.control-panel input[type=range]{width:80px;accent-color:#58a6ff}.valve-val{color:#d29922;font-weight:700;width:32px;text-align:right}.main-container{flex:1;display:flex;position:relative;overflow:hidden}.viewport-container{flex:1;position:relative;display:flex;flex-direction:column}.section-nav{position:absolute;top:8px;left:8px;z-index:20;display:flex;gap:4px;background:rgba(22,27,34,.85);padding:4px;border-radius:6px;backdrop-filter:blur(4px);border:1px solid #30363d}.section-nav button{background:#21262d;border:1px solid #30363d;color:#c9d1d9;font-size:11px;padding:4px 8px;border-radius:4px}.viewport{flex:1;height:100%;position:relative;background:radial-gradient(circle at 50% 50%,#161b22 0,#0d1117 100%)}svg#svgScene{width:100%;height:100%;display:block}.draggable-panel{position:absolute;z-index:30;background:rgba(22,27,34,.95);border:1px solid #484f58;border-radius:8px;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.7);max-width:95vw;display:flex;flex-direction:column}.panel-header{background:#21262d;padding:8px 12px;font-size:13px;font-weight:700;color:#58a6ff;border-bottom:1px solid #30363d;border-radius:8px 8px 0 0;cursor:move;display:flex;justify-content:space-between;align-items:center;touch-action:none}.panel-body{padding:10px}.close-btn{cursor:pointer;color:#8b949e;font-size:16px;padding:2px 6px}.close-btn:active,.close-btn:hover{color:#f85149}.steps-panel-floating{top:48px;left:10px;width:330px}.chart-panel-floating{top:48px;right:10px;width:360px;height:260px}.params-panel-floating,.theory-panel-floating{top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:100;width:90vw;max-width:520px}.params-body,.theory-body{padding:12px;font-size:12px;line-height:1.5;color:#c9d1d9;max-height:70vh;overflow-y:auto}.params-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.param-item{background:#161b22;border:1px solid #30363d;padding:6px 10px;border-radius:6px;display:flex;flex-direction:column;gap:4px}.param-item label{font-size:11px;color:#8b949e;font-weight:700}.param-item input,.param-item select{background:#0d1117;border:1px solid #30363d;color:#58a6ff;padding:5px 8px;border-radius:4px;font-size:12px;font-weight:700;outline:0}.param-item input:focus,.param-item select:focus{border-color:#58a6ff}.primary-btn{background:#238636;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;transition:.2s}.primary-btn:hover{background:#2ea043}.step-list{display:flex;flex-direction:column;gap:6px}.step-item{display:flex;align-items:center;justify-content:space-between;background:#161b22;padding:6px 8px;border-radius:6px;border:1px solid #30363d;font-size:12px}.step-item.active{border-color:#1f6feb;background:#1f6feb22}.step-item button{background:#238636;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:11px}.step-item button:disabled{background:#30363d;color:#8b949e}.valve-modal-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:120;background:rgba(22,27,34,.98);border:1.5px solid #58a6ff;border-radius:8px;width:280px;box-shadow:0 10px 30px rgba(0,0,0,.8);display:none;flex-direction:column;backdrop-filter:blur(10px)}.valve-modal-header{background:#21262d;padding:8px 12px;font-size:13px;font-weight:700;color:#58a6ff;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;align-items:center}.valve-modal-body{padding:12px;display:flex;flex-direction:column;gap:10px;text-align:center}.status-txt{font-size:12px;color:#c9d1d9}.modal-btn-group{display:flex;gap:8px;justify-content:center}.action-btn{flex:1;padding:8px 0;border-radius:6px;border:none;font-weight:700;font-size:12px;cursor:pointer;transition:.2s}.btn-open{background:#238636;color:#fff}.btn-close{background:#da3633;color:#fff}.action-btn:disabled{background:#30363d;color:#8b949e;cursor:not-allowed}.exhaust-gas-container{opacity:0;transition:opacity .3s ease}.exhaust-active .exhaust-gas-container{opacity:1}.exhaust-bubble{opacity:0}.exhaust-active .exhaust-bubble{animation:bubbleRise 1.2s ease-out infinite}.exhaust-active .exhaust-bubble:nth-child(2){animation-delay:.3s}.exhaust-active .exhaust-bubble:nth-child(3){animation-delay:.6s}.exhaust-active .exhaust-bubble:nth-child(4){animation-delay:.9s}@keyframes bubbleRise{0%{transform:translateY(0) scale(.6);opacity:.9}50%{transform:translateY(-25px) scale(1.2);opacity:.7}100%{transform:translateY(-50px) scale(1.8);opacity:0}}.valve-hover-panel{position:absolute;z-index:110;background:rgba(22,27,34,.95);border:1px solid #d29922;border-radius:8px;padding:10px;width:220px;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.8);display:none;flex-direction:column;gap:8px;transform:translate(-50%,-100%)}.valve-hover-title{font-size:12px;font-weight:700;color:#d29922;border-bottom:1px solid #30363d;padding-bottom:4px;display:flex;justify-content:space-between;align-items:center}.valve-preset-btns{display:flex;gap:4px}.valve-preset-btns button{flex:1;background:#21262d;border:1px solid #30363d;color:#c9d1d9;font-size:11px;padding:6px 0;border-radius:4px}.data-sidebar{width:280px;background:#161b22;border-left:1px solid #30363d;padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;z-index:25}.sidebar-header-mobile{display:none;justify-content:space-between;align-items:center;font-weight:700;color:#58a6ff;padding-bottom:6px;border-bottom:1px solid #30363d}.realtime-card{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:8px}.realtime-card-title{font-size:12px;font-weight:700;color:#58a6ff;margin-bottom:4px}.realtime-card-body{font-size:11px;color:#c9d1d9;line-height:1.4}.table-wrapper{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;text-align:center}.data-table td,.data-table th{border:1px solid #30363d;padding:6px 2px}.data-table th{background:#21262d;color:#8b949e}.data-table tbody tr{cursor:pointer;transition:background-color .2s ease,transform .1s ease}.data-table tbody tr:hover{background-color:rgba(88,166,255,.25)!important}.pulse-ring{animation:pulseRing 1.2s infinite ease-out;transform-origin:center}@keyframes pulseRing{0%{r:4px;opacity:1}100%{r:10px;opacity:0}}.pipe-fluid{stroke:#00d2ff;stroke-dasharray:12,6;animation:fluidFlow 1s linear infinite;display:none}@keyframes fluidFlow{from{stroke-dashoffset:18}to{stroke-dashoffset:0}}.priming-water{stroke:#388bfd;stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 2.5s ease-in-out;opacity:.8}.priming-active{stroke-dashoffset:0!important}.impeller{transform-origin:760px 480px}.spinning{animation:spin .8s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.interactive-valve{cursor:pointer;transition:transform .1s ease}.interactive-valve:hover{opacity:.9}.mobile-bottom-nav{display:none;background:#161b22;border-top:1px solid #30363d;padding:4px;justify-content:space-around;z-index:50}.mobile-bottom-nav button{background:#21262d;border:1px solid #30363d;color:#c9d1d9;font-size:11px;padding:6px 10px;border-radius:6px;flex:1;margin:0 2px}footer{background:#161b22;padding:4px 10px;border-top:1px solid #30363d;font-size:10px;color:#8b949e;text-align:center;min-height:22px}@media (max-width:768px){header{padding:4px 8px}.title{font-size:13px}.nav-btns button{padding:4px 6px;font-size:11px}.mobile-bottom-nav{display:flex}.steps-panel-floating{width:290px;top:40px;left:5vw}.chart-panel-floating{width:90vw;top:40px;right:5vw;height:240px}.data-sidebar{position:absolute;right:0;top:0;bottom:0;width:85vw;max-width:300px;box-shadow:-5px 0 20px rgba(0,0,0,.8);display:none}.sidebar-header-mobile{display:flex}.params-grid{grid-template-columns:1fr}}