*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #c5a355;--gold-light: #d4b96a;--dark: #1a1a2e;--darker: #16213e;--darkest: #0f0f23;--text: #e8e8e8;--text-muted: #a0a0a0;--card-bg: #1e1e36;--card-border: #2a2a4a}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--darkest);color:var(--text);min-height:100vh}#root{min-height:100vh}.hero{background:linear-gradient(135deg,var(--darker) 0%,var(--darkest) 100%);padding:4rem 2rem;text-align:center;border-bottom:2px solid var(--gold)}.hero h1{font-size:2.5rem;color:var(--gold);margin-bottom:.25rem;letter-spacing:2px}.hero-subtitle{font-size:1.2rem;color:var(--gold-light);margin-bottom:1rem;font-weight:300}.hero-desc{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:.95rem;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.section{margin-bottom:2.5rem}.section h2{color:var(--gold);font-size:1.3rem;margin-bottom:1rem;letter-spacing:1px}.join-section{background:var(--card-bg);border:1px solid var(--gold);border-radius:12px;padding:2rem;text-align:center;margin-bottom:2.5rem}.join-section h2{color:var(--gold);margin-bottom:.5rem}.join-section p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.join-form{display:flex;gap:.75rem;max-width:400px;margin:0 auto}.name-input{flex:1;padding:.75rem 1rem;border:1px solid var(--card-border);border-radius:8px;background:var(--darker);color:var(--text);font-size:1rem;outline:none}.name-input:focus{border-color:var(--gold)}.start-btn{padding:.75rem 1.5rem;background:var(--gold);color:var(--darkest);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap}.start-btn:hover{background:var(--gold-light)}.start-btn:disabled{opacity:.6;cursor:not-allowed}.error-msg{color:#ff6b6b;margin-top:.75rem;font-size:.85rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.category-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem;text-align:center}.category-icon{font-size:1.75rem;display:block;margin-bottom:.5rem}.category-card h3{font-size:.8rem;margin-bottom:.25rem}.category-card p{color:var(--text-muted);font-size:.75rem}.shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.shop-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.75rem}.shop-icon{font-size:1.5rem}.shop-card h3{font-size:.9rem;margin-bottom:.15rem}.shop-meta{color:var(--text-muted);font-size:.75rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.info-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem}.info-card h3{color:var(--gold);font-size:.85rem;margin-bottom:.35rem}.info-card p{color:var(--text-muted);font-size:.8rem;line-height:1.5}.chat-page{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;background:var(--darkest)}.chat-page-inner{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-page-inner>*{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.avatar-loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--darkest)}.avatar-loader-spinner{width:48px;height:48px;border:4px solid var(--card-border);border-top-color:var(--gold);border-radius:50%;animation:avatar-loader-spin .9s linear infinite}@keyframes avatar-loader-spin{to{transform:rotate(360deg)}}.avatar-loader-text{color:var(--text-muted);font-size:1rem}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--darker);border-bottom:2px solid var(--gold);flex-shrink:0}.chat-header h1{font-size:1.2rem;color:var(--gold);letter-spacing:1px}.user-name{color:var(--text-muted);font-size:.85rem}.chat-main{flex:1;min-height:0;display:flex;overflow:hidden}.avatar-section{flex:1;min-width:0;display:flex;background:#1a1a1a}.avatar-video-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative}.avatar-video-container .avatar-video{width:100%;height:100%}.avatar-video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#888;font-size:14px}.transcription-panel{flex:1;min-width:280px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.empty-state{display:flex;align-items:center;justify-content:center;flex:1;min-height:120px;color:var(--text-muted);font-size:.9rem}.message{max-width:80%;padding:.75rem 1rem;border-radius:12px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.user-msg{align-self:flex-end;background:#2a3a5c;border:1px solid #3a4a6c}.ai-msg{align-self:flex-start;background:var(--card-bg);border:1px solid var(--gold)}.ai-msg .message-label{color:var(--gold)}.interim{opacity:.6}.message-label{font-size:.7rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.message-text{font-size:.9rem;line-height:1.5}.voice-controls{flex-shrink:0;padding:1rem 1.5rem;background:var(--darker);border-top:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#666}.status-dot.connected{background:#4ade80}.status-dot.connecting{background:#fbbf24;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-dot.disconnected{background:#f87171}.control-buttons{display:flex;gap:.75rem;align-items:center}.mic-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--gold);background:transparent;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.mic-btn.active{background:var(--gold)}.mic-btn.muted{border-color:#666;opacity:.6}.mic-btn:disabled{opacity:.3;cursor:not-allowed}.end-btn{padding:.6rem 1.25rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer}.end-btn:hover{background:#b91c1c}@media(max-width:600px){.hero{padding:2.5rem 1.5rem}.hero h1{font-size:1.8rem}.join-form{flex-direction:column}.category-grid{grid-template-columns:repeat(3,1fr)}.shops-grid{grid-template-columns:1fr}.message{max-width:90%}}