.avatar-selector{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:5rem 2rem 2rem;position:relative;overflow-y:auto}.selector-logo{position:fixed;top:24px;right:24px;height:48px;width:auto;z-index:10}.selector-content{max-width:1200px;width:100%;text-align:center}.selector-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.selector-subtitle{font-size:1.25rem;color:#a0a0a0;margin-bottom:3rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.avatar-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease}.avatar-card:hover{transform:translateY(-8px);border-color:#ffffff4d;background:#ffffff14;box-shadow:0 10px 40px #0000004d}.avatar-card.selected{border-color:#4a9eff;background:#4a9eff26;box-shadow:0 0 30px #4a9eff4d}.avatar-preview{width:120px;height:120px;margin:0 auto 1.5rem;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.avatar-icon{font-size:4rem}.avatar-name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.avatar-description{font-size:1rem;color:#b0b0b0;margin-bottom:1rem}.avatar-voice{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#ffffff0d;border-radius:8px}.voice-icon{font-size:1.2rem}.voice-name{color:#4a9eff;font-weight:500}.start-button{padding:1.25rem 3rem;font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#4a9eff,#3d7dd6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #4a9eff66}.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #4a9eff99}.start-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.avatar-selector{padding:4.5rem 1rem 1rem;align-items:flex-start}.selector-logo{height:36px;top:16px;right:16px}.selector-title{font-size:1.75rem}.selector-subtitle{font-size:1rem;margin-bottom:1.5rem}.avatar-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.avatar-card{padding:1.25rem;display:flex;align-items:center;gap:1rem;text-align:left}.avatar-card:hover{transform:none}.avatar-preview{width:64px;height:64px;margin:0;flex-shrink:0}.avatar-icon{font-size:2rem}.avatar-name{font-size:1.125rem;margin-bottom:.25rem}.avatar-description{font-size:.875rem;margin-bottom:0}.start-button{width:100%;padding:1rem;font-size:1.1rem}}.conversation-screen{width:100%;height:100%;position:relative;overflow:hidden}.scene-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/backgrounds/lobby-blur.jpg);background-size:cover;background-position:center;z-index:0}.conversation-logo{position:absolute;top:24px;right:24px;height:48px;width:auto;z-index:2;cursor:pointer;transition:opacity .2s ease}.conversation-logo:hover{opacity:.8}.scene-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.error-screen{display:flex;align-items:center;justify-content:center}.error-content{text-align:center;padding:3rem;background:#ff4d4d1a;border:2px solid rgba(255,77,77,.3);border-radius:16px;max-width:500px}.error-content h2{font-size:2rem;margin-bottom:1rem;color:#ff4d4d}.error-content p{font-size:1.1rem;margin-bottom:2rem;color:#faa}.error-content button{padding:1rem 2rem;font-size:1rem;font-weight:600;background:#4a9eff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.error-content button:hover{background:#3d7dd6;transform:translateY(-2px)}.app{width:100vw;height:100vh;overflow:auto;position:relative}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff}button{cursor:pointer;font-family:inherit}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}