@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@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)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-dark: #1C0A03;--surface-card: #241005;--surface-input: #1A0902;--surface-header: rgba(20,6,0,.75);--surface-nav: rgba(10,3,0,.9);--surface-modal: #1C0A03;--gradient-hero: radial-gradient(ellipse 120% 80% at 65% 35%, #FF7A45 0%, #E8450A 25%, #C73A08 50%, #8B2500 75%, #3D1000 100%);--gradient-chat: radial-gradient(ellipse 100% 70% at 70% 25%, #D94008 0%, #B33200 30%, #7A1E00 65%, #3D0F00 100%);--bubble-in-bg: rgba(180,60,10,.45);--bubble-out-bg: rgba(220,80,20,.85);--bubble-in-solid: #3D1A08;--bubble-out-solid: #B83C0A;--accent-orange: #FF6B35;--accent-amber: #F59E0B;--accent: #FF6B35;--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,.65);--text-muted: rgba(255,255,255,.4);--text-disabled: rgba(255,255,255,.2);--border-subtle: rgba(255,160,80,.12);--border-glow: rgba(255,120,50,.3);--border: rgba(255,160,80,.12);--border-strong: rgba(255,160,80,.22);--surface-glass: rgba(255,107,53,.06);--msg-self-start: #C73A08;--msg-self-end: #FF6B35;--msg-other: #3D1A08;--font-display: "Plus Jakarta Sans", -apple-system, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, 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-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-full: 9999px;--shadow-z1: 0 1px 3px rgba(0,0,0,.5);--shadow-z2: 0 4px 16px rgba(0,0,0,.7);--shadow-z3: 0 8px 32px rgba(0,0,0,.85), 0 0 80px rgba(255,107,53,.06);--shadow-z4: 0 16px 48px rgba(0,0,0,.9);--t-instant: .1s cubic-bezier(.4, 0, .2, 1);--t-fast: .18s cubic-bezier(.4, 0, .2, 1);--t-normal: .28s cubic-bezier(.22, 1, .36, 1);--t-slow: .45s cubic-bezier(.22, 1, .36, 1);--bg: var(--surface-dark);--bg2: var(--surface-card);--bg3: #2C1408;--bg4: #361A0A;--text: var(--text-primary);--text2: var(--text-secondary);--text3: var(--text-muted);--green: var(--positive);--danger: var(--negative);--yellow: var(--warning);--border2: var(--border-strong);--hover: rgba(255,107,53,.06);--glass: var(--surface-glass);--msg-in: var(--msg-other);--msg-out: linear-gradient(135deg, var(--msg-self-start), var(--msg-self-end));--r: var(--r-lg);--radius: var(--r-md);--shadow: var(--shadow-z3);--shadow2: var(--shadow-z1);--purple: var(--accent-light);--blue: var(--accent-light);--void-0: var(--surface-dark);--void-1: var(--surface-card);--void-2: #2C1408;--void-3: #361A0A;--void-4: #3E2010;--void-5: #4A2A14;--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)}@keyframes bgShift{0%{background-position:60% 35%}50%{background-position:65% 30%}to{background-position:58% 40%}}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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:9998}html,body,#app{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-body);background:var(--gradient-hero);background-size:200% 200%;animation:bgShift 10s ease-in-out infinite alternate;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:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:4px;transition:background var(--t-fast)}::-webkit-scrollbar-thumb:hover{background:#ff6b3580}*{scrollbar-width:thin;scrollbar-color:rgba(255,107,53,.25) transparent}.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 cubic-bezier(.34,1.56,.64,1)}.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 cubic-bezier(.4,0,.2,1)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100%)}.scale-enter-active,.scale-leave-active{transition:all .2s cubic-bezier(.34,1.56,.64,1)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.85)}button,a{will-change:auto;-webkit-tap-highlight-color:transparent}img{image-rendering:auto}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}:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:active:not(:disabled){transform:scale(.97)}.modal-overlay,.qr-bg,.preview-bg{will-change:opacity}.scale-enter-active,.scale-leave-active{transition:all .18s cubic-bezier(.34,1.56,.64,1)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.88)}.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)}.toast-container{position:fixed;bottom:calc(24px + 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-lg);box-shadow:var(--shadow-z3);font-size:.88rem;font-weight:500;pointer-events:auto;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#241005eb;color:var(--text-primary);animation:toast-in .22s cubic-bezier(.34,1.56,.64,1)}.toast--default{background:#241005eb}.toast--error{border-color:var(--negative);color:#ff8fa3}.toast--success{border-color:var(--positive);color:#5ff5c2}.toast--info{border-color:var(--accent-light)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-strong);border-top-color:var(--accent-orange);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filter-chips{display:flex;gap:var(--s2);padding:0 var(--s4);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;height:44px;align-items:center}.filter-chips::-webkit-scrollbar{display:none}.chip{height:28px;padding:0 12px;border-radius:var(--r-full);font-size:.8rem;font-weight:500;background:#ff6b3514;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;flex-shrink:0}.chip:hover{background:#ff6b3524}.chip.active{background:var(--accent-dim);border-color:var(--accent-soft);color:var(--accent-light)}