@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-base: #06050b;--color-bg-surface: #0c0915;--color-bg-card: rgba(16, 12, 28, .75);--color-bg-card-hover: rgba(26, 19, 44, .85);--color-border: rgba(124, 58, 237, .22);--color-border-glow: rgba(168, 85, 247, .55);--violet-primary: #7c3aed;--violet-bright: #a855f7;--violet-light: #c084fc;--violet-neon: #d946ef;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app-root{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background-color:var(--color-bg-base);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0a081280}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:999px}.app-container{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;overflow:hidden;position:relative}@media (min-width: 768px){.app-container{flex-direction:row}}.glass-panel{background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}.glass-input{background:#0c0917b3;backdrop-filter:blur(12px);border:1px solid var(--color-border);color:var(--text-main);outline:none;border-radius:12px;padding:.75rem 1rem .75rem 2.6rem;font-size:.95rem;width:100%;transition:all .25s ease}.glass-input:focus{border-color:var(--violet-bright);box-shadow:0 0 15px #a855f759}.mobile-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:990;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.active{opacity:1;pointer-events:auto}@media (min-width: 768px){.mobile-overlay{display:none!important}}.sidebar-drawer{position:fixed;inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;background:#090713;display:flex;flex-direction:column;z-index:999;transform:translate(-100%);transition:width .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-drawer.open{transform:translate(0)!important}.desktop-toggle-btn{display:none!important}.mobile-close-btn{display:flex!important;background:#7c3aed40;border:1.5px solid var(--violet-bright);color:#fff;width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 12px #a855f766}.mobile-menu-trigger{display:flex!important;position:relative;z-index:25;touch-action:manipulation}.mobile-edge-swipe-zone{position:fixed;inset:0 auto 0 0;width:28px;z-index:998;touch-action:pan-y}@media (min-width: 768px){.sidebar-drawer{position:relative;inset:auto;transform:none!important;width:290px;height:100%;border-right:1px solid var(--color-border)}.sidebar-drawer.collapsed{width:68px!important}.desktop-toggle-btn{display:flex!important;position:absolute;right:-13px;top:26px;width:26px;height:26px;border-radius:50%;background:#150f28;border:1.5px solid var(--violet-bright);color:var(--violet-light);align-items:center;justify-content:center;cursor:pointer;z-index:30;box-shadow:0 0 10px #a855f780;transition:all .2s ease}.desktop-toggle-btn:hover{transform:scale(1.1);background:var(--violet-primary);color:#fff}.mobile-close-btn,.mobile-menu-trigger,.mobile-edge-swipe-zone{display:none!important}}.sidebar-header-box{padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(124,58,237,.15);background:#0c0915fa;min-height:64px}.sidebar-drawer.collapsed .sidebar-header-box{padding:1.1rem 0;justify-content:center}.sidebar-logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#a855f7);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 15px #a855f766}.sidebar-actions-box{padding:.85rem 1.25rem .4rem;display:flex;flex-direction:column;align-items:center}.sidebar-drawer.collapsed .sidebar-actions-box{padding:.85rem 0 .4rem}.btn-icon-rail{width:42px;height:42px;min-height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0!important;cursor:pointer;transition:all .2s ease}.btn-icon-rail:hover{transform:translateY(-2px);box-shadow:0 0 15px #a855f780}.sidebar-notes-scroll{flex:1;overflow-y:auto;padding:.4rem 1.1rem;display:flex;flex-direction:column;gap:.45rem}.sidebar-drawer.collapsed .sidebar-notes-scroll{padding:.4rem 0;align-items:center}.collapsed-note-item{width:44px;height:44px;padding:0!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}.collapsed-note-icon{display:flex;align-items:center;justify-content:center;color:var(--violet-light)}.sidebar-user-footer{padding:.85rem 1.25rem;border-top:1px solid rgba(124,58,237,.15);display:flex;align-items:center;justify-content:space-between;background:#07050cf2;min-height:64px}.sidebar-drawer.collapsed .sidebar-user-footer{padding:.85rem 0;flex-direction:column;justify-content:center;gap:.4rem}.user-avatar-initials{width:38px;height:38px;min-width:38px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7,#d946ef);border:1.5px solid var(--violet-bright);color:#fff;font-weight:700;font-size:.825rem;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #a855f759;flex-shrink:0;user-select:none}.user-logout-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-logout-btn:hover{color:#ef4444;background:#ef44441a}.user-logout-btn-collapsed{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-logout-btn-collapsed:hover{color:#ef4444}.chat-main{flex:1;height:100%;height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-base);position:relative;overflow:hidden;min-width:0}.chat-header{flex-shrink:0;height:calc(60px + var(--sat));min-height:calc(60px + var(--sat));background:#0c0915f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:var(--sat) .85rem 0;gap:.5rem;z-index:20}.messages-scroll-area{flex:1;width:100%;min-height:0;overflow-y:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:0;-webkit-overflow-scrolling:touch}.bottom-audio-bar{flex-shrink:0;background:linear-gradient(180deg,#06050b00,#06050bf2 25%,#06050b);padding:.5rem .85rem calc(.6rem + env(safe-area-inset-bottom,0px));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20}.header-date-tag,.header-status-badge{display:none}@media (min-width: 480px){.header-status-badge{display:inline-flex}}@media (min-width: 640px){.header-date-tag{display:inline}}@media (min-width: 768px){.chat-header{height:70px;min-height:70px;padding:0 2rem}.messages-scroll-area{padding:1.75rem 2rem;gap:0}.bottom-audio-bar{background:transparent;backdrop-filter:none;padding:.5rem 2rem 1.25rem}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #7c3aed66,0 0 30px #7c3aed33}50%{box-shadow:0 0 30px #a855f7cc,0 0 50px #d946ef66}}@keyframes recordingMicPulse{0%{transform:scale(1);box-shadow:0 0 #d946efb3}70%{transform:scale(1.04);box-shadow:0 0 0 18px #d946ef00}to{transform:scale(1);box-shadow:0 0 #d946ef00}}@keyframes waveBar{0%,to{height:6px}50%{height:26px}}.animate-pulse-glow{animation:pulseGlow 3s infinite ease-in-out}.animate-recording{animation:recordingMicPulse 1.6s infinite ease-in-out}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;font-weight:700;border-radius:12px;min-height:46px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#ffffff0a;border:1px solid var(--color-border);color:var(--text-main);border-radius:12px;min-height:46px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover{background:#7c3aed26;border-color:var(--violet-bright)}.note-item{padding:.85rem 1rem;border-radius:14px;background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.note-item:hover{background:#7c3aed1f;border-color:#a855f74d}.note-item.active{background:#7c3aed40;border-color:var(--violet-bright);border-left:4px solid #a855f7}.chat-bubble-user{background:linear-gradient(135deg,#7c3aed40,#4c1d9559);border:1px solid var(--violet-bright);border-radius:18px 18px 4px;padding:.9rem 1.1rem;box-shadow:0 4px 20px #7c3aed33}.chat-bubble-agent{background:#100c1cd9;border:1px solid var(--color-border);border-radius:18px 18px 18px 4px;padding:.9rem 1.1rem;box-shadow:0 4px 20px #00000080}.ambient-glow-top{position:absolute;top:-150px;left:20%;width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.2) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.ambient-glow-bottom{position:absolute;bottom:-150px;right:10%;width:450px;height:450px;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 75%);filter:blur(90px);pointer-events:none;z-index:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.markdown-content{color:var(--text-main);line-height:1.65;font-size:.925rem;word-break:break-word}.markdown-content p{margin:.4rem 0}.markdown-content p:first-child{margin-top:0}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#fff;font-weight:700;margin:1rem 0 .45rem;line-height:1.35}.markdown-content h1{font-size:1.35rem}.markdown-content h2{font-size:1.2rem}.markdown-content h3{font-size:1.05rem}.markdown-content h4{font-size:.95rem}.markdown-content ul,.markdown-content ol{padding-left:1.35rem;margin:.5rem 0}.markdown-content li{margin-bottom:.3rem}.markdown-content hr{border:none;border-top:1px solid rgba(124,58,237,.2);margin:1rem 0}.markdown-content blockquote{border-left:3px solid var(--violet-bright);padding:.35rem 0 .35rem .85rem;margin:.6rem 0;color:var(--violet-light);background:#7c3aed0f;border-radius:0 8px 8px 0}.markdown-content code:not(pre code){background:#7c3aed2e;color:#e9d5ff;padding:.15rem .4rem;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;border:1px solid rgba(124,58,237,.25)}.markdown-content pre{background:#090710f2;border:1px solid rgba(124,58,237,.3);border-radius:12px;padding:.85rem 1rem;overflow-x:auto;margin:.75rem 0}.markdown-content pre code{color:#f3e8ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;background:transparent;padding:0;border:none}.markdown-table-wrapper{width:100%;overflow-x:auto;margin:.75rem 0;border-radius:10px;border:1px solid rgba(124,58,237,.25);background:#0c091599;-webkit-overflow-scrolling:touch}.markdown-content table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.markdown-content th{background:#7c3aed47;color:#fff;font-weight:700;padding:.65rem .85rem;border-bottom:1px solid rgba(124,58,237,.4);white-space:nowrap}.markdown-content td{padding:.6rem .85rem;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-main)}.markdown-content tr:nth-child(2n) td{background:#7c3aed0a}.markdown-content tr:last-child td{border-bottom:none}.markdown-content a{color:var(--violet-light);text-decoration:underline;text-underline-offset:2px}.markdown-content a:hover{color:#fff}.live-activity-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#7c3aed24;border:1px solid rgba(168,85,247,.35);color:var(--violet-light);font-size:.85rem;font-weight:600;box-shadow:0 0 16px #7c3aed26;animation:fadeIn .2s ease-out}.live-typing-dots{display:inline-flex;align-items:center;gap:3px;margin-left:2px}.live-typing-dots .dot{width:4px;height:4px;border-radius:50%;background-color:var(--violet-bright);animation:typingDot 1.4s infinite ease-in-out both}.live-typing-dots .dot-1{animation-delay:0s}.live-typing-dots .dot-2{animation-delay:.2s}.live-typing-dots .dot-3{animation-delay:.4s}@keyframes typingDot{0%,80%,to{transform:scale(.6);opacity:.35}40%{transform:scale(1.3);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite!important}.note-modal-overlay{position:fixed;inset:0;background-color:#040308d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:fadeIn .2s ease-out}.note-modal-card{width:100%;max-width:820px;max-height:90vh;height:100%;background-color:#0d0a1a;border:1px solid rgba(124,58,237,.35);border-radius:18px;box-shadow:0 20px 50px #000000b3,0 0 35px #7c3aed40;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .2s ease-out}.note-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(124,58,237,.12),transparent);display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.note-modal-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;width:100%}.note-modal-title-area{display:flex;align-items:flex-start;gap:.75rem;min-width:0;flex:1}.note-modal-title{font-size:1.05rem;font-weight:700;color:#fff;margin:0;line-height:1.35;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-modal-meta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;width:100%;padding-top:.25rem}.note-modal-meta-badges{display:flex;align-items:center;gap:.6rem;font-size:.75rem;color:var(--text-dim);flex-wrap:wrap}.note-modal-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.note-modal-body{flex:1;overflow-y:auto;padding:1.75rem;color:#f4f4f6;line-height:1.7;font-size:.95rem;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.note-modal-overlay{padding:.5rem}.note-modal-card{max-height:96vh;border-radius:14px}.note-modal-header{padding:.85rem 1rem;gap:.6rem}.note-modal-title{font-size:.95rem}.note-modal-body{padding:1rem 1.1rem;font-size:.875rem;line-height:1.6}.note-modal-meta-row{flex-direction:row;align-items:center;justify-content:space-between}.note-modal-actions button{padding:.35rem .65rem!important;font-size:.75rem!important}}