@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@300;400;500;600&display=swap";.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--void-4);border:1px solid var(--border-strong);color:var(--text-primary);padding:11px 22px;border-radius:var(--r-lg);box-shadow:var(--shadow-z3);font-size:.88rem;font-family:var(--font-body);white-space:nowrap;pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.update-bar{position:fixed;bottom:0;left:0;right:0;z-index:9998;display:flex;align-items:center;gap:10px;padding:10px 18px;background:#140a04eb;border-top:1px solid rgba(255,107,53,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#ffffffb3;font-size:.82rem;font-family:var(--font-body)}.update-bar--ready{border-top-color:#ff6b3599;color:#ffffffe6}.update-bar svg{flex-shrink:0;color:#ff6b35}.update-bar span{flex:1}.update-bar-btn{padding:5px 14px;border-radius:8px;background:linear-gradient(135deg,#ff6b35,#b83c0a);color:#fff;font-size:.8rem;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:filter .15s}.update-bar-btn:hover{filter:brightness(1.1)}.update-bar-close{background:none;border:none;color:#ffffff59;cursor:pointer;font-size:.8rem;padding:2px 6px;border-radius:4px;transition:color .15s}.update-bar-close:hover{color:#ffffffb3}.update-bar-enter-active,.update-bar-leave-active{transition:transform .25s ease}.update-bar-enter-from,.update-bar-leave-to{transform:translateY(100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--canvas: #060606;--canvas-elevated: rgba(255,255,255,.03);--amber-glow: rgba(255, 110, 40, .22);--amber-deep: rgba(200, 60, 15, .16);--amber-subtle: rgba(255, 140, 60, .1);--glass-0: rgba(255,255,255,.02);--glass-1: rgba(255,255,255,.04);--glass-2: rgba(255,255,255,.06);--glass-3: rgba(255,255,255,.09);--glass-4: rgba(255,255,255,.13);--glass-warm-1: rgba(255, 190, 120, .05);--glass-warm-2: rgba(255, 160, 80, .08);--glass-warm-3: rgba(255, 130, 50, .12);--blur-xs: blur(8px) saturate(150%);--blur-sm: blur(18px) saturate(160%);--blur-md: blur(36px) saturate(180%);--blur-lg: blur(56px) saturate(200%) brightness(1.04);--blur-xl: blur(72px) saturate(220%) brightness(1.06);--blur-2xl: blur(90px) saturate(240%) brightness(1.08);--border-glass-0: rgba(255,255,255,.04);--border-glass-1: rgba(255,255,255,.07);--border-glass-2: rgba(255,220,170,.1);--border-glass-3: rgba(255,200,130,.16);--border-glass-4: rgba(255,170, 90,.24);--shadow-float-xs: 0 1px 2px rgba(0,0,0,.4), inset 0 .5px 0 rgba(255,255,255,.08);--shadow-float-sm: 0 2px 8px rgba(0,0,0,.5), 0 0 0 .5px rgba(255,190,110,.08), inset 0 .5px 0 rgba(255,255,255,.09);--shadow-float-md: 0 4px 20px rgba(0,0,0,.6), 0 1px 6px rgba(0,0,0,.35), 0 0 0 .5px rgba(255,190,110,.1), inset 0 .5px 0 rgba(255,255,255,.1);--shadow-float-lg: 0 8px 40px rgba(0,0,0,.7), 0 2px 12px rgba(0,0,0,.45), 0 0 0 .5px rgba(255,190,110,.12), 0 0 60px rgba(255,90,30,.07), inset 0 .5px 0 rgba(255,255,255,.11);--shadow-float-xl: 0 16px 60px rgba(0,0,0,.8), 0 4px 20px rgba(0,0,0,.55), 0 0 80px rgba(255,90,30,.1), 0 0 0 .5px rgba(255,200,140,.14), inset 0 .5px 0 rgba(255,255,255,.12);--specular-soft: linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.02) 40%, transparent 65%);--specular-strong: linear-gradient(180deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.04) 30%, transparent 55%);--specular-side: linear-gradient(90deg, rgba(255,255,255,.08) 0%, transparent 100%);--accent: #FF6B35;--accent-bright: #FF7E48;--accent-deep: #D0440C;--accent-amber: #F59E0B;--accent-dim: rgba(255,107,53,.12);--accent-soft: rgba(255,107,53,.22);--accent-glow: rgba(255,107,53,.4);--accent-light: #FFAB87;--positive: #34D399;--positive-dim: rgba(52,211,153,.12);--negative: #FF3B5C;--negative-dim: rgba(255,59,92,.1);--warning: #F59E0B;--warning-dim: rgba(245,158,11,.12);--online: #34D399;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.68);--text-muted: rgba(255,255,255,.4);--text-disabled: rgba(255,255,255,.2);--bubble-in: rgba(255,255,255,.07);--bubble-out-a: rgba(220,85,22,.42);--bubble-out-b: rgba(190,60,10,.52);--font-display: "Plus Jakarta Sans", -apple-system, "Helvetica Neue", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10:40px;--s12:48px;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-3xl: 32px;--r-full: 9999px;--spring: cubic-bezier(.34, 1.56, .64, 1);--spring-soft: cubic-bezier(.22, 1, .36, 1);--spring-tight: cubic-bezier(.5, 1.4, .6, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .15, 1);--t-instant: 80ms;--t-fast: .16s var(--ease-out);--t-normal: .26s var(--ease-out);--t-slow: .4s var(--spring-soft);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--keyboard-height: 0px;--surface-dark: rgba(0,0,0,.55);--surface-card: rgba(255,255,255,.04);--surface-input: rgba(255,255,255,.05);--surface-header: rgba(0,0,0,.3);--surface-nav: rgba(0,0,0,.28);--surface-modal: rgba(8,3,0,.82);--surface-glass: var(--glass-warm-1);--gradient-hero: radial-gradient(ellipse 100% 80% at 30% 20%, rgba(255,100,35,.18) 0%, rgba(160,45,10,.1) 45%, transparent 70%), #060606;--gradient-chat: #060606;--gradient-spaces: #060606;--bg: var(--canvas);--bg2: rgba(255,255,255,.04);--bg3: rgba(255,255,255,.06);--bg4: rgba(255,255,255,.09);--text: var(--text-primary);--text2: var(--text-secondary);--text3: var(--text-muted);--green: var(--positive);--danger: var(--negative);--yellow: var(--warning);--border: var(--border-glass-2);--border2: var(--border-glass-3);--border-subtle: var(--border-glass-2);--border-glow: var(--border-glass-3);--border-strong: var(--border-glass-4);--hover: rgba(255,107,53,.06);--glass: var(--glass-warm-1);--msg-in: var(--bubble-in);--msg-out: linear-gradient(135deg, var(--bubble-out-a), var(--bubble-out-b));--r: var(--r-lg);--radius: var(--r-md);--shadow: var(--shadow-float-lg);--shadow2: var(--shadow-float-sm);--purple: var(--accent-light);--blue: var(--accent-light);--void-0: rgba(0,0,0,.7);--void-1: rgba(255,255,255,.04);--void-2: rgba(255,255,255,.06);--void-3: rgba(255,255,255,.08);--void-4: rgba(255,255,255,.12);--void-5: rgba(255,255,255,.16);--accent-orange: var(--accent);--msg-self-start: #C73A08;--msg-self-end: #FF6B35;--msg-other: rgba(255,255,255,.07);--shadow-glass-sm: var(--shadow-float-sm);--shadow-glass-md: var(--shadow-float-md);--shadow-glass-lg: var(--shadow-float-lg);--shadow-z1: var(--shadow-float-sm);--shadow-z2: var(--shadow-float-md);--shadow-z3: var(--shadow-float-lg);--shadow-z4: var(--shadow-float-xl)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.022;pointer-events:none;z-index:9998;mix-blend-mode:overlay}html,body,#app{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-body);background:var(--canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;line-height:1.5}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ff6b3538;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b3561}*{scrollbar-width:thin;scrollbar-color:rgba(255,107,53,.2) transparent}:focus-visible{outline:1.5px solid rgba(255,107,53,.7);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:active:not(:disabled){transform:scale(.97)}button,a{will-change:auto;-webkit-tap-highlight-color:transparent}button,label,.sidebar-hdr,.chat-hdr{-webkit-user-select:none;user-select:none}.msgs,.chat-list,.user-list,.preview-files{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}img{image-rendering:auto}.glass-surface{background:var(--glass-2);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:.5px solid var(--border-glass-2);box-shadow:var(--shadow-float-md)}.glass-surface-strong{background:var(--glass-3);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:.5px solid var(--border-glass-3);box-shadow:var(--shadow-float-lg)}.glass-panel{background:#0000003d;backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:.5px solid var(--border-glass-2);box-shadow:var(--shadow-float-lg)}@keyframes orb1{0%,to{transform:translate(0) scale(1)}28%{transform:translate(60px,-70px) scale(1.06)}60%{transform:translate(-40px,40px) scale(.96)}}@keyframes orb2{0%,to{transform:translate(0) scale(1)}35%{transform:translate(-70px,55px) scale(1.08)}70%{transform:translate(45px,-50px) scale(.95)}}@keyframes orb3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(50px,60px) scale(1.04)}75%{transform:translate(-30px,-45px) scale(.97)}}@keyframes orb4{0%,to{transform:translate(0) scale(1)}45%{transform:translate(-80px,-30px) scale(1.05)}80%{transform:translate(60px,50px) scale(.94)}}@keyframes specularSweep{0%{transform:translate(-100%) skew(-15deg);opacity:0}20%{opacity:1}80%{opacity:.8}to{transform:translate(400%) skew(-15deg);opacity:0}}@keyframes glowPulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sendBounce{0%{transform:scale(1)}40%{transform:scale(1.07)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes reactionPop{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.25) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}@keyframes onlinePulse{0%,to{box-shadow:0 0 #34d3998c}50%{box-shadow:0 0 0 4px #34d39900}}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes menuDrop{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}@keyframes pulse-border{0%,to{border-color:#ff6b354d}50%{border-color:#ff6b35a6}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes skel-pulse{0%,to{opacity:.5}50%{opacity:.9}}@keyframes img-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin-audio{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes heart-pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}40%{transform:translate(-50%,-50%) scale(1.4);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.2) translateY(-20px);opacity:0}}@keyframes heart-fade{to{opacity:0}}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .22s var(--spring)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(12px)}.slide-down-enter-active,.slide-down-leave-active{transition:all .2s ease}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-8px)}.slide-right-enter-active,.slide-right-leave-active{transition:transform .28s var(--ease-out)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100%)}.scale-enter-active,.scale-leave-active{transition:all .18s var(--spring)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.86)}.status-enter-active{transition:all .18s ease}.status-leave-active{transition:all .1s ease}.status-enter-from{opacity:0;transform:translateY(4px)}.status-leave-to{opacity:0;transform:translateY(-4px)}.list-move{transition:transform var(--t-normal)}.list-enter-active{transition:all .18s ease}.list-leave-active{transition:all .14s ease;position:absolute;width:100%}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-14px)}.date-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:11px;letter-spacing:.06em;margin:10px 16px;-webkit-user-select:none;user-select:none}.date-divider:before,.date-divider:after{content:"";flex:1;height:.5px;background:linear-gradient(to right,transparent,rgba(255,160,80,.2),transparent)}.date-divider-pill{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid var(--border-glass-2);border-radius:var(--r-full);padding:3px 12px;font-size:11px;color:var(--text-muted);white-space:nowrap}.context-menu{position:fixed;z-index:9500;background:#080400d9;backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:.5px solid var(--border-glass-3);border-radius:var(--r-xl);padding:6px;min-width:180px;box-shadow:var(--shadow-float-xl);animation:menuDrop .14s var(--spring-soft) forwards}.context-menu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);font-size:14px;color:var(--text-secondary);cursor:pointer;transition:background var(--t-instant);border:none;background:none;width:100%;text-align:left;font-family:var(--font-body)}.context-menu-item:hover{background:var(--glass-2)}.context-menu-item.danger{color:#fc8181}.context-menu-item.danger:hover{background:#ef44441f}.context-menu-separator{height:.5px;background:var(--border-glass-1);margin:4px 0}.toast-container{position:fixed;bottom:calc(28px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:10px;padding:11px 20px;border-radius:var(--r-xl);font-size:.875rem;font-weight:500;pointer-events:auto;backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);background:#0a0500d1;border:.5px solid var(--border-glass-3);color:var(--text-primary);box-shadow:var(--shadow-float-lg);animation:toast-in .22s var(--spring) both}.toast--default{background:#0a0500d1}.toast--error{border-color:var(--negative);color:#ff8fa3}.toast--success{border-color:var(--positive);color:#5ff5c2}.toast--info{border-color:var(--accent-light)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border-glass-3);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.filter-chips{display:flex;gap:6px;padding:0 14px;overflow-x:auto;scrollbar-width:none;height:42px;align-items:center;flex-shrink:0}.filter-chips::-webkit-scrollbar{display:none}.chip{height:28px;padding:0 13px;border-radius:var(--r-full);font-size:.775rem;font-weight:500;background:var(--glass-1);border:.5px solid var(--border-glass-1);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chip:hover{background:var(--glass-2);color:var(--text-secondary)}.chip.active{background:#ff6b352e;border-color:#ff6b3552;color:var(--accent-light);font-weight:600;box-shadow:0 0 12px #ff6b351f}.skeleton{background:linear-gradient(90deg,var(--glass-1) 25%,var(--glass-3) 50%,var(--glass-1) 75%);background-size:200% 100%;animation:shimmer 1.7s ease-in-out infinite;border-radius:var(--r-md)}.typing-indicator{display:flex;align-items:center;gap:3px;padding:10px 14px}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.45;animation:typingBounce 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}.scroll-to-bottom{position:absolute;bottom:82px;right:18px;width:38px;height:38px;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:.5px solid var(--border-glass-3);color:var(--accent-light);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-float-md);transition:all var(--t-fast);z-index:100}.scroll-to-bottom:hover{transform:translateY(-2px);box-shadow:var(--shadow-float-lg)}.scroll-to-bottom .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-full);background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;animation:badgePop .28s var(--spring) forwards}.nav-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-full);background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border:1.5px solid var(--canvas);animation:badgePop .28s var(--spring) forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}