body.dark-mode{--bg-color:#111111;--text-color:#F9F9F9;--border-color:rgba(249,249,249,0.15)}body.dark-mode header.scrolled{background:rgba(17,17,17,0.95) !important;border-bottom:1px solid var(--border-color) !important}body.dark-mode #main-header::before,body.dark-mode header::before{background:linear-gradient(to bottom,rgba(17,17,17,1) 0%,rgba(17,17,17,0.8) 40%,rgba(17,17,17,0) 100%) !important}.bside-hero{position:relative;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;padding:0 5%}.bside-hero h1{font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:-0.02em;opacity:0.05;position:absolute;z-index:1}.bside-hero .node{background-color:rgba(20,20,20,0.4) !important;backdrop-filter:blur(10px);border:1px solid #38b09d !important;color:#fff !important;box-shadow:0 4px 15px rgba(0,0,0,0.8) !important}.bside-hero .gh-header{background-color:#38b09d !important;color:#111 !important;border-bottom:1px solid #287a6d !important}.bside-hero .slider-container label span{color:#ccc !important}.bside-hero input[type=range]{accent-color:#38b09d !important}.bside-hero .port{background-color:#222 !important;border:2px solid #555 !important}.bside-hero .port.active-wire{background-color:#38b09d !important;border-color:#fff !important;box-shadow:0 0 8px #38b09d !important}.bside-hero path.wire{stroke:#38b09d !important;stroke-width:1.5px !important;fill:none !important;opacity:0.8 !important}#mobile-toggle-btn{background:#38b09d !important;color:#111 !important}@media (max-width:768px){#wires-layer{display:none !important}#mobile-toggle-btn{display:block}#ui-layer{top:auto !important;bottom:180px;left:0;width:100%;height:auto;padding:0 5%;box-sizing:border-box;display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:75%;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;opacity:0;pointer-events:none;transition:opacity 0.3s ease}#node-nx{order:1}#node-nz{order:2}#node-lod{order:3}#node-rand{order:4}#node-wingspan{order:5}#node-tail{order:6}#node-width{order:7}#node-length{order:8}#node-dust{order:9}#node-anim{order:10}.node:not(.has-slider),#node-spreadx,#node-spreadz{order:99;display:none !important}#ui-layer.open{opacity:1;pointer-events:auto}#ui-layer::-webkit-scrollbar{display:none}.bside-hero .node{position:relative !important;top:auto !important;left:auto !important;scroll-snap-align:center;width:100%}}.bside-hero .node:not(.has-slider){background:rgba(20,20,20,0.4) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border:1px solid rgba(56,176,157,0.3) !important}.bside-hero .node.has-slider{background:rgba(10,10,10,0.95) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:1px solid rgba(56,176,157,0.3) !important}.bside-hero .comp-port-wrapper span{color:#38b09d !important;font-weight:600}.dark-mode header.scrolled{background-color:rgba(17,17,17,0.6) !important;backdrop-filter:blur(15px) !important;-webkit-backdrop-filter:blur(15px) !important;border-bottom:1px solid rgba(56,176,157,0.15) !important}.bside-hero .node .gh-header{background:rgba(0,0,0,0.95) !important}.bside-hero .node:not(.has-slider){background:rgba(20,20,20,0.4) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important}.bside-hero .node.has-slider{background:rgba(10,10,10,0.95) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.bside-hero .node .gh-header strong{color:#38b09d !important}