:root{--primary-blue: #00d4ff;--secondary-cyan: #00ffff;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--dark-bg: #0a0a0f;--card-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--success-green: #10b981;--warning-orange: #f59e0b;--error-red: #ef4444}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;overflow-x:hidden}body{font-family:"Exo 2",sans-serif;background:var(--dark-bg);color:var(--text-primary);min-height:100vh;width:100vw;margin:0!important;padding:0!important;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 25% 25%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.05) 0%,transparent 50%);z-index:-2;animation:backgroundPulse 8s ease-in-out infinite alternate}@keyframes backgroundPulse{0%{opacity:.5}to{opacity:1}}.particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:var(--primary-blue);border-radius:50%;animation:float 20s infinite linear;opacity:.6}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.density-lab{min-height:100vh;width:100vw;margin:0;padding:0;position:relative;overflow-x:hidden}.container{width:100vw;margin:0;padding:clamp(8px,1.5vw,20px);position:relative;z-index:1;min-height:100vh;box-sizing:border-box}.lab-header{text-align:center;margin:0 0 clamp(15px,3vw,40px) 0;padding:clamp(15px,3vw,40px) clamp(8px,1.5vw,20px);background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--glass-border);border-radius:clamp(10px,2vw,20px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;z-index:10;width:100%;box-sizing:border-box}.lab-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);animation:scanLine 3s infinite}@keyframes scanLine{0%{left:-100%}to{left:100%}}.lab-title{font-family:Orbitron,monospace;font-size:clamp(1.5rem,5vw,3.5rem);font-weight:900;background:linear-gradient(45deg,var(--primary-blue),var(--secondary-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;text-shadow:0 0 30px rgba(0,212,255,.5);line-height:1.2}.lab-subtitle{font-size:clamp(.8rem,2.5vw,1.2rem);color:var(--text-secondary);font-weight:300;line-height:1.4}.system-status{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(5px,1vw,10px);margin-top:20px;font-family:Orbitron,monospace;font-size:clamp(.6rem,1.5vw,.9rem);color:var(--success-green)}.status-dot{width:8px;height:8px;background:var(--success-green);border-radius:50%;margin-right:8px;animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(8px,1.5vw,20px);margin:0 0 clamp(15px,3vw,40px) 0;position:relative;z-index:5;width:100%}.nav-module{background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid rgba(0,212,255,.3);border-radius:clamp(8px,1.5vw,15px);padding:clamp(15px,2.5vw,25px);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;min-height:clamp(80px,15vw,120px);display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 15px #00d4ff26}.nav-module.active{border-color:var(--primary-blue);box-shadow:0 0 15px #00d4ff26;transform:translateY(-2px);background:linear-gradient(135deg,#00d4ff0d,#ffffff06)}.nav-module:hover{transform:translateY(-3px);box-shadow:0 0 25px #00d4ff4d;border-color:#00d4ff99}.nav-module:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(0,212,255,.1),transparent);opacity:0;transition:opacity .3s ease}.nav-module:hover:before{opacity:1}.nav-module.active{border-color:var(--primary-blue);box-shadow:0 0 30px #00d4ff4d;transform:translateY(-2px)}.nav-module:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33}.module-icon{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--primary-blue);margin-bottom:15px;display:block}.module-title{font-family:Orbitron,monospace;font-size:clamp(.8rem,2.5vw,1.2rem);margin-bottom:8px;color:var(--text-primary)}.module-desc{font-size:clamp(.7rem,2vw,.9rem);color:var(--text-secondary);line-height:1.4}.lab-section{display:none;animation:slideInUp .6s ease-out;position:relative;z-index:3;width:100%}.lab-section.active{display:block}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--glass-border);border-radius:clamp(10px,2vw,20px);padding:clamp(12px,2.5vw,30px);margin:0 0 clamp(12px,2.5vw,30px) 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;z-index:2;width:100%;box-sizing:border-box}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-purple),var(--accent-pink))}.concept-display{text-align:center;padding:clamp(20px,4vw,40px);background:linear-gradient(135deg,#00d4ff1a,#8b5cf61a);border-radius:clamp(10px,2vw,20px);margin-bottom:clamp(15px,3vw,30px)}.formula-container{background:#0000004d;border:2px solid var(--primary-blue);border-radius:clamp(8px,1.5vw,15px);padding:clamp(15px,3vw,30px);margin:clamp(15px,3vw,30px) 0;text-align:center;position:relative}.formula-text{font-family:Orbitron,monospace;font-size:clamp(1.2rem,4vw,2.5rem);color:var(--primary-blue);text-shadow:0 0 20px rgba(0,212,255,.5);margin-bottom:15px}.formula-explanation{font-size:clamp(.8rem,2.5vw,1.1rem);color:var(--text-secondary);line-height:1.6}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(12px,2.5vw,30px);width:100%}.calc-module{background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--glass-border);border-radius:clamp(10px,2vw,20px);padding:clamp(15px,2.5vw,30px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;box-sizing:border-box}.calc-title{font-family:Orbitron,monospace;color:var(--primary-blue);margin-bottom:20px;text-align:center;font-size:clamp(.9rem,2.5vw,1.3rem)}.input-field{margin-bottom:clamp(12px,2vw,20px);width:100%}.input-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:clamp(.7rem,2vw,.9rem);font-weight:600}.input-control{width:100%;padding:clamp(8px,2vw,15px);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:clamp(5px,1vw,10px);color:var(--text-primary);font-size:clamp(.8rem,2vw,1rem);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-control:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 20px #00d4ff4d}.calc-button{width:100%;padding:clamp(10px,2vw,15px);background:linear-gradient(45deg,var(--primary-blue),var(--secondary-cyan));border:none;border-radius:clamp(5px,1vw,10px);color:#fff;font-family:Orbitron,monospace;font-weight:600;font-size:clamp(.8rem,2vw,1rem);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.calc-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.calc-button:hover:before{left:100%}.calc-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff66}.calc-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.result-display{margin-top:20px;padding:clamp(12px,2vw,20px);background:#10b9811a;border:1px solid var(--success-green);border-radius:clamp(5px,1vw,10px);text-align:center;font-family:Orbitron,monospace;color:var(--success-green);font-size:clamp(.8rem,2vw,1.1rem);width:100%}.simulator-panel{background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--glass-border);border-radius:clamp(10px,2vw,20px);padding:clamp(20px,3vw,40px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;width:100%;box-sizing:border-box}.sim-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:clamp(12px,2.5vw,30px);margin:clamp(15px,3vw,30px) 0;width:100%}.control-group{text-align:center;width:100%}.control-label{font-family:Orbitron,monospace;color:var(--primary-blue);margin-bottom:15px;font-size:clamp(.8rem,2.5vw,1.1rem)}.control-value{font-size:clamp(1rem,3vw,1.5rem);color:var(--text-primary);margin-bottom:10px}.slider{width:100%;height:clamp(6px,1vw,8px);background:#ffffff1a;border-radius:4px;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);background:linear-gradient(45deg,var(--primary-blue),var(--secondary-cyan));border-radius:50%;cursor:pointer;box-shadow:0 0 15px #00d4ff80}.visualization-area{margin:clamp(20px,3vw,40px) 0;padding:clamp(20px,3vw,40px);background:#0003;border-radius:clamp(8px,1.5vw,15px);border:1px solid var(--glass-border);width:100%}.density-cube{width:clamp(60px,12vw,120px);height:clamp(60px,12vw,120px);margin:0 auto 20px;border-radius:clamp(8px,1.5vw,15px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);transition:all .5s ease;position:relative;overflow:hidden;font-size:clamp(.6rem,1.5vw,.9rem)}.density-cube:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.density-value{font-size:clamp(1rem,3.5vw,1.8rem);color:var(--primary-blue);font-family:Orbitron,monospace;text-shadow:0 0 20px rgba(0,212,255,.5);margin-top:20px}.quiz-panel{background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--glass-border);border-radius:clamp(10px,2vw,20px);padding:clamp(15px,2.5vw,30px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:0 0 clamp(15px,2.5vw,30px) 0;width:100%;box-sizing:border-box}.question-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:clamp(8px,1.5vw,15px);padding:clamp(15px,2.5vw,25px);margin-bottom:clamp(15px,2.5vw,25px);width:100%}.question-text{font-size:clamp(.8rem,2.5vw,1.1rem);margin-bottom:20px;color:var(--text-primary);line-height:1.6}.option{background:#ffffff08;border:1px solid var(--glass-border);border-radius:clamp(5px,1vw,10px);padding:clamp(8px,2vw,15px);margin:10px 0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:100%;font-size:clamp(.7rem,2vw,.9rem)}.option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .3s}.option:hover:before{left:100%}.option:hover{border-color:var(--primary-blue);transform:translate(5px)}.option.selected{background:#00d4ff33;border-color:var(--primary-blue)}.option.correct{background:#10b98133;border-color:var(--success-green)}.option.incorrect{background:#ef444433;border-color:var(--error-red)}.quiz-controls{display:flex;justify-content:center;gap:clamp(8px,2vw,20px);margin-top:clamp(15px,3vw,30px);flex-wrap:wrap}.quiz-button{padding:clamp(8px,2vw,15px) clamp(15px,3vw,30px);border:none;border-radius:clamp(5px,1vw,10px);font-family:Orbitron,monospace;font-weight:600;font-size:clamp(.7rem,2vw,.9rem);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:clamp(80px,15vw,120px)}.submit-btn{background:linear-gradient(45deg,var(--success-green),#059669);color:#fff}.reset-btn{background:linear-gradient(45deg,var(--warning-orange),#d97706);color:#fff}.quiz-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.score-display{margin-top:clamp(15px,3vw,30px);padding:clamp(15px,2.5vw,25px);background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid var(--success-green);border-radius:clamp(8px,1.5vw,15px);text-align:center;font-size:clamp(.9rem,2.5vw,1.2rem);width:100%}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,212,255,.3);border-radius:50%;border-top-color:var(--primary-blue);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-quiz-container{padding:clamp(10px,2vw,20px);width:100%}.option-button:hover{transform:translate(5px)}.option-button.selected{transform:translate(10px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analysis-card{animation:fadeIn .5s ease backwards}.analysis-card:nth-child(2){animation-delay:.1s}.analysis-card:nth-child(3){animation-delay:.2s}@media (max-width: 768px){.container{padding:clamp(5px,1vw,15px);width:100vw}.nav-panel{grid-template-columns:1fr;gap:12px;margin:0 0 20px}.calc-grid,.sim-controls{grid-template-columns:1fr;gap:15px}.quiz-controls{flex-direction:column;align-items:center}.quiz-button{width:clamp(150px,50vw,200px)}.lab-header{padding:15px 8px;margin:0 0 15px}}@media (max-width: 480px){.container{padding:5px;width:100vw}.lab-header{padding:12px 5px;margin:0 0 12px}.nav-module{padding:12px;min-height:70px}.glass-card{padding:10px;margin:0 0 12px}}@media (min-width: 769px) and (max-width: 1024px){.nav-panel{grid-template-columns:repeat(2,1fr)}.calc-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (hover: none) and (pointer: coarse){.nav-module:hover{transform:none}.nav-module:active{transform:scale(.98)}.calc-button:hover{transform:none}.calc-button:active{transform:scale(.98)}.quiz-button:hover{transform:none}.quiz-button:active{transform:scale(.98)}}.nav-module,.calc-button,.quiz-button,.density-cube{will-change:transform;transform:translateZ(0)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.lab-title{-webkit-font-smoothing:antialiased}}.ai-assistant-container{margin:30px 0!important;width:100%!important;display:block!important}.ai-assistant-header{text-align:center!important;margin-bottom:25px!important}.ai-section-title{font-family:Orbitron,monospace!important;font-size:1.3rem!important;color:#00d4ff!important;margin:0 0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.ai-section-subtitle{color:#b0b0b0!important;margin:0!important;font-size:.9rem!important;line-height:1.4!important}.ai-assistant-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:20px!important;margin-top:20px!important;width:100%!important;list-style:none!important;padding:0!important}.ai-assistant-module{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;min-height:200px!important;padding:25px!important;width:100%!important;box-sizing:border-box!important;background:linear-gradient(135deg,#ffffff14,#ffffff08)!important;border:2px solid rgba(0,212,255,.3)!important;border-radius:20px!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;cursor:pointer!important;transition:all .4s ease!important;position:relative!important;overflow:hidden!important;margin:0!important;list-style:none!important;text-decoration:none!important}.ai-module-blue{border-color:#00d4ff66!important}.ai-module-purple{border-color:#8b5cf666!important}.ai-module-pink{border-color:#ec489966!important}.ai-module-green{border-color:#10b98166!important}.ai-assistant-module:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 40px #00d4ff4d,0 0 30px #00d4ff33!important;border-color:#00d4ff!important}.ai-module-purple:hover{border-color:#8b5cf6!important;box-shadow:0 20px 40px #8b5cf64d,0 0 30px #8b5cf633!important}.ai-module-pink:hover{border-color:#ec4899!important;box-shadow:0 20px 40px #ec48994d,0 0 30px #ec489933!important}.ai-module-green:hover{border-color:#10b981!important;box-shadow:0 20px 40px #10b9814d,0 0 30px #10b98133!important}.ai-assistant-module i.module-icon{font-size:3rem!important;margin:0 0 15px!important;transition:all .4s ease!important;display:block!important;color:#00d4ff!important;filter:drop-shadow(0 4px 8px rgba(0,212,255,.3))!important}.ai-module-purple i.module-icon{color:#8b5cf6!important;filter:drop-shadow(0 4px 8px rgba(139,92,246,.3))!important}.ai-module-pink i.module-icon{color:#ec4899!important;filter:drop-shadow(0 4px 8px rgba(236,72,153,.3))!important}.ai-module-green i.module-icon{color:#10b981!important;filter:drop-shadow(0 4px 8px rgba(16,185,129,.3))!important}.ai-assistant-module:hover i.module-icon{transform:scale(1.2) rotateY(20deg)!important;filter:drop-shadow(0 6px 15px rgba(0,212,255,.5))!important}.ai-assistant-module .module-title{font-family:Orbitron,monospace!important;font-size:1.1rem!important;font-weight:700!important;color:#00d4ff!important;margin:0 0 10px!important;transition:color .3s ease!important;line-height:1.3!important;text-align:center!important}.ai-module-purple .module-title{color:#8b5cf6!important}.ai-module-pink .module-title{color:#ec4899!important}.ai-module-green .module-title{color:#10b981!important}.ai-assistant-module:hover .module-title{color:#fff!important;text-shadow:0 0 10px rgba(0,212,255,.8)!important}.ai-assistant-module .module-desc{color:#b0b0b0!important;font-size:.85rem!important;line-height:1.4!important;margin:0 0 15px!important;flex:1!important;transition:color .3s ease!important;text-align:center!important}.ai-assistant-module:hover .module-desc{color:#e0e0e0!important}.ai-module-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:auto!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.1)!important}.question-indicator{display:flex!important;align-items:center!important;gap:6px!important;color:#00d4ff!important;font-size:.8rem!important;font-weight:600!important;opacity:.8!important;transition:all .3s ease!important}.ai-module-purple .question-indicator{color:#8b5cf6!important}.ai-module-pink .question-indicator{color:#ec4899!important}.ai-module-green .question-indicator{color:#10b981!important}.ai-assistant-module:hover .question-indicator{opacity:1!important;transform:translate(3px)!important}.ai-question-badge{position:absolute!important;top:12px!important;right:12px!important;width:28px!important;height:28px!important;background:#00d4ff33!important;border:1px solid rgba(0,212,255,.4)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#00d4ff!important;font-size:.7rem!important;opacity:.8!important;transition:all .3s ease!important}.ai-module-purple .ai-question-badge{background:#8b5cf633!important;border-color:#8b5cf666!important;color:#8b5cf6!important}.ai-module-pink .ai-question-badge{background:#ec489933!important;border-color:#ec489966!important;color:#ec4899!important}.ai-module-green .ai-question-badge{background:#10b98133!important;border-color:#10b98166!important;color:#10b981!important}.ai-badge{width:20px!important;height:20px!important;background:#00d4ff33!important;border:1px solid rgba(0,212,255,.4)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#00d4ff!important;font-size:.6rem!important}@media (max-width: 768px){.ai-assistant-grid{grid-template-columns:1fr!important;gap:15px!important}.ai-assistant-module{min-height:180px!important;padding:20px!important}.ai-assistant-module i.module-icon{font-size:2.5rem!important}}.learning-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.learning-modal{width:95vw;max-width:1200px;height:90vh;max-height:900px;background:linear-gradient(135deg,#0a0a0ff2,#000000e6);border:1px solid rgba(255,255,255,.2);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 80px #00000080;animation:slideUp .4s ease-out}.modal-header{padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#00d4ff1a,#8b5cf60d);display:flex;justify-content:space-between;align-items:center}.header-content{flex:1}.modal-title{font-family:Orbitron,monospace;font-size:1.8rem;color:#00d4ff;margin:0 0 8px;display:flex;align-items:center;gap:12px}.modal-title i{font-size:1.6rem}.modal-subtitle{color:#b0b0b0;margin:0;font-size:1rem;line-height:1.4}.close-button{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.close-button:hover{background:#f443;border-color:#ff444480;transform:scale(1.05)}.modal-controls{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:15px}.search-container{position:relative;display:flex;align-items:center}.search-container i{position:absolute;left:15px;color:#888;z-index:1}.search-input{width:100%;padding:12px 20px 12px 45px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.search-input:focus{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#b0b0b0;cursor:pointer;font-size:.9rem;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background:#ffffff26;color:#fff}.filter-tab.active{background:linear-gradient(45deg,#00d4ff,#8b5cf6);border-color:#00d4ff;color:#fff;font-weight:600}.modal-content{flex:1;overflow-y:auto;padding:20px 30px}.units-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.unit-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.unit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);opacity:0;transition:opacity .3s ease}.unit-card:hover{transform:translateY(-5px);border-color:#00d4ff4d;box-shadow:0 10px 30px #00d4ff33}.unit-card:hover:before{opacity:1}.unit-card.selected{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d}.unit-card.selected:before{opacity:1}.unit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.unit-title{font-family:Orbitron,monospace;font-size:1.1rem;color:#00d4ff;margin:0;line-height:1.3;flex:1}.difficulty-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.unit-description{color:#b0b0b0;font-size:.9rem;line-height:1.5;margin:0 0 15px}.unit-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.meta-item{display:flex;align-items:center;gap:6px;color:#888;font-size:.85rem}.meta-item i{width:12px;text-align:center}.meta-item.completed{color:#10b981}.progress-container{position:relative;background:#ffffff1a;border-radius:6px;height:6px;margin-bottom:15px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .5s ease}.progress-text{position:absolute;right:8px;top:-20px;font-size:.7rem;color:#10b981;font-weight:600}.unit-objectives{margin-top:15px}.unit-objectives h5{color:#8b5cf6;font-size:.85rem;margin:0 0 8px;font-weight:600}.unit-objectives ul{margin:0;padding-left:16px;color:#b0b0b0;font-size:.8rem;line-height:1.4}.unit-objectives li{margin-bottom:4px}.unit-detail{max-width:800px;margin:0 auto}.detail-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease}.back-button:hover{background:#00d4ff33;border-color:#00d4ff80}.detail-header h2{font-family:Orbitron,monospace;color:#00d4ff;margin:0;font-size:1.5rem}.unit-content{display:flex;flex-direction:column;gap:20px}.content-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.content-header{padding:15px 20px;background:#ffffff0d;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.content-header:hover{background:#ffffff14}.content-header h4{margin:0;color:#8b5cf6;font-size:1rem;font-weight:600}.content-body{padding:20px;color:#e0e0e0;line-height:1.6}.concept-content h3{color:#00d4ff;font-family:Orbitron,monospace;margin-bottom:15px;display:flex;align-items:center;gap:10px}.concept-content p{margin-bottom:15px}.highlight-box,.application-box{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:15px;margin:20px 0}.highlight-box h4,.application-box h4{color:#00d4ff;margin-top:0;margin-bottom:10px}.formula-display{text-align:center;margin:25px 0;padding:20px;background:#8b5cf61a;border-radius:12px;border:1px solid rgba(139,92,246,.3)}.formula{font-size:2rem;font-family:Orbitron,monospace;color:#8b5cf6;margin:15px 0;font-weight:700}.density-grid,.example-grid,.app-card,.safety-grid{display:grid;gap:15px;margin:15px 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.density-item,.example-card,.app-card,.safety-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px}.example-card h5,.app-card h5{color:#10b981;margin-top:0;margin-bottom:8px}.safety-item.danger{border-color:#ef444480;background:#ef44441a}.safety-item.caution{border-color:#f59e0b80;background:#f59e0b1a}.safety-item.safe{border-color:#10b98180;background:#10b9811a}.modal-footer{padding:20px 30px;border-top:1px solid rgba(255,255,255,.1);background:#0000004d}.stats-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;color:#888;font-size:.9rem}.stat-item i{color:#00d4ff}@media (max-width: 768px){.learning-modal{width:100vw;height:100vh;border-radius:0}.modal-header,.modal-controls,.modal-content{padding-left:20px;padding-right:20px}.units-grid{grid-template-columns:1fr}.filter-tabs{flex-wrap:wrap}.stats-container{gap:15px;justify-content:space-around}.stat-item{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.learning-modal-overlay,.learning-modal,.unit-card,.filter-tab,.progress-bar,*{animation:none!important;transition:none!important}}.learning-modal:focus,.close-button:focus,.search-input:focus,.filter-tab:focus,.unit-card:focus,.back-button:focus,.content-header:focus{outline:2px solid #00d4ff;outline-offset:2px}@media (prefers-contrast: high){.learning-modal{border:2px solid #fff}.unit-card{border:2px solid #888}.unit-card:hover,.unit-card.selected{border-color:#00d4ff}}.learning-modal,.unit-card,.filter-tab{transform-style:preserve-3d;backface-visibility:hidden}:root{--z-ground: 0;--z-base: 1;--z-nav-module: 10;--z-sub-modules: 20;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 1000;--z-modal-content: 1010;--z-tooltip: 2000;--z-debug: 9999;--container-padding: clamp(1rem, 4vw, 2rem);--gap-xs: .25rem;--gap-sm: .5rem;--gap-md: 1rem;--gap-lg: 1.5rem;--gap-xl: 2rem;--gap-2xl: 3rem;--motion-instant: 0ms;--motion-fast: .15s;--motion-normal: .3s;--motion-slow: .5s;--motion-slower: .8s;--ease-linear: linear;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--primary-h: 190;--primary-s: 95%;--primary-l: 43%;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-rgb: 6, 182, 212;--surface-1: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .1);--surface-3: rgba(255, 255, 255, .15);--surface-4: rgba(255, 255, 255, .2);--border-1: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .2);--border-3: rgba(255, 255, 255, .3);--border-4: rgba(255, 255, 255, .4);--font-family-primary: "Orbitron", monospace;--font-family-secondary: system-ui, -apple-system, sans-serif;--font-size-xs: clamp(.7rem, 1.5vw, .75rem);--font-size-sm: clamp(.8rem, 2vw, .85rem);--font-size-base: clamp(.9rem, 2.2vw, 1rem);--font-size-lg: clamp(1rem, 2.5vw, 1.1rem);--font-size-xl: clamp(1.1rem, 3vw, 1.3rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .25);--module-color: var(--primary);--module-color-rgb: var(--primary-rgb);--sub-module-color: var(--primary);--sub-module-color-rgb: var(--primary-rgb)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms;--motion-slow: 0ms;--motion-slower: 0ms}}@media (prefers-color-scheme: dark){:root{--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .08);--surface-3: rgba(255, 255, 255, .12);--surface-4: rgba(255, 255, 255, .16)}}.nav-module,.sub-module,.modal-backdrop,.modal-content{transform-style:preserve-3d;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.external-nav-container{container-type:inline-size;container-name:nav-container;margin:var(--gap-xl) 0;position:relative;z-index:var(--z-base)}.external-nav-header{text-align:center;margin-bottom:var(--gap-lg)}.external-section-title{font-family:var(--font-family-primary);font-size:var(--font-size-xl);color:var(--primary);margin:0 0 var(--gap-xs) 0;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}.external-section-subtitle{color:#b3b3b3;margin:0;font-size:var(--font-size-sm)}.external-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--gap-lg);margin-top:var(--gap-lg)}@container nav-container (max-width: 768px){.external-nav-grid{grid-template-columns:1fr;gap:var(--gap-md)}}@container nav-container (max-width: 480px){.external-nav-grid{gap:var(--gap-md)}}.external-nav-module{contain:layout style paint;isolation:isolate;position:relative;z-index:var(--z-nav-module);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:180px;padding:var(--gap-lg);background:linear-gradient(135deg,var(--surface-2),var(--surface-1));border:2px solid rgba(var(--module-color-rgb),.3);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform var(--motion-normal) var(--ease-out),border-color var(--motion-normal) var(--ease-out),box-shadow var(--motion-normal) var(--ease-out),background-color var(--motion-normal) var(--ease-out);will-change:transform}.external-nav-module:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(var(--module-color-rgb),.1),transparent);transform:translate(-100%);transition:transform var(--motion-slower) var(--ease-out);z-index:1}.external-nav-module:hover:before{transform:translate(100%)}.external-nav-module:hover{transform:translateZ(0) translateY(-8px) scale(1.02);border-color:var(--module-color);box-shadow:0 20px 40px rgba(var(--module-color-rgb),.3),0 0 30px rgba(var(--module-color-rgb),.2)}.external-nav-module:focus-visible{outline:2px solid var(--module-color);outline-offset:3px}.external-nav-module.has-sub-modules{overflow:visible}.external-nav-module.expanded{z-index:var(--z-sub-modules);transform:translateZ(0) translateY(-4px);box-shadow:0 25px 50px rgba(var(--module-color-rgb),.25),0 0 40px rgba(var(--module-color-rgb),.15)}.external-nav-module:not(:hover):not(.expanded){will-change:auto}.module-main-content{background:linear-gradient(135deg,var(--surface-2),var(--surface-1));border:2px solid rgba(var(--module-color-rgb),.3);border-radius:var(--radius-xl);padding:var(--gap-lg);cursor:pointer;transition:all var(--motion-normal) var(--ease-out);position:relative;overflow:hidden;min-height:180px;display:flex;flex-direction:column;align-items:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.external-link-badge{position:absolute;top:15px;right:15px;width:28px;height:28px;background:rgba(var(--module-color-rgb),.2);border:1px solid rgba(var(--module-color-rgb),.4);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--module-color);font-size:var(--font-size-xs);opacity:.8;transition:all var(--motion-normal) var(--ease-spring);z-index:3}.external-nav-module:hover .external-link-badge{opacity:1;transform:rotate(15deg) scale(1.1)}.external-nav-module .module-icon{font-size:3rem;color:var(--module-color);margin-bottom:var(--gap-md);transition:all var(--motion-normal) var(--ease-out);filter:drop-shadow(0 4px 8px rgba(var(--module-color-rgb),.3));z-index:2}.external-nav-module:hover .module-icon{transform:scale(1.1) rotateY(15deg);filter:drop-shadow(0 6px 12px rgba(var(--module-color-rgb),.5))}.external-nav-module .module-title{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:700;color:var(--module-color);margin-bottom:var(--gap-sm);transition:color var(--motion-normal) var(--ease-out);line-height:1.3;z-index:2}.external-nav-module:hover .module-title{color:#fff;text-shadow:0 0 10px rgba(var(--module-color-rgb),.8)}.external-nav-module .module-desc{color:#b3b3b3;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--gap-md);flex:1;transition:color var(--motion-normal) var(--ease-out);z-index:2}.external-nav-module:hover .module-desc{color:#e0e0e0}.module-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:var(--gap-sm);border-top:1px solid var(--border-1);z-index:2}.module-actions{display:flex;align-items:center;gap:var(--gap-xs)}.link-indicator{display:flex;align-items:center;gap:var(--gap-xs);color:var(--module-color);font-size:var(--font-size-xs);font-weight:600;opacity:.8;transition:all var(--motion-normal) var(--ease-out)}.external-nav-module:hover .link-indicator{opacity:1;transform:translate(3px)}.security-badge{width:20px;height:20px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#10b981;font-size:var(--font-size-xs)}.expand-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:rgba(var(--module-color-rgb),.2);border:1px solid rgba(var(--module-color-rgb),.4);border-radius:var(--radius-full);color:var(--module-color);font-size:var(--font-size-xs);cursor:pointer;transition:transform var(--motion-normal) var(--ease-bounce),background-color var(--motion-normal) var(--ease-out),color var(--motion-normal) var(--ease-out),box-shadow var(--motion-normal) var(--ease-out);position:relative;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden}.expand-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(var(--module-color-rgb),.3),transparent);transform:translate(-100%);transition:transform var(--motion-slower) var(--ease-out)}.expand-btn:hover:before{transform:translate(100%)}.expand-btn:hover{background:var(--module-color);color:#fff;transform:scale(1.2) rotateY(15deg);box-shadow:0 4px 12px rgba(var(--module-color-rgb),.4)}.expand-btn.expanded{transform:rotate(180deg);background:var(--module-color);color:#fff}.expand-btn.expanded:hover{transform:rotate(180deg) scale(1.2)}.sub-modules-container{contain:layout style;isolation:isolate;position:relative;z-index:var(--z-sub-modules);max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);background:linear-gradient(135deg,rgba(var(--module-color-rgb),.15),rgba(var(--module-color-rgb),.08));border:2px solid rgba(var(--module-color-rgb),.4);border-radius:var(--radius-xl);margin-top:var(--gap-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:max-height var(--motion-slower) var(--ease-out),opacity var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-out),border-color var(--motion-normal) var(--ease-out),padding var(--motion-slower) var(--ease-out)}.sub-modules-container.show{max-height:400px;padding:var(--gap-lg);opacity:1;transform:translateY(0);border-color:rgba(var(--module-color-rgb),.6);box-shadow:0 8px 32px rgba(var(--module-color-rgb),.2),inset 0 1px rgba(var(--module-color-rgb),.1)}.sub-modules-header{display:flex;align-items:center;justify-content:center;gap:var(--gap-xs);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:700;color:var(--module-color);margin-bottom:var(--gap-md);text-transform:uppercase;text-align:center;position:relative}.sub-modules-header:before,.sub-modules-header:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--module-color-rgb),.4),transparent)}.sub-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--gap-sm)}.sub-module-btn{contain:layout style paint;transform-style:preserve-3d;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:80px;padding:var(--gap-sm);background:linear-gradient(135deg,rgba(var(--module-color-rgb),.2),rgba(var(--module-color-rgb),.1));border:2px solid rgba(var(--module-color-rgb),.5);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--module-color);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--motion-normal) var(--ease-out),border-color var(--motion-normal) var(--ease-out),background-color var(--motion-normal) var(--ease-out),box-shadow var(--motion-normal) var(--ease-out),color var(--motion-normal) var(--ease-out)}.sub-module-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(var(--module-color-rgb),.1),transparent);transform:translate(-100%);transition:transform var(--motion-slower) var(--ease-out)}.sub-module-btn:hover:before{transform:translate(100%)}.sub-module-btn:hover{transform:translateZ(0) translateY(-4px) scale(1.05);border-color:var(--module-color);background:linear-gradient(135deg,rgba(var(--module-color-rgb),.4),rgba(var(--module-color-rgb),.2));box-shadow:0 12px 25px rgba(var(--module-color-rgb),.3),0 0 20px rgba(var(--module-color-rgb),.2);color:#fff;text-shadow:0 0 8px rgba(var(--module-color-rgb),.8)}.sub-module-btn:focus-visible{outline:2px solid var(--module-color);outline-offset:2px}.sub-module-btn i{font-size:1.2rem;margin-bottom:var(--gap-xs);transition:all var(--motion-normal) var(--ease-out);filter:drop-shadow(0 2px 4px rgba(var(--module-color-rgb),.3))}.sub-module-btn:hover i{transform:scale(1.2) rotateY(10deg);filter:drop-shadow(0 4px 8px rgba(var(--module-color-rgb),.5))}.sub-module-btn span{line-height:1.2;transition:all var(--motion-normal) var(--ease-out)}.external-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal-backdrop);isolation:isolate;contain:layout style paint;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--motion-normal) var(--ease-out)}.external-warning-modal{position:relative;z-index:var(--z-modal-content);contain:layout style;width:min(90%,480px);max-height:90vh;overflow:auto;background:linear-gradient(135deg,#0a0a0ff2,#000000e6);border:1px solid var(--border-2);border-radius:var(--radius-xl);animation:slideUp var(--motion-normal) var(--ease-out)}.warning-header{padding:var(--gap-lg);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),transparent);border-bottom:1px solid var(--border-1);display:flex;align-items:center;gap:var(--gap-md)}.warning-icon{width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.warning-header h3{margin:0 0 var(--gap-xs) 0;color:#fff;font-family:var(--font-family-primary);font-size:var(--font-size-lg)}.warning-header p{margin:0;color:#b3b3b3;font-size:var(--font-size-sm)}.warning-content{padding:var(--gap-lg)}.module-preview{display:flex;align-items:center;gap:var(--gap-md);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--gap-md);margin-bottom:var(--gap-lg)}.module-preview i{font-size:2rem;color:var(--primary);flex-shrink:0}.module-preview strong{display:block;color:#fff;margin-bottom:var(--gap-xs);font-size:var(--font-size-base)}.module-preview p{margin:0;color:#b3b3b3;font-size:var(--font-size-sm);line-height:1.4}.parent-module{color:#b3b3b3;font-style:italic;margin-top:var(--gap-xs);display:block;font-size:var(--font-size-xs);padding:var(--gap-xs) var(--gap-sm);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-sm);text-align:center}.security-info{display:flex;align-items:center;gap:var(--gap-sm);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);padding:var(--gap-sm);color:#10b981;font-size:var(--font-size-sm)}.warning-actions{padding:var(--gap-lg);border-top:1px solid var(--border-1);display:flex;gap:var(--gap-md);justify-content:flex-end}.btn-cancel,.btn-open{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-sm) var(--gap-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border:none;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.btn-cancel{background:var(--surface-1);color:#b3b3b3;border:1px solid var(--border-2)}.btn-cancel:hover{background:var(--surface-2);color:#fff;transform:translateY(-1px)}.btn-open{background:var(--primary);color:#fff}.btn-open:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@container nav-container (max-width: 768px){.external-nav-module{min-height:160px;padding:var(--gap-lg)}.external-nav-module .module-icon{font-size:2.5rem}.external-section-title{font-size:var(--font-size-lg)}.sub-modules-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:var(--gap-sm)}.sub-module-btn{font-size:var(--font-size-xs);padding:var(--gap-sm);min-height:70px}.sub-module-btn i{font-size:1rem}.sub-modules-container.show{padding:var(--gap-md)}.expand-btn{width:18px;height:18px;font-size:.55rem}.external-warning-modal{width:95%}.warning-actions{flex-direction:column}}@container nav-container (max-width: 480px){.sub-modules-grid{grid-template-columns:1fr 1fr}.sub-modules-header{font-size:var(--font-size-xs);margin-bottom:var(--gap-sm)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.external-nav-module,.sub-module-btn,.external-nav-module:hover,.sub-module-btn:hover{border-width:3px}.expand-btn{border-width:2px}}.focus-trap{contain:layout style}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sub-module-btn{--sub-module-color-rgb: var(--module-color-rgb)}.sub-module-btn[data-color=red]{--sub-module-color: #ef4444;--sub-module-color-rgb: 239, 68, 68}.sub-module-btn[data-color=blue]{--sub-module-color: #3b82f6;--sub-module-color-rgb: 59, 130, 246}.sub-module-btn[data-color=purple]{--sub-module-color: #8b5cf6;--sub-module-color-rgb: 139, 92, 246}.sub-module-btn[data-color=green]{--sub-module-color: #10b981;--sub-module-color-rgb: 16, 185, 129}.sub-module-btn[data-color=orange]{--sub-module-color: #f59e0b;--sub-module-color-rgb: 245, 158, 11}@supports not (container-type: inline-size){.external-nav-grid{display:flex;flex-wrap:wrap;gap:var(--gap-lg)}.external-nav-module{flex:1 1 280px}}@supports not (backdrop-filter: blur(10px)){.external-nav-module,.sub-modules-container{background:#ffffff26}.external-warning-overlay{background:#000000e6}}@supports not (contain: layout){.external-nav-module,.sub-modules-container{position:relative;transform:translateZ(0)}}.external-nav-module:hover,.sub-module-btn:hover,.expand-btn:hover{will-change:transform}.external-nav-module:not(:hover):not(.expanded),.sub-module-btn:not(:hover),.expand-btn:not(:hover){will-change:auto}.external-nav-module:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;transform:translateZ(0);pointer-events:none}.sub-modules-container{contain:layout style paint}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}