@charset "UTF-8";.home{position:relative;min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#01091c;overflow:hidden;padding:40px 20px;box-sizing:border-box}.splash-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:30px;max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}.splash-image{max-width:80%;max-height:50vh;max-height:50dvh;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(255,255,255,.1))}.splash-container h1{font-size:3.5em;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(255,255,255,.2);text-align:center;font-weight:700;letter-spacing:3px;margin:0;background:linear-gradient(45deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu{display:flex;flex-direction:column;gap:20px;align-items:center;margin-bottom:20px;flex-shrink:0}.menu a{text-decoration:none}.menu button{padding:16px 35px;font-size:1.2em;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;min-width:200px;transition:all .3s ease;border:2px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #667eea4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea80;background:linear-gradient(135deg,#7c8ff0,#8a5bb8)}.menu button:active{transform:translateY(-1px)}@media (max-width: 768px){.home{padding:20px 15px;min-height:100vh;min-height:100dvh}.splash-container{gap:20px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}.splash-image{max-width:85%;max-height:40vh;max-height:40dvh}.splash-container h1{font-size:2.8em;letter-spacing:2px}.menu button{min-width:180px;padding:14px 30px;font-size:1.1em}}@media (max-width: 480px){.home{padding:15px 10px;min-height:100vh;min-height:100dvh}.splash-container{gap:15px;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px)}.splash-image{max-width:90%;max-height:35vh;max-height:35dvh}.splash-container h1{font-size:2.2em;letter-spacing:1px}.menu button{min-width:160px;padding:12px 25px;font-size:1em}.menu{gap:15px;margin-bottom:10px}}@media (max-width: 360px){.home{padding:10px}.splash-container{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}.splash-image{max-height:30vh;max-height:30dvh}.splash-container h1{font-size:1.8em}.menu button{min-width:140px;padding:10px 20px;font-size:.9em}}@media (max-height: 600px){.home{padding:10px}.splash-container{gap:10px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px)}.splash-image{max-height:25vh;max-height:25dvh}.splash-container h1{font-size:1.8em}.menu{margin-bottom:5px}}.model-selection{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background:#01091c;overflow:hidden;padding:40px 20px}.back-button{position:absolute;top:20px;left:20px;background:#000000b3;color:#fff;border:none;padding:12px 16px;border-radius:50px;cursor:pointer;font-size:1em;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.selection-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:40px;max-width:800px;width:100%}.selection-container h1{font-size:3em;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3);text-align:center;font-weight:700;letter-spacing:2px;margin:0;background:linear-gradient(45deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.models-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;width:100%;max-width:600px}.model-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background:#ffffff1a;border-radius:20px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.model-card:hover{transform:translateY(-10px);background:#ffffff26;border-color:#fff6;box-shadow:0 15px 40px #ffffff1a}.model-image{width:150px;height:200px;object-fit:cover;border-radius:15px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}.model-card h2{font-size:1.5em;color:#fff;font-weight:700;text-align:center;margin:0;letter-spacing:1px}@media (max-width: 768px){.model-selection{padding:30px 15px}.selection-container{gap:30px}.selection-container h1{font-size:2.5em;letter-spacing:1px}.models-grid{grid-template-columns:1fr;gap:30px;max-width:300px}.model-card{padding:25px}.model-image{width:120px;height:160px}.back-button{top:15px;left:15px;padding:10px 14px;font-size:.9em}}@media (max-width: 480px){.model-selection{padding:20px 10px}.selection-container h1{font-size:2em}.model-card{padding:20px}.model-image{width:100px;height:140px}.model-card h2{font-size:1.3em}}.introduction{position:relative;width:100%;min-height:100vh;min-height:100dvh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}.intro-video{max-width:100%;max-height:100vh;max-height:100dvh;object-fit:contain}.skip-button{position:absolute;top:20px;right:20px;padding:12px 20px;background:#000c;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1em;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);z-index:10;transition:all .3s ease}.skip-button:hover{background:#000;transform:scale(1.05)}@media (max-width: 768px){.skip-button{top:15px;right:15px;padding:10px 16px;font-size:.9em}}@media (max-width: 480px){.skip-button{top:15px;right:15px;padding:10px 16px;font-size:.9em}}@media (max-width: 360px){.skip-button{top:12px;right:12px;padding:8px 14px;font-size:.8em}}@media (max-height: 600px){.skip-button{top:10px;right:10px;padding:8px 12px;font-size:.8em}}@media (max-height: 500px) and (orientation: landscape){.skip-button{top:8px;right:8px;padding:6px 10px;font-size:.7em}}.conversation{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:#000;box-sizing:border-box}.conversation-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.8)}.conversation-ui{position:relative;z-index:10;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:15px;box-sizing:border-box}.back-button{position:absolute;top:20px;left:20px;background:#000000b3;color:#fff;border:none;padding:12px 16px;border-radius:50px;cursor:pointer;font-size:1em;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;z-index:20}.back-button:hover{background:#000000e6;transform:scale(1.05)}.status-container{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:20}.status,.speaking-status{padding:8px 16px;border-radius:25px;font-size:12px;font-weight:700;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:120px}.status{background:#dc3545cc;color:#fff}.status.connected{background:#28a745cc}.speaking-status{background:#6c757dcc;color:#fff}.speaking-status.speaking{background:#007bffcc;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.controls{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;justify-content:center;width:calc(100% - 30px);z-index:20}.start-button,.end-button{padding:18px 40px;border:none;border-radius:50px;cursor:pointer;font-size:1.1em;font-weight:700;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start-button{background:#28a745e6;color:#fff;box-shadow:0 4px 15px #28a74566}.start-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.end-button{background:#dc3545e6;color:#fff;box-shadow:0 4px 15px #dc354566}.start-button:hover:not(:disabled){background:#28a745;transform:translateY(-2px);box-shadow:0 6px 20px #28a74599}.end-button:hover{background:#dc3545;transform:translateY(-2px);box-shadow:0 6px 20px #dc354599}@media (max-width: 768px){.conversation-ui{padding:12px}.back-button{top:15px;left:15px;padding:10px 14px;font-size:.9em}.status-container{top:15px;right:15px}.controls{bottom:30px;width:calc(100% - 24px)}.start-button,.end-button{min-width:180px;padding:16px 30px;font-size:1em}}@media (max-width: 480px){.conversation-ui{padding:10px}.back-button{top:15px;left:15px;padding:10px 14px;font-size:.9em}.status-container{top:15px;right:15px}.status,.speaking-status{font-size:11px;padding:6px 12px;min-width:100px}.controls{bottom:25px;width:calc(100% - 20px)}.start-button,.end-button{min-width:160px;padding:16px 30px;font-size:1em}}@media (max-width: 360px){.conversation-ui{padding:8px}.back-button{top:12px;left:12px;padding:8px 12px;font-size:.8em}.status-container{top:12px;right:12px}.status,.speaking-status{font-size:10px;padding:5px 10px;min-width:90px}.controls{bottom:20px;width:calc(100% - 16px)}.start-button,.end-button{min-width:140px;padding:14px 25px;font-size:.9em}}@media (max-height: 600px){.conversation-ui{padding:8px}.back-button{top:10px;left:10px;padding:8px 12px;font-size:.8em}.status-container{top:10px;right:10px}.status,.speaking-status{font-size:10px;padding:4px 8px;min-width:80px}.controls{bottom:15px}.start-button,.end-button{min-width:140px;padding:12px 20px;font-size:.9em}}@media (max-height: 500px) and (orientation: landscape){.controls{bottom:10px}.start-button,.end-button{padding:10px 18px;font-size:.8em;min-width:120px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden}button{-webkit-tap-highlight-color:transparent;outline:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}