:root{--accent:#60f}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{background:#181824;color:#fff;font-family:Figtree,sans-serif;height:100dvh;overflow:hidden;width:100%}body{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.message-content,.message-text,.selectable-text,[contenteditable=true],input,textarea{-webkit-user-select:text!important;user-select:text!important}#root{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}@keyframes roleShine{0%{background-position:200% 0}50%{background-position:0 0}to{background-position:-200% 0}}.gpu-layer{will-change:transform}.gpu-layer,.gpu-layer-interactive{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.gpu-layer-interactive{will-change:transform,opacity}.gpu-layer-overlay{transform:translateZ(50);will-change:opacity,transform}.gpu-scroll{-webkit-overflow-scrolling:touch;contain:layout style paint;transform:translateZ(0);will-change:scroll-position}.gpu-scroll-content{transform:translateZ(0)}.gpu-scroll-content,.gpu-scroll-item{-webkit-backface-visibility:hidden;backface-visibility:hidden}.gpu-scroll-item{contain:layout style paint;will-change:transform}.gpu-video{image-rendering:optimizeQuality}.gpu-video,.gpu-video-container{transform:translateZ(0);will-change:transform}.gpu-video-container{isolation:isolate}.gpu-media-animated,.gpu-video-container{-webkit-backface-visibility:hidden;backface-visibility:hidden}.gpu-media-animated{image-rendering:-webkit-optimize-contrast;transform:translateZ(0);will-change:transform}.anim-fade-in{animation:gpuFadeIn .2s ease forwards}.anim-fade-out{animation:gpuFadeOut .2s ease forwards}@keyframes gpuFadeIn{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}@keyframes gpuFadeOut{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateZ(0)}}.anim-slide-up{animation:gpuSlideUp .3s ease forwards}@keyframes gpuSlideUp{0%{opacity:0;transform:translateY(20px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.anim-slide-down{animation:gpuSlideDown .3s ease forwards}@keyframes gpuSlideDown{0%{opacity:0;transform:translateY(-20px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.anim-scale-in{animation:gpuScaleIn .2s cubic-bezier(.68,-.55,.265,1.55) forwards}.anim-scale-out{animation:gpuScaleOut .2s ease forwards}@keyframes gpuScaleIn{0%{opacity:0;transform:scale(.95) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes gpuScaleOut{0%{opacity:1;transform:scale(1) translateZ(0)}to{opacity:0;transform:scale(.95) translateZ(0)}}.anim-pop{animation:gpuPop .3s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes gpuPop{0%{opacity:0;transform:scale(0) translateZ(0)}50%{transform:scale(1.1) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}.gpu-hover-scale{transition:transform .2s ease;will-change:transform}.gpu-hover-scale:hover{transform:scale(1.05) translateZ(0)}.gpu-hover-lift{transition:transform .2s ease;will-change:transform}.gpu-hover-lift:hover{transform:translateY(-2px) translateZ(0)}.gpu-modal-backdrop{transform:translateZ(0);transition:opacity .3s ease;will-change:opacity}.gpu-modal-container{isolation:isolate;transform:translateZ(100);will-change:transform,opacity}.gpu-modal-enter{opacity:0;transform:scale(.95) translateZ(100)}.gpu-modal-enter-active{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.gpu-modal-enter-active,.gpu-modal-exit{opacity:1;transform:scale(1) translateZ(100)}.gpu-modal-exit-active{opacity:0;transform:scale(.95) translateZ(100);transition:transform .2s ease,opacity .2s ease}.gpu-context-menu{transform:translateZ(50);will-change:transform,opacity}.gpu-context-menu-enter{opacity:0;transform:scale(.95) translateY(-5px) translateZ(50)}.gpu-context-menu-enter-active{opacity:1;transform:scale(1) translateY(0) translateZ(50);transition:transform .15s ease,opacity .15s ease}.gpu-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gpu-blur-md,.gpu-blur-sm{transform:translateZ(0);will-change:opacity}.gpu-blur-md{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gpu-glass{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:#ffffff1a;transform:translateZ(0);will-change:transform}.gpu-contain{contain:layout style paint}.gpu-contain-strict{contain:strict}.z-base{z-index:0}.z-interactive{transform:translateZ(1);z-index:10}.z-overlay{transform:translateZ(10);z-index:100}.z-modal{isolation:isolate;transform:translateZ(100);z-index:1000}.z-tooltip{transform:translateZ(200);z-index:10000}.gpu-isolate{isolation:isolate}.gpu-text-smooth{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.gpu-no-select{user-select:none;-webkit-user-select:none}.gpu-accelerate{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.title-bar{-webkit-app-region:drag;align-items:center;background:#2b2b30;background:var(--titlebar-bg,#2b2b30);display:flex;height:30px;inset:0 0 auto 0;position:fixed;-webkit-user-select:none;user-select:none;width:100%;z-index:10000}.drag-region{flex:1 1}.window-controls{-webkit-app-region:no-drag;display:flex}.title-center{align-items:center;color:#e5e7eb;display:flex;font-size:13px;font-weight:700;gap:8px;height:30px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%)}.title-center-icon{border-radius:4px;height:16px;width:16px}.title-center-text{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=grey]{--titlebar-bg:#2b2b30}:root[data-theme=dark]{--titlebar-bg:#1f1f24}:root[data-theme=black]{--titlebar-bg:#0d0d10}.tb-btn{align-items:center;background:#0000;border:none;color:#cfcfd6;display:flex;height:30px;justify-content:center;transition:background .2s;width:46px}.tb-btn:hover{background:#ffffff14}.tb-btn.close:hover{background:#e81123;color:#fff}.perm-pill-container{left:50%;pointer-events:none;position:fixed;top:40px;transform:translateX(-50%);z-index:99999}.perm-pill{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#181824d9;border:1px solid #ffffff1a;border-radius:100px;box-shadow:0 4px 6px -1px #0000001a,0 10px 30px -5px #00000080,inset 0 1px 1px #ffffff1a;gap:16px;min-width:320px;padding:8px 12px 8px 16px;pointer-events:auto}.perm-icon-box,.perm-pill{align-items:center;display:flex}.perm-icon-box{background:linear-gradient(135deg,#60f,#4b00b2);border-radius:50%;box-shadow:0 4px 12px #6600ff4d;color:#fff;height:36px;justify-content:center;width:36px}.perm-content{display:flex;flex:1 1;flex-direction:column}.perm-title{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.perm-desc{color:#bdbddd;font-size:11px;font-weight:500}.perm-actions{display:flex;gap:8px}.perm-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:6px;padding:6px 14px;transition:all .2s ease}.perm-btn.reject{background:#ffffff0d;color:#fff}.perm-btn.reject:hover{background:#ff4d4f26;color:#ff4d4f}.perm-btn.allow{background:#fff;color:#000}.perm-btn.allow:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.perm-btn.allow:active{transform:translateY(0)}.media-access-pill{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f23f42e6;border:1px solid #ffffff1a;border-radius:99px;box-shadow:0 8px 32px #0006;cursor:pointer;display:flex;gap:12px;left:50%;min-width:320px;padding:8px 12px;position:fixed;transform:translateX(-50%);transition:all .2s ease;z-index:9999}.media-access-pill:hover{background:#f23f42;transform:translateX(-50%) translateY(-2px)}.media-access-pill-icon{align-items:center;background:#0003;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.media-access-pill-text{color:#fff;font-size:13px;font-weight:700;white-space:nowrap}.media-access-pill-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.media-access-pill-status{background:#0003;border-radius:4px;color:#ffffffb3;font-size:11px;font-weight:800;padding:4px 8px}.media-access-pill-close{align-items:center;background:none;border:none;border-radius:40%;color:#ffffff80;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.media-access-pill-close:hover{background:#0000001a;color:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}img.emoji{display:inline;height:1.5em;vertical-align:-.1em;width:1.5em}::-webkit-scrollbar{background:#232336;width:8px}::-webkit-scrollbar-thumb{background:#35354a;border-radius:8px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#60f}::-webkit-scrollbar-corner{background:#232336}*,.messages-container{scrollbar-color:#35354a #232336;scrollbar-width:thin}.emoji-picker{max-width:98vw;width:380px}.emoji-grid{grid-gap:6px;background:#232336;display:grid;gap:6px;grid-template-columns:repeat(8,1fr);max-height:320px;overflow-y:auto;padding:10px}@media (max-width:600px){.emoji-picker{left:1vw!important;min-width:0;right:1vw!important;width:98vw!important}.emoji-grid{grid-template-columns:repeat(5,1fr)}}.emoji-grid{grid-template-columns:repeat(auto-fit,minmax(36px,1fr))}.preloader-page{align-items:center;background-color:#0f172a;background-color:var(--bg-primary,#0f172a);display:flex;flex-direction:column;font-family:Figtree,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative;transition:opacity .8s ease-in-out,visibility .8s;width:100vw;z-index:9999}.preloader-page.fade-out{opacity:0;pointer-events:none;visibility:hidden}.preloader-content{align-items:center;display:flex;flex-direction:column;gap:32px;transform:translateY(-20px)}.preloader-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:auto;object-fit:contain;width:240px}.preloader-loader-wrapper{margin-top:10px}.modern-spinner,.preloader-loader-wrapper{align-items:center;display:flex;justify-content:center}.modern-spinner{height:48px;position:relative;width:48px}.spinner-track{border:3px solid #6366f126;border-radius:50%;inset:0;position:absolute}.spinner-head{animation:modern-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#6366f1 #6366f1 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;filter:drop-shadow(0 0 4px #6366f1);inset:0;position:absolute}.modern-spinner:after{animation:pulse-core 2s ease-in-out infinite;background:radial-gradient(circle,#6366f133 0,#0000 70%);border-radius:50%;content:"";height:32px;width:32px}.preloader-footer{align-items:center;bottom:48px;display:flex;flex-direction:column;gap:8px;left:0;padding:0 24px;position:absolute;right:0;text-align:center}.fact-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.fact-text{color:#cbd5e1;font-size:15px;font-weight:500;line-height:1.5;margin:0;max-width:500px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modern-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-core{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes contextMenuFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-5px)}}