*{box-sizing:border-box;font-display:swap;margin:0;padding:0}html{scroll-behavior:smooth}#container{min-height:100vh}#container,.loading{contain:layout style paint}.loading{will-change:opacity}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--primary-color:#764ba2;--secondary-color:#667eea;--accent-color:#f093fb;--text-light:#fff;--text-dark:#2d3748;--bg-overlay:rgba(102,126,234,.1);--nav-bg:transparent;--nav-bg-mobile:hsla(0,0%,100%,.95);--gradient-primary:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--gradient-accent:linear-gradient(135deg,var(--secondary-color),var(--accent-color));--shadow-color:rgba(102,126,234,.3);--border-color:hsla(0,0%,100%,.2)}body{background:#87ceeb;font-family:Arial,sans-serif;overflow:hidden}#header{align-items:center;background:transparent;border-bottom:1px solid transparent;display:flex;height:80px;justify-content:space-between;padding:0 30px 0 0;top:0;transition:all .3s ease;z-index:1000}#content-overlays,#header{left:0;position:fixed;right:0}#content-overlays{pointer-events:none;top:50px;z-index:500}.content-overlay{align-items:flex-start;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.content-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.overlay-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:40px 30px;position:relative;text-align:center;transform:translateY(-30px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}.content-overlay.active .overlay-content{transform:translateY(0) scale(1)}.overlay-content:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.content-overlay .overlay-description,.content-overlay .overlay-features,.content-overlay .overlay-title{opacity:0;transform:translateY(-30px) scale(.9);transition:all .2s cubic-bezier(.4,0,.2,1)}.content-overlay.active .overlay-title{opacity:1;transform:translateY(0) scale(1);transition-delay:.05s}.content-overlay.active .overlay-description{opacity:1;transform:translateY(0) scale(1);transition-delay:.1s}.content-overlay.active .overlay-features{opacity:1;transform:translateY(0) scale(1);transition-delay:.15s}.content-overlay .feature-tag{opacity:0;transform:translateY(20px) scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.content-overlay.active .feature-tag:first-child{opacity:1;transform:translateY(0) scale(1);transition-delay:.2s}.content-overlay.active .feature-tag:nth-child(2){opacity:1;transform:translateY(0) scale(1);transition-delay:.25s}.content-overlay.active .feature-tag:nth-child(3){opacity:1;transform:translateY(0) scale(1);transition-delay:.3s}.overlay-title{color:#fff;color:var(--text-light);font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:20px;position:relative;z-index:1}@supports not (-webkit-background-clip:text){.overlay-title{color:#fff;text-shadow:0 2px 10px rgba(102,126,234,.6),0 0 20px rgba(102,126,234,.4)}}.overlay-description{color:#fffffff2;font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:30px;max-width:800px;position:relative;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:1}.overlay-features{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.overlay-features .feature-tag{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000b3;border:2px solid hsla(0,0%,100%,.3);border-radius:30px;box-shadow:0 4px 15px #0000004d;color:#fff;color:var(--text-light);cursor:pointer;font-size:.9rem;font-weight:700;padding:12px 24px;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.overlay-features .feature-tag:hover{background:linear-gradient(135deg,#764ba2,#667eea);background:var(--gradient-primary);border-color:#764ba2;border-color:var(--primary-color);box-shadow:0 8px 30px #667eea80;text-shadow:0 1px 3px rgba(0,0,0,.9);transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.content-overlay{padding:30px 20px 100px}.overlay-content{padding:30px 25px}.overlay-content,.overlay-content:before{border-radius:16px}.overlay-title{font-size:2.5rem;margin-bottom:15px}.overlay-description{font-size:1.1rem;margin-bottom:25px}.overlay-features .feature-tag{font-size:.85rem;padding:10px 20px}}@media (max-width:480px){.content-overlay{padding:25px 15px 100px}.overlay-content{padding:25px 20px}.overlay-content,.overlay-content:before{border-radius:12px}.overlay-title{font-size:2rem;margin-bottom:12px}.overlay-description{font-size:1rem;margin-bottom:20px}.overlay-features{gap:10px}.overlay-features .feature-tag{font-size:.8rem;padding:8px 16px}}.logo{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;min-height:60px}.logo-image{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:auto;max-height:156px;max-width:260px;-o-object-fit:contain;object-fit:contain;width:auto}#navigation{position:relative}.nav-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-menu li a{background:transparent;border:none;border-radius:12px;color:#fff;color:var(--text-light);font-size:16px;font-weight:700;padding:12px 20px;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease}.nav-menu li a:hover{font-weight:800;transform:translateY(-2px)}.nav-menu li a.active,.nav-menu li a:hover{background:#764ba2;background:var(--primary-color);color:#fff;color:var(--text-light)}.nav-menu li a.active{border:none}.hamburger{background:#764ba2;background:var(--primary-color);border:none;border-radius:12px;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:12px;transition:all .3s ease;z-index:1001}.hamburger:hover{background:#667eea;background:var(--secondary-color);transform:scale(1.05)}.hamburger span{background:#fff;background:var(--text-light);border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:25px}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}#container{height:100vh;position:relative;width:100vw}#three-canvas{display:block;height:100%;width:100%}.loading{align-items:center;background:#87ceeb;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .5s ease-out;width:100%;z-index:1000}.loading-content{max-width:400px;text-align:center;width:90%}.loading-text{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.7)}.loading-stage{color:#ffffffe6;font-size:16px;margin-bottom:30px;min-height:20px;text-shadow:0 1px 4px rgba(0,0,0,.6);transition:all .3s ease}.loading-bar-container{align-items:center;display:flex;gap:15px}.loading-bar{background:#ffffff4d;border-radius:3px;box-shadow:0 2px 6px #0000004d;flex:1;height:6px;overflow:hidden}.loading-bar-fill{background:linear-gradient(135deg,#667eea,#f093fb);background:var(--gradient-accent);border-radius:3px;box-shadow:0 0 20px #f093fb;box-shadow:0 0 20px var(--accent-color);height:100%;transition:width .3s ease;width:0}.loading-percentage{color:#fff;font-size:14px;font-weight:700;min-width:35px;text-align:right;text-shadow:0 1px 4px rgba(0,0,0,.6)}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.drag-indicator{left:50%;opacity:0;pointer-events:none;position:fixed;top:30px;transform:translate(-50%);transition:all .5s ease;visibility:hidden;z-index:1000}.drag-indicator.visible{opacity:1;visibility:visible}.drag-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;border:1px solid hsla(0,0%,100%,.2);border-radius:25px;box-shadow:0 8px 32px #0000004d;gap:12px;padding:12px 20px}.drag-content,.hand-icon{align-items:center;display:flex}.hand-icon{animation:handWave 2s ease-in-out infinite;font-size:20px;justify-content:center}.drag-text{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px;white-space:nowrap}@keyframes handWave{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(8px) rotate(15deg)}50%{transform:translate(16px) rotate(0)}75%{transform:translate(8px) rotate(-15deg)}}@media (max-width:768px){.drag-indicator{top:20px}.drag-content{gap:10px;padding:10px 16px}.hand-icon{font-size:18px}.drag-text{font-size:13px}}.drag-indicator.auto-hide{animation:fadeOutAfterDelay 2s ease-in-out forwards}@keyframes fadeOutAfterDelay{0%,83.33%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.help-icon{align-items:center;background:linear-gradient(135deg,#764ba2,#667eea);background:var(--gradient-primary);border:2px solid hsla(0,0%,100%,.2);border:2px solid var(--border-color);border-radius:50%;bottom:20px;box-shadow:0 4px 20px #667eea4d;box-shadow:0 4px 20px var(--shadow-color);cursor:pointer;display:flex;height:56px;justify-content:center;left:20px;position:fixed;transition:all .3s ease;width:56px;z-index:1000}.help-icon:hover{background:linear-gradient(135deg,#667eea,#f093fb);background:var(--gradient-accent);box-shadow:0 6px 30px #667eea4d;box-shadow:0 6px 30px var(--shadow-color);transform:scale(1.1)}.help-icon:before{color:#fff;content:"?";font-size:24px;font-weight:700}.controls-info{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000d9;border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);border-radius:16px;bottom:20px;box-shadow:0 8px 32px #00000080;color:#fff;color:var(--text-light);font-size:14px;left:20px;line-height:1.6;max-width:320px;opacity:0;padding:24px;pointer-events:none;position:fixed;transform:translateY(100%);transition:all .3s ease;z-index:1001}.controls-info.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.controls-info-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.controls-info-title{color:#fff;color:var(--text-light);font-size:16px;font-weight:700}.close-button{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.close-button:hover{background:#fff3;transform:scale(1.1)}.close-button:before{color:#fff;content:"×";font-size:16px;font-weight:700;line-height:1}.controls-info:hover{opacity:.9}.controls-info div{margin-bottom:5px}.controls-info div:last-child{margin-bottom:0}@media (max-width:950px){#header{height:70px;padding:0 20px 0 0}.logo{min-height:50px;padding:0}.logo-image{height:auto;max-height:130px;max-width:208px;width:auto}.hamburger{display:flex}.nav-menu{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--nav-bg-mobile);border-left:1px solid hsla(0,0%,100%,.1);flex-direction:column;gap:0;height:calc(100vh - 70px);justify-content:flex-start;padding-top:50px;position:fixed;right:-100%;top:70px;transition:right .3s ease;width:300px}.nav-menu.active{right:0}.nav-menu li{margin-bottom:20px;text-align:center;width:100%}.nav-menu li a{border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);color:#2d3748;color:var(--text-dark);display:block;font-size:18px;font-weight:600;margin:0 auto 15px;padding:20px;width:80%}.nav-menu li a:hover{color:#fff;color:var(--text-light)}.help-icon{bottom:15px;height:45px;left:15px;width:45px}.help-icon:before{font-size:20px}.controls-info{bottom:15px;font-size:12px;left:15px;max-width:280px;padding:15px}.controls-info-title{font-size:14px}.loading-text{font-size:18px}.loading-stage{font-size:14px;margin-bottom:20px}.loading-bar-container{gap:10px}.loading-percentage{font-size:12px;min-width:30px}}@media (max-width:480px){#header{height:60px;padding:0 15px 0 0}.logo{min-height:40px;padding:0}.logo-image{height:auto;max-height:104px;max-width:156px;width:auto}.nav-menu{height:calc(100vh - 60px);top:60px;width:280px}.nav-menu li a{font-size:16px;padding:15px}.help-icon{bottom:10px;height:40px;left:10px;width:40px}.help-icon:before{font-size:18px}.controls-info{bottom:10px;font-size:11px;left:10px;max-width:250px;padding:12px}.controls-info-title{font-size:13px}.close-button{height:20px;width:20px}.close-button:before{font-size:14px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}#three-canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}#chatButton{background:#764ba2;background:var(--primary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:20px;min-width:180px;overflow:hidden;padding:16px 32px;position:relative;text-align:center;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}#chatButton:hover{background:#667eea;background:var(--secondary-color);transform:translateY(-3px) scale(1.05)}#chatButton:active{transform:translateY(-1px) scale(1.02);transition:all .1s}#chatButton:focus{background:#667eea;background:var(--secondary-color);outline:none}#chatButton.auto-rotating{animation:chatPulse 3s ease-in-out infinite}@keyframes chatPulse{0%,to{background:#764ba2;background:var(--primary-color)}50%{background:#667eea;background:var(--secondary-color)}}@media (max-width:768px){#chatButton{font-size:15px;margin-top:15px;min-width:160px;padding:14px 28px}}@media (max-width:480px){#chatButton{font-size:14px;margin-top:12px;min-width:140px;padding:12px 24px}}.controls-info:focus{outline:2px solid #fff;outline-offset:2px}.sound-toggle-container-bottom{align-items:center;bottom:20px;display:flex;left:20px;opacity:0;position:fixed;transition:all .5s ease;visibility:hidden;z-index:1000}.sound-toggle-container-bottom.model-loaded{opacity:1;visibility:visible}.sound-toggle-btn{align-items:center;background:#764ba2;background:var(--primary-color);border:none;border-radius:50%;color:#fff;color:var(--text-light);cursor:pointer;display:flex;font-size:20px;height:64px;justify-content:center;padding:15px;transition:all .3s ease;width:64px}.sound-toggle-btn .sound-icon{filter:brightness(0) invert(1);height:24px;transition:all .3s ease;width:24px}.sound-toggle-btn:hover{background:#667eea;background:var(--secondary-color);transform:scale(1.1)}.sound-toggle-btn.muted,.sound-toggle-btn.muted .sound-icon{opacity:.7}@media (max-width:768px){.sound-toggle-container-bottom{bottom:20px;left:20px}.sound-toggle-btn{font-size:18px;height:64px;padding:12px;width:64px}}@media (max-width:480px){.sound-toggle-container-bottom{bottom:20px;left:20px}.sound-toggle-btn{font-size:16px;height:64px;padding:10px;width:64px}}.sound-popup{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:10000}.sound-popup.show{opacity:1;visibility:visible}.sound-popup-content{background:#667eea1a;background:var(--bg-overlay);border:none;border-radius:20px;max-width:450px;padding:0;transform:scale(.9);transition:transform .3s ease;width:90%}.sound-popup.show .sound-popup-content{transform:scale(1)}.sound-popup-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.3);display:flex;justify-content:space-between;padding:25px 30px 20px}.sound-popup-header h3{color:#fff;color:var(--text-light);font-size:20px;font-weight:700;margin:0}.close-popup-btn{align-items:center;background:#764ba2;background:var(--primary-color);border:none;border-radius:50%;color:#fff;color:var(--text-light);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:5px;transition:all .3s ease;width:32px}.close-popup-btn:hover{background:#667eea;background:var(--secondary-color);transform:scale(1.1)}.sound-popup-body{padding:25px 30px 30px}.sound-popup-body p{color:#fff;color:var(--text-light);font-size:16px;line-height:1.6;margin:0 0 25px;opacity:.9}.sound-popup-options{display:flex;flex-wrap:wrap;gap:15px}.sound-option-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1;font-size:16px;font-weight:600;justify-content:center;min-width:150px;padding:15px 20px;transition:all .3s ease}.enable-btn{background:#764ba2;background:var(--primary-color);border:none;color:#fff;color:var(--text-light)}.enable-btn:hover{background:#667eea;background:var(--secondary-color);transform:translateY(-2px)}.disable-btn{background:#666;border:none;color:#fff;color:var(--text-light)}.disable-btn:hover{background:#888;transform:translateY(-2px)}@media (max-width:768px){.sound-popup-content{max-width:400px;width:95%}.sound-popup-header{padding:20px 25px 15px}.sound-popup-header h3{font-size:18px}.sound-popup-body{padding:20px 25px 25px}.sound-popup-options{flex-direction:column}.sound-option-btn{min-width:auto}}@media (max-width:480px){.sound-popup-content{max-width:350px;width:98%}.sound-popup-header{padding:18px 20px 12px}.sound-popup-header h3{font-size:16px}.sound-popup-body{padding:18px 20px 20px}.sound-popup-body p{font-size:14px}.sound-option-btn{font-size:14px;padding:12px 16px}}