.data-cube{animation:rotateCube 15s linear infinite;height:280px;perspective:1000px;position:relative;transform-style:preserve-3d;width:280px}.cube-layer{align-items:center;background:rgba(59,130,246,.1);border:2px solid var(--primary);border-radius:8px;display:flex;height:100%;justify-content:center;opacity:.4;overflow:hidden;position:absolute;transition:all .3s ease;width:100%}.layer-1{transform:translateZ(0)}.layer-2{transform:translateZ(40px)}.layer-3{transform:translateZ(80px)}.layer-4{transform:translateZ(120px)}.layer-5{transform:translateZ(160px)}.cell-visual{animation:cellPulse 4s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.3) 0,rgba(59,130,246,.1) 70%,transparent 100%);border-radius:50%;height:60%;position:relative;width:60%}.cell-nucleus{animation:nucleusGlow 3s ease-in-out infinite;background:rgba(59,130,246,.6);border-radius:50%;height:30%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}.cell-organelles{height:100%;left:0;position:absolute;top:0;width:100%}.organelle{animation:organelleFloat 6s ease-in-out infinite;background:rgba(59,130,246,.8);border-radius:50%;height:8px;position:absolute;width:8px}.organelle:first-child{animation-delay:0s;left:20%;top:20%}.organelle:nth-child(2){animation-delay:1.5s;right:25%;top:70%}.organelle:nth-child(3){animation-delay:3s;bottom:30%;left:30%}.organelle:nth-child(4){animation-delay:4.5s;right:40%;top:40%}.channel-indicator{animation:channelPulse 2s ease-in-out infinite;border:2px solid var(--primary);border-radius:4px;height:20px;position:absolute;right:10px;top:10px;width:20px}.channel-indicator:before{animation:channelFill 2s ease-in-out infinite;background:var(--primary);border-radius:2px;content:"";height:12px;left:2px;position:absolute;top:2px;width:12px}@keyframes rotateCube{0%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}33%{transform:rotateX(120deg) rotateY(120deg) rotate(120deg)}66%{transform:rotateX(240deg) rotateY(240deg) rotate(240deg)}to{transform:rotateX(1turn) rotateY(1turn) rotate(1turn)}}@keyframes cellPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes nucleusGlow{0%,to{box-shadow:0 0 5px rgba(59,130,246,.3);opacity:.6}50%{box-shadow:0 0 15px rgba(59,130,246,.6);opacity:1}}@keyframes organelleFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}25%{opacity:1;transform:translateY(-8px) scale(1.2)}50%{opacity:.9;transform:translateY(-12px) scale(1.1)}75%{opacity:1;transform:translateY(-6px) scale(1.3)}}@keyframes channelPulse{0%,to{border-color:var(--primary);transform:scale(1)}50%{border-color:#60a5fa;transform:scale(1.1)}}@keyframes channelFill{0%,to{background:var(--primary);opacity:.7}50%{background:#60a5fa;opacity:1}}.interface-mockup{animation:interfaceGlow 8s ease-in-out infinite;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px rgba(31,38,135,.2);height:280px;overflow:hidden;width:450px}.mockup-header{align-items:center;background:hsla(0,0%,100%,.1);display:flex;height:30px;justify-content:space-between;padding:0 12px}.mockup-title{animation:titleGlow 3s ease-in-out infinite;color:hsla(0,0%,100%,.8);font-size:12px;font-weight:500}.mockup-controls{display:flex;gap:4px}.mockup-control{animation:controlPulse 2s ease-in-out infinite;background:hsla(0,0%,100%,.4);border-radius:50%;height:8px;width:8px}.mockup-control:first-child{animation-delay:0s;background:#ff5f56}.mockup-control:nth-child(2){animation-delay:.5s;background:#ffbd2e}.mockup-control:nth-child(3){animation-delay:1s;background:#27ca3f}.mockup-content{display:flex;height:100%}.mockup-sidebar{align-content:start;background:rgba(0,0,0,.2);display:grid;gap:4px;grid-template-columns:repeat(2,1fr);height:100%;padding:8px;width:80px}.cell-thumbnail{background:radial-gradient(circle,rgba(59,130,246,.3) 0,rgba(59,130,246,.1) 70%,transparent 100%);border:1px solid rgba(59,130,246,.2);border-radius:4px;height:30px;overflow:hidden;position:relative;width:100%}.cell-thumbnail:before{background:rgba(59,130,246,.6);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.cell-thumbnail:first-child{animation-delay:0s}.cell-thumbnail:nth-child(2){animation-delay:.3s}.cell-thumbnail:nth-child(3){animation-delay:.6s}.cell-thumbnail:nth-child(4){animation-delay:.9s}.cell-thumbnail:nth-child(5){animation-delay:1.2s}.cell-thumbnail:nth-child(6){animation-delay:1.5s}.cell-thumbnail:nth-child(7){animation-delay:1.8s}.cell-thumbnail:nth-child(8){animation-delay:2.1s}.cell-thumbnail:nth-child(9){animation-delay:2.4s}.cell-thumbnail:nth-child(10){animation-delay:2.7s}.cell-thumbnail:nth-child(11){animation-delay:3s}.cell-thumbnail:nth-child(12){animation-delay:3.3s}.cell-thumbnail:nth-child(13){animation-delay:3.6s}.cell-thumbnail:nth-child(14){animation-delay:3.9s}.cell-thumbnail:nth-child(15){animation-delay:4.2s}.cell-thumbnail:nth-child(16){animation-delay:4.5s}.cell-thumbnail:nth-child(17){animation-delay:4.8s}.cell-thumbnail:nth-child(18){animation-delay:5.1s}.cell-thumbnail:nth-child(19){animation-delay:5.4s}.cell-thumbnail:nth-child(20){animation-delay:5.7s}.cell-thumbnail:nth-child(21){animation-delay:6s}.cell-thumbnail:nth-child(22){animation-delay:6.3s}.cell-thumbnail:nth-child(23){animation-delay:6.6s}.cell-thumbnail:nth-child(24){animation-delay:6.9s}.cell-thumbnail:nth-child(25){animation-delay:7.2s}.cell-thumbnail:nth-child(26){animation-delay:7.5s}.mockup-main{display:flex;flex:1;flex-direction:column;height:100%;padding:12px}.main-cell-view{animation:mainCellGlow 5s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.2) 0,rgba(59,130,246,.05) 70%,transparent 100%);border:1px solid rgba(59,130,246,.2);border-radius:8px;flex:1;min-height:250px;overflow:hidden;padding:12px;position:relative}.main-cell{animation:mainCellPulse 4s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.4) 0,rgba(59,130,246,.2) 70%,transparent 100%);height:110px;top:45%;width:110px}.main-cell,.main-cell:before{border-radius:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.main-cell:before{animation:mainNucleusGlow 3s ease-in-out infinite;background:rgba(59,130,246,.8);content:"";height:20px;top:50%;width:20px}.minimap-box{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;height:60px;overflow:hidden;position:absolute;right:4px;top:4px;width:60px;z-index:10}.minimap-cell{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.6);height:30px;width:30px}.minimap-cell,.minimap-cell:before{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.minimap-cell:before{background:rgba(59,130,246,.8);content:"";height:8px;width:8px}.minimap-viewport{animation:minimapViewportPulse 4s ease-in-out infinite;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.8);border-radius:4px;height:30px;left:15px;position:absolute;top:15px;width:30px}.histogram-box{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;height:60px;overflow:hidden;padding:4px;position:absolute;right:4px;top:68px;width:60px;z-index:10}.histogram-bars{align-items:end;display:flex;gap:2px;height:100%;justify-content:space-between;position:relative;width:100%}.histogram-bar{animation:histogramBarPulse 3s ease-in-out infinite;background:rgba(59,130,246,.8);border-radius:8px 8px 2px 2px;flex:1;position:relative;transform-origin:bottom}.histogram-bar:before{background:rgba(59,130,246,.9);border-radius:8px 8px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:-2px;transform:scaleY(.8)}.histogram-bar:first-child{animation-delay:0s;height:20%}.histogram-bar:nth-child(2){animation-delay:.2s;height:35%}.histogram-bar:nth-child(3){animation-delay:.4s;height:50%}.histogram-bar:nth-child(4){animation-delay:.6s;height:70%}.histogram-bar:nth-child(5){animation-delay:.8s;height:85%}.histogram-bar:nth-child(6){animation-delay:1s;height:60%}.histogram-bar:nth-child(7){animation-delay:1.2s;height:40%}.histogram-bar:nth-child(8){animation-delay:1.4s;height:25%}.toolbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;bottom:4px;display:flex;gap:4px;height:32px;left:8px;padding:0 8px;position:absolute;right:8px}.tool-button{animation:toolPulse 2s ease-in-out infinite;background:hsla(0,0%,100%,.2);border-radius:6px;flex:1;height:20px;margin:0 2px}.tool-button:first-child{animation-delay:0s}.tool-button:nth-child(2){animation-delay:.2s}.tool-button:nth-child(3){animation-delay:.4s}.tool-button:nth-child(4){animation-delay:.6s}.tool-button:nth-child(5){animation-delay:.8s}.tool-button:nth-child(6){animation-delay:1s}.tool-button:nth-child(7){animation-delay:1.2s}.tool-tab{animation:tabGlow 2.5s ease-in-out infinite;background:rgba(59,130,246,.3);border-radius:6px;height:12px;margin-left:auto;width:20px}@keyframes interfaceGlow{0%,to{box-shadow:0 8px 32px rgba(31,38,135,.2);transform:scale(1) rotateY(0deg)}25%{box-shadow:0 12px 40px rgba(59,130,246,.3);transform:scale(1.02) rotateY(2deg)}50%{box-shadow:0 8px 32px rgba(31,38,135,.2);transform:scale(1.01) rotateY(0deg)}75%{box-shadow:0 12px 40px rgba(59,130,246,.3);transform:scale(1.02) rotateY(-2deg)}}@keyframes titleGlow{0%,to{opacity:.8;transform:translateX(0)}50%{opacity:1;transform:translateX(2px)}}@keyframes controlPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes thumbnailGlow{0%,to{background:radial-gradient(circle,rgba(59,130,246,.3) 0,rgba(59,130,246,.1) 70%,transparent 100%);border-color:rgba(59,130,246,.2);transform:scale(1)}50%{background:radial-gradient(circle,rgba(59,130,246,.4) 0,rgba(59,130,246,.15) 70%,transparent 100%);border-color:rgba(59,130,246,.4);transform:scale(1.05)}}@keyframes nucleusPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes mainCellGlow{0%,to{background:radial-gradient(circle,rgba(59,130,246,.2) 0,rgba(59,130,246,.05) 70%,transparent 100%);border-color:rgba(59,130,246,.2)}50%{background:radial-gradient(circle,rgba(59,130,246,.3) 0,rgba(59,130,246,.1) 70%,transparent 100%);border-color:rgba(59,130,246,.4)}}@keyframes mainCellPulse{0%,to{background:radial-gradient(circle,rgba(59,130,246,.4) 0,rgba(59,130,246,.2) 70%,transparent 100%);transform:translate(-50%,-50%) scale(1)}50%{background:radial-gradient(circle,rgba(59,130,246,.5) 0,rgba(59,130,246,.3) 70%,transparent 100%);transform:translate(-50%,-50%) scale(1.1)}}@keyframes mainNucleusGlow{0%,to{box-shadow:0 0 5px rgba(59,130,246,.3);opacity:.8}50%{box-shadow:0 0 15px rgba(59,130,246,.6);opacity:1}}@keyframes toolbarFloat{0%,to{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(0)}50%{box-shadow:0 4px 16px rgba(0,0,0,.2);transform:translateY(-2px)}}@keyframes toolPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes tabGlow{0%,to{background:rgba(59,130,246,.3);transform:scale(1)}50%{background:rgba(59,130,246,.5);transform:scale(1.05)}}@keyframes minimapViewportPulse{0%,to{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.8)}50%{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.8)}}@keyframes histogramBarPulse{0%,to{background:rgba(59,130,246,.8);opacity:.8;transform:scaleY(1)}50%{background:#3b82f6;opacity:1;transform:scaleY(1.05)}}