@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#fffc,#fffc),url(/static/media/bg.89eb4dfbbacb3281bea3.png) no-repeat 50%/cover;border:3px solid #06c;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#fffc,#fffc),url(/static/media/bg.89eb4dfbbacb3281bea3.png) no-repeat 50%/cover;height:100%;overflow-x:hidden;overflow-y:hidden}.App,body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;width:100%}.App{background:#0000}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 20px #0000001a;display:flex;height:60px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-brand h1{color:#06c;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:900;margin:0}.navbar-nav{display:flex;gap:2rem}.nav-link{border-radius:8px;color:#666;font-family:Inter,sans-serif;padding:.5rem 1rem;position:relative;transition:all .3s ease}.nav-link:hover{background:#0066cc1a;color:#06c}.nav-link.active{background:#0066cc26;color:#06c;font-weight:600}.app-layout{background:#0000;margin:0;overflow:hidden}.app-layout,.live-mode-layout{display:flex;height:calc(100vh - 60px);width:100vw}.live-mode-layout{flex-direction:row}.live-mode-main-content{background:#0000;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;height:100%;overflow:hidden;width:70vw}.live-mode-viewer-section{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow:visible;padding:20px}.live-mode-viewer-container{background:#0000;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000a;flex-shrink:0;height:calc(75% - 20px);overflow:hidden}.scene-information-panel{background:#0000;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 4px #00000005;flex-shrink:0;height:calc(25% - 20px);margin-bottom:18px;overflow-y:auto;padding:16px;scrollbar-color:#cbd5e0 #f7fafc;scrollbar-width:thin}.scene-information-panel::-webkit-scrollbar{width:8px}.scene-information-panel::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.scene-information-panel::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.scene-information-panel::-webkit-scrollbar-thumb:hover{background:#a0aec0}.scene-info-header{margin-bottom:12px}.scene-info-header h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0}.scene-info-content{display:flex;flex-direction:column;gap:12px;overflow:visible;padding-bottom:30px;width:100%}.scene-details{display:flex;flex-direction:column;gap:6px}.detail-row{align-items:center;display:flex;gap:8px}.detail-row .label{color:#495057;font-size:12px;font-weight:600;min-width:60px}.detail-row .value{color:#6c757d;font-size:12px}.scene-features{border-top:1px solid #e0e0e0;padding-top:12px}.features-label{color:#495057;font-size:12px;font-weight:600;margin-bottom:6px}.features-list{color:#6c757d;font-size:11px;margin:0;padding-left:16px}.features-list li{margin-bottom:2px}.camera-controls{border-top:1px solid #e0e0e0;padding-bottom:8px;padding-top:12px}.camera-label{color:#495057;font-size:12px;font-weight:600;margin-bottom:8px}.camera-buttons{gap:8px}.camera-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s ease}.camera-btn:hover{background:#f8f9fa;border-color:#adb5bd}.camera-btn.active{background:#007bff;border-color:#007bff;color:#fff}.no-cameras{color:#6c757d;font-size:11px;font-style:italic}.admin-controls-section{padding:0 20px 20px}.live-mode-right-section{background:#fff;border-left:1px solid #f0f0f0;height:85vh;width:30vw}.sidebar{background:#fff;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;height:85vh;max-width:300px;min-width:200px;overflow:hidden;width:20vw}.tab-navigation{background:#f8fafc80;border-bottom:1px solid #06c3;border-radius:12px 12px 0 0;display:flex;padding:0}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#666;cursor:pointer;flex:1 1;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.tab-button.active{background:#0066cc1a;border-bottom-color:#06c;color:#06c;font-weight:600}.tab-button:hover:not(.active){background:#0066cc0d;color:#06c}.tab-content{flex:1 1;min-height:0;overflow-y:auto}.viewer-controls{height:100%;overflow-y:auto;padding:20px}.controls-content{display:flex;flex-direction:column;gap:20px}.control-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px}.control-section h4{color:#000;font-size:16px;font-weight:600;margin:0 0 12px}.control-btn{background:#06c;border:1px solid #0066cc4d;border-radius:8px;color:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;margin:4px;padding:8px 12px;transition:all .2s ease}.control-btn:hover{background:#049;transform:translateY(-1px)}.control-btn:active{background:#06c;transform:translateY(0)}.control-btn.active{background:#06c;box-shadow:0 2px 8px #0066cc4d}.control-btn.active:hover{background:#049}.speed-control{align-items:center;display:flex;gap:8px;margin:8px 0}.speed-control label{color:#666;font-size:12px;min-width:40px}.speed-control input[type=range]{flex:1 1}.zoom-controls{display:flex;gap:8px;margin-top:8px}.cube-selector{display:flex;gap:8px;margin-bottom:12px}.movement-keys{background:#f8f8f8;border-radius:6px;color:#666;font-family:monospace;font-size:11px;padding:8px}.movement-keys p{margin:2px 0}.camera-selector{margin-bottom:12px}.camera-selector label{color:#000;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.camera-buttons{display:flex;flex-wrap:wrap;gap:6px}.chat-sidebar{border-left:1px solid #f0f0f0;flex-direction:column;height:100%;max-width:300px;min-width:200px;overflow:hidden;width:20vw}.chat-header,.chat-sidebar{background:#0000;display:flex}.chat-header{align-items:center;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:24px 20px}.chat-header h2{color:#000;font-size:20px;font-weight:700;margin:0}.log-status{align-items:center;color:#666;display:flex;font-size:12px;font-weight:500;gap:8px}.status-indicator{background:#666;height:8px;width:8px}.status-indicator.active{background:#27ca3f;box-shadow:0 0 8px #27ca3f80}.sidebar-header{background:#0000;border-bottom:1px solid #f0f0f0;padding:24px 20px}.sidebar-header h2{color:#06c;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;margin:0 0 12px}.sidebar-header .current-model{align-items:center;display:flex}.model-badge{background:#06c;border-radius:20px;color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.main-content{flex-direction:column;min-width:400px;width:60vw}.main-content,.viewer-panel{background:#0000;display:flex;height:100%;overflow:hidden}.viewer-panel{flex:1 1;flex-direction:column}.panel-header{align-items:center;background:#0000;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;min-height:70px;padding:20px 24px}.panel-title{display:flex;flex-direction:column;gap:4px}.panel-title h3{color:#000;font-size:18px;font-weight:700;margin:0}.scene-info{color:#666;font-size:14px;font-weight:500}.panel-controls{display:flex;gap:8px}.control-button{border-radius:50%;height:12px;transition:transform .2s ease;width:12px}.control-button:hover{transform:scale(1.1)}.control-button.minimize{background:#ffbd2e}.control-button.maximize{background:#27ca3f}.control-button.close{background:#ff5f56}.scene-container{align-items:center;background:#0000;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px}.model-selector{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.model-selector h3{color:#06c;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;margin:0 0 20px}.chat-log{background:#0000;border:1px solid #e0e0e0;border-radius:12px;flex:1 1;margin:20px;min-height:0;overflow-y:auto;padding:16px}.log-entry{display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;gap:12px;margin-bottom:8px}.log-time{color:#666;font-weight:500;min-width:60px}.log-message{color:#000;flex:1 1}.chat-input{display:flex;gap:8px;padding:0 20px 20px}.chat-input input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .3s ease}.chat-input input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.chat-input button{background:#06c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;padding:12px 20px;transition:all .2s ease}.chat-input button:hover{background:#049;transform:translateY(-1px)}.model-cards{display:flex;flex-direction:column;gap:16px}.model-card{background:#fff;border:2px solid #06c3;border-radius:16px;box-shadow:0 2px 8px #0066cc1a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;width:100%}.model-card:before{background:#06c;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0)}.model-card.selected{background:#0066cc0d;border-color:#06c;box-shadow:0 8px 24px #06c3;transform:translateY(-2px)}.model-card.selected:before{transform:scaleX(1)}.model-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.model-card-header h4{color:#000;font-size:14px;font-weight:600;margin:0}.model-indicator{align-items:center;background:#f0f0f0;border-radius:50%;color:#666;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.model-indicator.active{background:#06c;color:#fff}.model-card-body{text-align:left}.model-filename{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin-bottom:8px;padding:4px 8px}.model-description{color:#666;font-size:12px;line-height:1.4}.model-thumbnail{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;height:120px;justify-content:center;margin:8px 0 12px;overflow:hidden;width:100%}.thumbnail-image{border-radius:8px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.model-card:hover .thumbnail-image{transform:scale(1.05)}@media (max-width:1200px){.sidebar{min-width:180px;width:20vw}.main-content{min-width:350px;width:60vw}.chat-sidebar{min-width:180px;width:20vw}}@media (max-width:1024px){.app-layout{flex-direction:column}.sidebar{border-bottom:1px solid #e0e0e0;border-right:none;min-height:auto;width:100%}.chat-sidebar,.main-content{min-width:auto;width:100%}.chat-sidebar{border-left:none;border-top:1px solid #e0e0e0}.model-selector,.sidebar-header{padding:16px 20px}.model-cards{flex-direction:row;flex-wrap:wrap}.model-card{flex:1 1;min-width:200px}}.system-log{background:#0000;color:#2c3e50;display:flex;flex-direction:column;font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;height:100%}.system-log .log-header{align-items:center;background:#0000;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:24px 20px}.system-log .log-header h2{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.system-log .log-controls{align-items:center;display:flex;gap:12px}.system-log .log-status{align-items:center;color:#6c757d;display:flex;font-size:13px;gap:8px}.system-log .status-indicator{background:#6c757d;border-radius:50%;height:10px;width:10px}.system-log .status-indicator.active{background:#28a745;box-shadow:0 0 8px #28a7454d}.system-log .status-indicator.inactive{background:#dc3545}.system-log .log-control-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.system-log .log-control-btn:hover{background:#e9ecef;border-color:#adb5bd}.system-log .log-container{background:#0000;border:1px solid #0000001a;border-radius:12px;flex:1 1;margin:16px;overflow-y:auto;padding:16px}.system-log .log-entry{border-left:3px solid #0000;display:flex;flex-direction:column;font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;margin-bottom:12px;padding:8px 0;transition:all .2s}.system-log .log-entry:hover{background:#00000005;border-radius:4px;padding-left:8px}.system-log .log-header-info{align-items:center;display:flex;gap:12px;margin-bottom:4px}.system-log .log-time{color:#6c757d;flex-shrink:0;font-weight:500;min-width:60px}.system-log .log-source{color:#007bff;flex-shrink:0;font-weight:600;min-width:80px}.system-log .log-content{margin-left:0}.system-log .log-message{color:#2c3e50;line-height:1.4;white-space:pre-wrap;word-break:break-word}.system-log .log-details{margin-left:0;margin-top:8px;width:100%}.system-log .log-details summary{color:#6c757d;cursor:pointer;font-size:11px;font-weight:500;margin-bottom:4px}.system-log .log-data{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:11px;margin:0;overflow-x:auto;padding:12px}.system-log .log-system{border-left-color:#007bff}.system-log .log-system .log-source{color:#007bff}.system-log .log-ai{border-left-color:#6f42c1}.system-log .log-ai .log-source{color:#6f42c1}.system-log .log-error{background:#dc35450d;border-left-color:#dc3545}.system-log .log-error .log-source{color:#dc3545}.system-log .log-warning{background:#fd7e140d;border-left-color:#fd7e14}.system-log .log-warning .log-source{color:#fd7e14}.system-log .log-info{border-left-color:#17a2b8}.system-log .log-info .log-source{color:#17a2b8}.system-log .log-empty{align-items:center;color:#6c757d;display:flex;font-style:italic;height:100px;justify-content:center}.system-log .log-footer{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #0000001a;color:#6c757d;display:flex;font-size:12px;justify-content:space-between;padding:16px 20px}.system-log .log-count{color:#6c757d;font-weight:500}.system-log .ai-status{color:#28a745;font-weight:600}.system-log .chat-input{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #0000001a;padding:16px 20px}.system-log .chat-input form{align-items:center;display:flex;gap:8px}.system-log .chat-input-field{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#2c3e50;flex:1 1;font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.system-log .chat-input-field:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.system-log .chat-input-field:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.system-log .chat-input-field::placeholder{color:#6c757d;font-style:italic}.system-log .chat-send-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:44px;padding:10px 16px;transition:background-color .2s,transform .1s}.system-log .chat-send-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.system-log .chat-send-btn:active:not(:disabled){transform:translateY(0)}.system-log .chat-send-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.ai-config-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ai-config-panel{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.ai-config-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.ai-config-header h2{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:24px;padding:4px 8px;transition:background-color .2s}.close-btn:hover{background:#e9ecef}.ai-config-content{flex:1 1;overflow-y:auto;padding:24px}.config-status{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:24px;padding:16px}.config-status h3{color:#2c3e50;font-size:16px;margin:0 0 12px}.status-info{align-items:center;display:flex;gap:12px}.status-indicator{background:#6c757d;border-radius:50%;height:10px;width:10px}.status-indicator.active{background:#28a745;box-shadow:0 0 8px #28a7454d}.status-indicator.inactive{background:#dc3545}.status-valid{color:#28a745;font-weight:600}.status-invalid{color:#dc3545;font-weight:600}.config-section{margin-bottom:24px}.config-section h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.provider-options{display:flex;flex-direction:column;gap:12px}.provider-option{align-items:flex-start;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.provider-option:hover{background:#f8f9fa;border-color:#007bff}.provider-option input[type=radio]{margin:2px 0 0}.provider-option input[type=radio]:checked+.provider-info{color:#007bff}.provider-info{flex:1 1}.provider-name{color:#2c3e50;font-weight:600;margin-bottom:4px}.provider-description{color:#6c757d;font-size:13px}.api-config{background:#f8f9fa;border-radius:8px;gap:16px;padding:16px}.api-config,.config-field{display:flex;flex-direction:column}.config-field{gap:6px}.config-field label{color:#2c3e50;font-size:14px;font-weight:600}.config-field input,.config-field select{border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.config-field input:focus,.config-field select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.config-field input.error{border-color:#dc3545}.input-group input{flex:1 1}.toggle-visibility{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;transition:background-color .2s}.toggle-visibility:hover{background:#5a6268}.error-message{color:#dc3545;font-size:12px;margin-top:4px}.config-instructions{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin-top:24px;padding:16px}.config-instructions h3{color:#1976d2;font-size:16px;margin:0 0 12px}.instructions-content p{color:#1976d2;font-size:14px;margin:8px 0}.instructions-content a{color:#1976d2;text-decoration:underline}.instructions-content a:hover{color:#1565c0}.ai-config-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width:768px){.model-cards{flex-direction:column}.model-card{width:100%}.scene-container{padding:10px}}.simulation-goal-section{margin-top:20px}.simulation-goal-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.simulation-goal-content{display:flex;flex-direction:column;gap:15px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#495057;font-size:14px;font-weight:600}.simulation-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.simulation-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.simulation-textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;min-height:100px;padding:12px 16px;resize:vertical;transition:border-color .2s ease}.simulation-textarea:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.character-info{background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:20px;padding:15px}.character-item{align-items:center;display:flex;flex-direction:column;gap:4px}.character-name{color:#2c3e50;font-size:16px;font-weight:600}.character-role{color:#6c757d;font-size:12px;font-style:italic}.execute-simulation-btn{background:linear-gradient(135deg,#06c,#049);border:2px solid #0066cc4d;border-radius:12px;box-shadow:0 4px 12px #06c3;color:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .2s ease}.execute-simulation-btn:hover{background:linear-gradient(135deg,#049,#036);box-shadow:0 4px 8px #0066cc4d;transform:translateY(-1px)}.execute-simulation-btn:active{box-shadow:0 2px 4px #06c3;transform:translateY(0)}.homepage{background:#000;color:#fff;display:flex;flex-direction:column;font-family:Didact Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow-y:auto}.homepage-nav{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.homepage-nav.scrolled{background:#000;border-bottom:1px solid #333;box-shadow:0 2px 20px #0000001a}.nav-brand h1{color:#000;font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0;transition:color .3s ease}.homepage-nav.scrolled .nav-brand h1{color:#fff}.nav-links{align-items:center;display:flex;gap:32px}.nav-link{color:#000;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#666}.homepage-nav.scrolled .nav-link{color:#fff}.homepage-nav.scrolled .nav-link:hover{color:#ccc}.get-started-btn{background:#0000;border:1px solid #000;border-radius:6px;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.get-started-btn:hover{background:#000;color:#fff}.homepage-nav.scrolled .get-started-btn{border:1px solid #fff;color:#fff}.homepage-nav.scrolled .get-started-btn:hover{background:#fff;color:#000}.admin-btn{background:#0000;border:1px solid #666;border-radius:6px;color:#666;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin-left:8px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.admin-btn:hover{background:#666;color:#fff}.homepage-nav.scrolled .admin-btn{border:1px solid #ccc;color:#ccc}.homepage-nav.scrolled .admin-btn:hover{background:#ccc;color:#000}.homepage-main{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;min-height:auto;padding:80px 40px 40px;width:100%}.hero-section{max-width:800px;text-align:center;width:100%}.hero-title{color:#fff;font-size:48px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin:0 0 16px}.hero-subtitle{color:#ccc;font-size:18px;font-weight:400;margin:0 0 20px}.hero-description{color:#aaa;font-size:16px;line-height:1.6;margin:0 auto 40px;max-width:800px}.homepage-viewer{border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;justify-content:center;margin-bottom:32px;overflow:hidden;width:100%}.experience-button-container{display:flex;justify-content:center;margin-bottom:48px}.experience-button{align-items:center;background:#0000;border:1px solid #000;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.experience-button:hover{background:#000;color:#fff}.core-features-section{background:#000;padding:80px 40px}.core-features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}@media (max-width:1200px){.core-features-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.core-features-grid{gap:20px;grid-template-columns:1fr}}.core-feature-card{background:#111;border:1px solid #333;border-radius:12px;padding:32px 24px;text-align:center;transition:all .3s ease}.core-feature-card:hover{border-color:#007bff;box-shadow:0 8px 32px #0000001a;transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.core-feature-card h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.core-feature-card p{color:#aaa;font-size:14px;line-height:1.5;margin:0}.technology-section{margin:80px 0 60px;max-width:800px;text-align:center;width:100%}.tech-content h3{color:#fff;font-size:32px;font-weight:600;letter-spacing:-.5px;margin:0 0 16px}.tech-content p{color:#aaa;font-size:16px;line-height:1.6;margin:0}.features-section{margin:60px 0;max-width:1000px;width:100%}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#111;border:1px solid #333;border-radius:16px;padding:32px;text-align:left;transition:all .2s ease}.feature-card:hover{border-color:#e0e0e0;box-shadow:0 8px 32px #0000000f}.feature-icon-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.feature-card h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.feature-card p{color:#aaa;font-size:14px;line-height:1.5;margin:0}.homepage-footer{background:#000;border-top:1px solid #333;padding:40px;text-align:center}.homepage-footer p{color:#666;font-size:12px;line-height:1.4;margin:0}.footer-link{color:#fff;font-weight:500;text-decoration:none}.footer-link:hover{text-decoration:underline}@media (max-width:768px){.homepage-nav{flex-wrap:wrap;gap:16px;padding:16px 20px}.nav-links{gap:20px}.nav-brand h1{font-size:20px}.homepage-main{padding:40px 20px 20px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.tech-content h3{font-size:24px}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:24px}}@media (max-width:480px){.homepage-nav{align-items:flex-start;flex-direction:column;gap:12px}.nav-links{justify-content:space-between;width:100%}.get-started-btn{text-align:center;width:100%}.hero-title{font-size:28px}}.ai-communication-test{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ai-communication-test-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:70vh;max-width:800px;overflow:hidden;width:90vw}.ai-communication-test-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.ai-communication-test-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s ease}.close-button:hover{background:#e0e0e0;color:#333}.ai-communication-test-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.controls-section{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 24px}.control-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-right:16px;padding:10px 20px;transition:all .2s ease}.control-button.start{background:#28a745;color:#fff}.control-button.start:hover{background:#218838}.control-button.stop{background:#dc3545;color:#fff}.control-button.stop:hover{background:#c82333}.status-info{color:#666;font-size:14px;margin-top:12px}.status-info p{margin:4px 0}.messages-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-section h3{background:#fff;border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;font-weight:600;margin:0;padding:16px 20px}.messages-list{flex:1 1;overflow-y:auto;padding:16px}.no-messages{color:#666;font-style:italic;padding:40px 20px;text-align:center}.message{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;overflow:hidden}.message.p1{border-left:4px solid #007bff}.message.p2{border-left:4px solid #28a745}.message-header{background:#f8f9fa;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px}.sender{color:#333;font-weight:600}.timestamp{color:#999;font-size:10px;margin-left:auto}.message-content{background:#fff;color:#333;font-family:Courier New,monospace;font-size:12px;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap}@media (max-width:768px){.ai-communication-test-content{height:80vh;width:95vw}.controls-section{padding:12px 16px}.control-button{margin-bottom:8px;margin-right:0;width:100%}}
/*# sourceMappingURL=main.061c19ae.css.map*/