*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--bg-base:#0a0a0f;--bg-surface:#111118;--bg-elevated:#1a1a24;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff12;--border-subtle:#ffffff12;--border-medium:#ffffff1f;--border-strong:#fff3;--text-primary:#f0f0f5;--text-secondary:#9090a8;--text-muted:#5a5a72;--text-inverse:#0a0a0f;--hitesh-primary:#f97316;--hitesh-secondary:#ea580c;--hitesh-glow:#f9731640;--hitesh-subtle:#f9731614;--hitesh-gradient:linear-gradient(135deg, #f97316, #ea580c);--piyush-primary:#8b5cf6;--piyush-secondary:#7c3aed;--piyush-glow:#8b5cf640;--piyush-subtle:#8b5cf614;--piyush-gradient:linear-gradient(135deg, #8b5cf6, #4f46e5);--persona-primary:var(--hitesh-primary);--persona-secondary:var(--hitesh-secondary);--persona-glow:var(--hitesh-glow);--persona-subtle:var(--hitesh-subtle);--persona-gradient:var(--hitesh-gradient);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-persona:0 0 40px var(--persona-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}.persona-hitesh{--persona-primary:var(--hitesh-primary);--persona-secondary:var(--hitesh-secondary);--persona-glow:var(--hitesh-glow);--persona-subtle:var(--hitesh-subtle);--persona-gradient:var(--hitesh-gradient)}.persona-piyush{--persona-primary:var(--piyush-primary);--persona-secondary:var(--piyush-secondary);--persona-glow:var(--piyush-glow);--persona-subtle:var(--piyush-subtle);--persona-gradient:var(--piyush-gradient)}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-layout{height:100vh;display:flex;position:relative;overflow:hidden}.app-layout:before{content:"";background:radial-gradient(circle, var(--persona-glow) 0%, transparent 70%);pointer-events:none;width:600px;height:600px;transition:background var(--transition-slow);z-index:0;position:fixed;top:-200px;left:-200px}.app-layout:after{content:"";background:radial-gradient(circle, var(--persona-glow) 0%, transparent 70%);pointer-events:none;width:400px;height:400px;transition:background var(--transition-slow);z-index:0;position:fixed;bottom:-100px;right:-100px}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:10;width:320px;min-width:320px;transition:width var(--transition-normal), min-width var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.app-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.logo-icon{background:var(--persona-gradient);border-radius:var(--radius-md);width:36px;height:36px;transition:background var(--transition-slow);box-shadow:0 0 20px var(--persona-glow);justify-content:center;align-items:center;font-size:18px;display:flex}.logo-text{letter-spacing:-.5px;color:var(--text-primary);font-size:18px;font-weight:700}.logo-text span{color:var(--persona-primary);transition:color var(--transition-normal)}.sidebar-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);font-size:11px;font-weight:600}.persona-list{gap:var(--space-2);flex-direction:column;display:flex}.persona-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-family:var(--font-sans);text-align:left;background:0 0;border:1px solid #0000;width:100%;display:flex;position:relative;overflow:hidden}.persona-card:before{content:"";background:var(--bg-glass);opacity:0;transition:opacity var(--transition-fast);position:absolute;inset:0}.persona-card:hover:before{opacity:1}.persona-card.active{border-color:var(--persona-primary);background:var(--persona-subtle);box-shadow:0 0 0 1px var(--persona-primary) inset}.persona-card.active.hitesh{border-color:var(--hitesh-primary);background:var(--hitesh-subtle)}.persona-card.active.piyush{border-color:var(--piyush-primary);background:var(--piyush-subtle)}.persona-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex;position:relative}.persona-avatar.hitesh{background:var(--hitesh-gradient)}.persona-avatar.piyush{background:var(--piyush-gradient)}.persona-avatar .online-dot{border-radius:var(--radius-full);border:2px solid var(--bg-surface);background:#22c55e;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.persona-info{flex:1;min-width:0}.persona-name{color:#f0f0f5;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.persona-tagline{color:#5a5a72;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;line-height:1.3;overflow:hidden}.active-indicator{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.persona-card.active.hitesh .active-indicator{background:var(--hitesh-primary)}.persona-card.active.piyush .active-indicator{background:var(--piyush-primary)}.sidebar-persona-info{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}.persona-detail-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.persona-detail-card h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:16px;font-weight:700}.persona-detail-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.topics-section{margin-top:var(--space-4)}.topics-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2);font-size:11px;font-weight:600}.topics-grid{gap:var(--space-1);flex-wrap:wrap;display:flex}.topic-chip{border-radius:var(--radius-full);border:1px solid var(--border-medium);color:var(--text-secondary);background:var(--bg-glass);padding:3px 10px;font-size:11px;font-weight:500}.sidebar-footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-subtle)}.new-chat-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--persona-gradient);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px var(--persona-glow);border:none;font-size:14px;font-weight:600;display:flex}.new-chat-btn:hover{box-shadow:0 6px 20px var(--persona-glow);transform:translateY(-1px)}.new-chat-btn:active{transform:translateY(0)}.main-area{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-header{padding:var(--space-4) var(--space-6);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:20;background:#0a0a0fcc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.chat-header-persona{align-items:center;gap:var(--space-3);display:flex}.header-avatar{border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.header-avatar.hitesh{background:var(--hitesh-gradient);box-shadow:0 0 15px var(--hitesh-glow)}.header-avatar.piyush{background:var(--piyush-gradient);box-shadow:0 0 15px var(--piyush-glow)}.header-persona-name{color:var(--text-primary);font-size:15px;font-weight:600}.header-persona-status{color:#22c55e;align-items:center;gap:5px;font-size:12px;display:flex}.header-persona-status:before{content:"";border-radius:var(--radius-full);background:#22c55e;width:7px;height:7px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.header-actions{gap:var(--space-2);display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-glass);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:16px;display:flex}.icon-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-glass-hover)}.messages-container{padding:var(--space-6) var(--space-6) var(--space-4);gap:var(--space-4);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.welcome-screen{text-align:center;padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;flex:1;display:flex}.welcome-avatar{border-radius:var(--radius-full);color:#fff;width:80px;height:80px;box-shadow:var(--shadow-persona);justify-content:center;align-items:center;font-size:28px;font-weight:800;animation:3s ease-in-out infinite float;display:flex}.welcome-avatar.hitesh{background:var(--hitesh-gradient);box-shadow:0 10px 40px var(--hitesh-glow)}.welcome-avatar.piyush{background:var(--piyush-gradient);box-shadow:0 10px 40px var(--piyush-glow)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome-title{color:var(--text-primary);letter-spacing:-.5px;font-size:28px;font-weight:700}.welcome-title span{color:var(--persona-primary)}.welcome-subtitle{color:var(--text-secondary);max-width:440px;font-size:15px;line-height:1.7}.welcome-prompts{gap:var(--space-3);grid-template-columns:repeat(2,1fr);width:100%;max-width:580px;display:grid}.prompt-chip{padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-size:13px;font-family:var(--font-sans)}.prompt-chip:hover{border-color:var(--persona-primary);color:var(--text-primary);background:var(--persona-subtle);transform:translateY(-2px)}.message-group{gap:var(--space-1);flex-direction:column;animation:.3s msg-slide-in;display:flex}@keyframes msg-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message-row{align-items:flex-end;gap:var(--space-3);display:flex}.message-row.user{flex-direction:row-reverse}.message-avatar-sm{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.message-avatar-sm.hitesh{background:var(--hitesh-gradient)}.message-avatar-sm.piyush{background:var(--piyush-gradient)}.message-avatar-sm.user{background:var(--bg-elevated);border:1px solid var(--border-medium);font-size:14px}.message-bubble{max-width:70%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:14px;line-height:1.7;position:relative}.message-bubble.assistant{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:4px}.message-bubble.user{background:var(--persona-gradient);color:#fff;border-bottom-right-radius:4px}.message-bubble.hitesh-bubble{border-left:2px solid var(--hitesh-primary)}.message-bubble.piyush-bubble{border-left:2px solid var(--piyush-primary)}.message-time{color:var(--text-muted);padding:0 var(--space-1);margin-top:4px;font-size:11px}.message-row.user .message-time{text-align:right}.message-bubble p{margin-bottom:var(--space-2)}.message-bubble p:last-child{margin-bottom:0}.message-bubble strong{font-weight:600}.message-bubble em{font-style:italic}.message-bubble ul,.message-bubble ol{padding-left:var(--space-5);margin:var(--space-2) 0}.message-bubble li{margin-bottom:var(--space-1)}.message-bubble code{font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--persona-primary);background:#0000004d;padding:2px 6px;font-size:12px}.message-bubble.user code{color:#fff;background:#fff3}.message-bubble pre{border-radius:var(--radius-md);margin:var(--space-2) 0;border:1px solid var(--border-subtle);font-size:12px;overflow-x:auto;background:#0006!important}.message-bubble h1,.message-bubble h2,.message-bubble h3{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600}.typing-bubble{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);border-bottom-left-radius:4px;align-items:center;gap:5px;animation:.3s msg-slide-in;display:inline-flex}.typing-dot{border-radius:var(--radius-full);background:var(--persona-primary);width:7px;height:7px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}.input-area{padding:var(--space-4) var(--space-6) var(--space-6);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);background:#0a0a0fcc}.input-wrapper{align-items:flex-end;gap:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.input-wrapper:focus-within{border-color:var(--persona-primary);box-shadow:0 0 0 3px var(--persona-glow)}.chat-textarea{color:var(--text-primary);font-family:var(--font-sans);resize:none;min-height:24px;max-height:160px;padding:var(--space-2) 0;background:0 0;border:none;outline:none;flex:1;font-size:15px;line-height:1.5}.chat-textarea::placeholder{color:var(--text-muted)}.send-btn{border-radius:var(--radius-full);background:var(--persona-gradient);color:#fff;cursor:pointer;width:40px;min-width:40px;height:40px;transition:all var(--transition-fast);box-shadow:0 2px 10px var(--persona-glow);border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.send-btn:hover:not(:disabled){box-shadow:0 4px 15px var(--persona-glow);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.97)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.input-hint{color:var(--text-muted);text-align:center;margin-top:var(--space-2);font-size:11px}.mobile-sidebar-btn{bottom:var(--space-6);left:var(--space-6);border-radius:var(--radius-full);background:var(--persona-gradient);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-lg);z-index:100;border:none;font-size:20px;display:none;position:fixed}.sidebar-overlay{z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:none;position:fixed;inset:0}@media (width>=769px){.sidebar:not(.open){border-right:none;width:0;min-width:0}}@media (width<=768px){.sidebar{z-index:10;transition:left var(--transition-normal);position:fixed;top:0;bottom:0;left:-320px;width:320px!important;min-width:320px!important}.sidebar.open{left:0}.sidebar-overlay.visible{display:block}.mobile-sidebar-btn{justify-content:center;align-items:center;display:flex}.welcome-prompts{grid-template-columns:1fr}.message-bubble{max-width:85%}.messages-container{padding:var(--space-4)}.input-area{padding:var(--space-3) var(--space-4) var(--space-4)}}.persona-accent{color:var(--persona-primary)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:var(--text-muted)}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.persona-switch-enter{animation:.4s persona-switch}@keyframes persona-switch{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.error-toast{top:var(--space-6);right:var(--space-6);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;background:#ef4444;font-size:14px;font-weight:500;animation:.3s toast-in;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.scroll-to-bottom-btn{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-medium);width:40px;height:40px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);z-index:50;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;animation:.2s fade-in-up;display:flex;position:fixed;bottom:140px;right:32px}.scroll-to-bottom-btn:hover{background:var(--persona-gradient);box-shadow:0 4px 16px var(--persona-glow);border-color:#0000;transform:translateY(-2px)}.scroll-to-bottom-btn:active{transform:translateY(0)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}