*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}:root{--primary: #ffffff;--primary-rgb: 255, 255, 255;--bg-dark: #1b1b1b;--bg-panel: #1b1b1b;--text-main: #f0f0f0;--text-dim: #888;--glass: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1);--sidebar-bg: #1b1b1b;--sidebar-border: rgba(255, 255, 255, .15);--online-color: #22c55e;--away-color: #eab308;--offline-color: #71717a;--text-xxs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 2rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 14px rgba(0, 0, 0, .28);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .5)}:root[data-theme=light]{--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 14px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .22);--primary: #000000;--primary-rgb: 0, 0, 0;--bg-dark: #f4f0ec;--bg-panel: #f4f0ec;--text-main: #1a1a1a;--text-dim: #666;--glass: rgba(0, 0, 0, .04);--border: rgba(0, 0, 0, .1);--sidebar-bg: #f4f0ec;--sidebar-border: rgba(0, 0, 0, .15);--online-color: #16a34a;--away-color: #ca8a04;--offline-color: #52525b}body,html,#root{height:100%;width:100%;overflow:hidden;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-dark);color:var(--text-main)}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes elementFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.mobile-page,.mfp-root,.fp-root,.chat-area,.mobile-chat-view,.mobile-profile-view,.mobile-settings-view,.page-content,.fade-trigger{animation:viewFadeIn .3s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,opacity}html.story-sheet-open,html.story-sheet-open body{overscroll-behavior:none;overscroll-behavior-y:none;touch-action:none}.brand-mark{display:inline-block;flex-shrink:0;background-color:var(--text-main);-webkit-mask:url(/logo-mark.png) center / contain no-repeat;mask:url(/logo-mark.png) center / contain no-repeat}.App{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw}html.ios-app,html.ios-app body,html.ios-app #root,html.ios-app .App{height:var(--app-h, 100dvh)}html.ios-app .App{position:relative}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}.btn-primary{background:var(--text-main);color:var(--bg-dark);font-weight:700;padding:.8rem 1.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 15px var(--glass);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--glass);filter:brightness(.9)}.btn-primary:active{transform:translateY(1px)}.btn-logout{background:transparent;border:1px solid #ff4d4d;color:#ff4d4d;padding:.6rem 1.2rem;font-size:var(--text-md);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:center;font-weight:600}.btn-logout:hover{background:#ff4d4d1a;transform:translateY(-1px)}input{font-family:inherit}.app-title{font-size:var(--text-2xl);font-weight:800;letter-spacing:4px;color:var(--primary);text-transform:uppercase;margin:0;-webkit-user-select:none;user-select:none}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#555;box-shadow:0 0 5px #00000080;flex-shrink:0}.status-dot.online{background-color:#0f8;box-shadow:0 0 8px #0f86}.chat-layout{--composer-bar-height: 86px;display:grid;grid-template-columns:var(--sidebar-width, 340px) 1fr;height:100%;overflow:hidden;position:relative;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1)}.chat-layout.sidebar-collapsed{grid-template-columns:80px 1fr}body.sidebar-resizing .chat-layout,body.sidebar-resizing .right-sidebar{transition:none}body.sidebar-resizing .chat-layout *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.sidebar-resize-handle{position:absolute;top:0;bottom:0;left:var(--sidebar-width, 340px);width:10px;transform:translate(-50%);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8'%3E%3Cpath d='M0,4 L4,0 L4,8 Z' fill='%23666'/%3E%3Cpath d='M22,4 L18,0 L18,8 Z' fill='%23666'/%3E%3Crect x='4' y='3' width='14' height='2' fill='%23666'/%3E%3C/svg%3E") 11 4,col-resize;z-index:15;background:transparent}.sidebar-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;border-radius:2px;background:transparent;transition:background .15s ease}.sidebar-resize-handle:hover:after,body.sidebar-resizing .sidebar-resize-handle:after{background:var(--primary);opacity:.5}.right-sidebar-resize-handle{position:absolute;top:0;bottom:0;right:var(--right-sidebar-width, 360px);width:10px;transform:translate(50%);z-index:20;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8'%3E%3Cpath d='M0,4 L4,0 L4,8 Z' fill='%23666'/%3E%3Cpath d='M22,4 L18,0 L18,8 Z' fill='%23666'/%3E%3Crect x='4' y='3' width='14' height='2' fill='%23666'/%3E%3C/svg%3E") 11 4,col-resize}.right-sidebar-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;border-radius:2px;background:transparent;transition:background .15s ease}.right-sidebar-resize-handle:hover:after,body.sidebar-resizing .right-sidebar-resize-handle:after{background:var(--primary);opacity:.5}@media(max-width:1100px){.right-sidebar-resize-handle{display:none}}body.sidebar-resizing,body.sidebar-resizing *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8'%3E%3Cpath d='M0,4 L4,0 L4,8 Z' fill='%23666'/%3E%3Cpath d='M22,4 L18,0 L18,8 Z' fill='%23666'/%3E%3Crect x='4' y='3' width='14' height='2' fill='%23666'/%3E%3C/svg%3E") 11 4,col-resize!important}.main-chat{display:flex;flex-direction:column;background:transparent;position:relative;overflow:hidden;min-width:0;flex:1;width:100%}.mobile-header{display:none}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.chat-input-area textarea::-webkit-scrollbar,.fcomp-desktop .fcomp-input::-webkit-scrollbar{width:16px}.chat-input-area textarea::-webkit-scrollbar-track,.fcomp-desktop .fcomp-input::-webkit-scrollbar-track{margin:10px 0;background:transparent}.chat-input-area textarea::-webkit-scrollbar-thumb,.fcomp-desktop .fcomp-input::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.3);background-clip:content-box}.chat-input-area textarea::-webkit-scrollbar-thumb:hover,.fcomp-desktop .fcomp-input::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.5);background-clip:content-box}@supports not selector(::-webkit-scrollbar){.chat-input-area textarea,.fcomp-desktop .fcomp-input{scrollbar-width:thin;scrollbar-color:rgba(var(--primary-rgb),.3) transparent}}.page-content{flex:1;overflow-y:auto;padding:2.5rem;animation:fadeIn .4s ease-out}.page-header{margin-bottom:2.5rem}.page-header h2{font-size:var(--text-3xl);margin-bottom:.5rem;color:var(--text-main)}.page-header p{color:var(--text-dim)}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;color:var(--text-dim);animation:fadeIn .6s cubic-bezier(.23,1,.32,1);background:var(--bg-dark);height:100%;position:relative;overflow:hidden}.loading-screen:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.03;filter:blur(60px);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.premium-spinner{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.premium-spinner:before,.premium-spinner:after{content:"";position:absolute;inset:0;margin:auto;border-radius:50%;border:2px solid transparent;border-top-color:var(--primary);box-shadow:0 0 15px #ffffff0d}.premium-spinner:before{width:100%;height:100%;animation:spin 1.2s cubic-bezier(.5,.1,.4,.9) infinite}.premium-spinner:after{width:65%;height:65%;border-top-color:var(--text-dim);opacity:.3;animation:spin 1.8s cubic-bezier(.5,.1,.4,.9) reverse infinite}.loading-text{font-size:var(--text-md);font-weight:600;letter-spacing:3px;text-transform:uppercase;opacity:.6;text-align:center;display:block;background:linear-gradient(90deg,var(--text-dim),var(--text-main),var(--text-dim));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:loading-shimmer 2s infinite linear}@keyframes loading-shimmer{to{background-position:200% 0}}.loading-state{display:flex;align-items:center;gap:12px;color:var(--text-dim);justify-content:center;padding:2rem}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast-message{background:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);padding:12px 20px;border-radius:var(--radius-lg);color:var(--bg-dark);font-size:var(--text-md);font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-md);animation:toast-in .3s cubic-bezier(.175,.885,.32,1.22)}.toast-message.success svg{color:#4cd964}.toast-message.delete{border-color:#ff3b3033}.toast-message.delete svg{color:#ff3b30;filter:drop-shadow(0 0 4px rgba(255,59,48,.4))}.toast-message.error{border-color:#ff3b304d}.toast-message.error svg{color:#ff3b30}@keyframes toast-in{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pwa-install-banner{background:var(--bg-panel);color:var(--text-main);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);z-index:99999;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:bannerSlideDown .4s cubic-bezier(.23,1,.32,1)}@keyframes bannerSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pwa-content{display:flex;align-items:center;gap:12px}.pwa-app-icon{width:38px;height:38px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.pwa-text{display:flex;flex-direction:column;line-height:1.3}.pwa-text strong{font-size:var(--text-base);color:var(--text-main);font-weight:700}.pwa-text span{font-size:var(--text-xs);color:var(--text-dim);font-weight:400}.pwa-actions{display:flex;align-items:center;gap:14px}.pwa-btn-install{background:var(--text-main);color:var(--bg-dark)!important;font-weight:700;font-size:var(--text-md);padding:8px 16px;border-radius:var(--radius-2xl);border:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-sm)}.pwa-btn-install:hover{transform:scale(1.05)}.pwa-btn-install:active{transform:scale(.95)}.pwa-btn-close{background:transparent;color:var(--text-dim);font-size:var(--text-2xl);padding:6px;border:none;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.pwa-btn-close:hover{color:var(--text-main)}@media(max-width:480px){.pwa-install-banner{padding:8px 12px}.pwa-text span{display:none}}.chat-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(var(--primary-rgb),.4);text-underline-offset:3px;overflow-wrap:anywhere}.chat-link:hover{text-decoration-color:currentColor}.link-preview-card{display:flex;flex-direction:column;background:#8080801a;border:1px solid rgba(128,128,128,.2);border-radius:var(--radius-lg);overflow:hidden;margin-top:10px;text-decoration:none;color:inherit;transition:background .2s;max-width:400px}.link-preview-card:hover{background:#80808026}.link-preview-image{width:100%;height:180px;background:#0000001a}.link-preview-image img{width:100%;height:100%;object-fit:cover}.link-preview-info{padding:10px 12px}.link-preview-site{font-size:var(--text-xxs);text-transform:uppercase;color:inherit;opacity:.6;margin-bottom:4px;font-weight:600}.link-preview-title{font-size:var(--text-md);font-weight:700;color:inherit;margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-desc{font-size:var(--text-xs);color:inherit;opacity:.7;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.link-preview-card{max-width:100%}.link-preview-image{height:160px}}.link-preview-card.loading{pointer-events:none;background:#8080800d}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite}.link-preview-title.shimmer{height:1rem;width:80%;border-radius:var(--radius-xs);background-color:#ffffff0d}.link-preview-desc.shimmer{height:.8rem;width:60%;border-radius:var(--radius-xs);margin-top:8px;background-color:#ffffff0d}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.unread-badge.mentioned,.mobile-unread-badge.mentioned,.mobile-voice-unread.mentioned{gap:2px;box-shadow:0 0 0 2px #ff4d4d59,0 2px 5px #0003}.badge-at{font-weight:900}.draft-label{color:#f0a500;font-weight:700}:root[data-theme=light] .draft-label{color:#b77900}.voice-controls-panel{display:flex;flex-direction:column;padding:12px 16px;background-color:var(--sidebar-bg);border-top:1px solid var(--border);box-shadow:0 -4px 10px #0000001a}.voice-status{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.voice-connected-dot{width:10px;height:10px;border-radius:50%;background-color:var(--online-color);box-shadow:0 0 8px var(--online-color);animation:pulse 2s infinite}.voice-status-text{display:flex;flex-direction:column}.voice-title{font-size:var(--text-md);font-weight:600;color:var(--online-color)}.voice-channel{font-size:var(--text-xs);color:var(--text-dim)}.voice-actions{display:flex;justify-content:space-between;gap:8px}.voice-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius-sm);background-color:var(--glass);color:var(--text-main);border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.voice-btn:hover{background-color:var(--border)}.voice-btn.active-mute,.voice-btn.active-deafen{background-color:#ef444426;color:#ef4444;border-color:#ef44444d}.disconnect-btn{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.disconnect-btn:hover{background-color:#ef4444;color:#fff}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.voice-controls-mobile-wrapper .voice-controls-panel{border-radius:var(--radius-xl);background-color:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px}.voice-controls-mobile-wrapper .voice-status{margin-bottom:16px;justify-content:center}.voice-controls-mobile-wrapper .voice-btn{padding:12px;border-radius:var(--radius-lg)}.voice-controls-desktop-on-stage .voice-controls-panel{border-radius:var(--radius-2xl);background-color:#1e1e1ed9;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 32px;flex-direction:row;align-items:center;gap:2rem}.voice-controls-desktop-on-stage .voice-status-text .voice-channel,.voice-controls-desktop-on-stage .voice-btn{color:#f0f0f0!important}:root[data-theme=light] .voice-controls-desktop-on-stage .voice-controls-panel{background-color:#ffffffe6;border:1px solid var(--border);box-shadow:var(--shadow-xl)}:root[data-theme=light] .voice-controls-desktop-on-stage .voice-status-text .voice-channel,:root[data-theme=light] .voice-controls-desktop-on-stage .voice-btn{color:var(--text-main)!important}.voice-controls-desktop-on-stage .voice-status{margin-bottom:0}.voice-controls-desktop-on-stage .voice-actions{flex:1;gap:1rem}.voice-controls-desktop-on-stage .voice-btn{padding:12px;border-radius:var(--radius-xl);min-width:48px;height:48px}.vs-layer{--vs-accent: var(--call-green, #30d158);--vs-card: var(--glass);--vs-line: var(--border);position:fixed;inset:0;z-index:6500;color:var(--text-main)}.vs-scrim{position:absolute;inset:0;background:var(--call-veil, rgba(10, 10, 10, .6));-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);animation:vs-fade .2s ease-out both}.vs-sheet{position:absolute;display:flex;flex-direction:column;background:var(--bg-dark);box-shadow:var(--shadow-xl),inset 0 0 0 1px var(--vs-line)}.vs-phone .vs-sheet{left:0;right:0;bottom:0;max-height:88%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:vs-up .34s cubic-bezier(.22,1,.36,1) both}.vs-phone .vs-sheet:before{content:"";align-self:center;flex:none;width:36px;height:5px;margin-top:8px;border-radius:var(--radius-full);background:var(--vs-line)}.vs-desktop .vs-sheet{top:50%;left:50%;width:min(460px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 64px));border-radius:var(--radius-2xl);transform:translate(-50%,-50%);animation:vs-fade .2s ease-out both}.vs-head{display:flex;align-items:center;justify-content:space-between;flex:none;padding:12px 16px 6px 20px}.vs-head h3{margin:0;font-size:var(--text-xl);font-weight:700}.vs-done{padding:8px 14px;border:none;border-radius:var(--radius-full);background:var(--vs-card);color:var(--text-main);font:inherit;font-size:var(--text-md);font-weight:600;cursor:pointer}.vs-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 20px)}.vs-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vs-mode button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border:none;border-radius:var(--radius-xl);background:var(--vs-card);box-shadow:inset 0 0 0 1.5px transparent;color:var(--text-dim);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .18s ease,color .18s ease,transform .18s ease}.vs-mode button:active{transform:scale(.98)}.vs-mode button.on{box-shadow:inset 0 0 0 1.5px var(--vs-accent);background:color-mix(in srgb,var(--vs-accent) 12%,var(--vs-card));color:var(--text-main)}.vs-mode button.on svg{color:var(--vs-accent)}.vs-mode span{display:flex;flex-direction:column;gap:1px}.vs-mode b{font-size:var(--text-base)}.vs-mode small{color:var(--text-dim);font-size:var(--text-xs)}.vs-note{margin:10px 4px 0;color:var(--text-dim);font-size:var(--text-xs);line-height:1.45}.vs-title{margin:22px 4px 8px;color:var(--text-dim);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vs-card{border-radius:var(--radius-xl);background:var(--vs-card);overflow:hidden}.vs-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px}.vs-row+.vs-row{box-shadow:inset 0 1px 0 var(--vs-line)}.vs-row.disabled{opacity:.5}.vs-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vs-row-text b{font-size:var(--text-base);font-weight:600}.vs-row-text span{color:var(--text-dim);font-size:var(--text-xs)}.vs-allow span{flex:1;color:var(--text-dim);font-size:var(--text-sm)}.vs-select{max-width:58%;padding:8px 28px 8px 12px;border:none;border-radius:var(--radius-md);background:var(--bg-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text-main);font:inherit;font-size:var(--text-lg);text-overflow:ellipsis;appearance:none;-webkit-appearance:none;cursor:pointer}.vs-switch{position:relative;flex:none;width:51px;height:31px;padding:0;border:none;border-radius:var(--radius-full);background:var(--vs-line);cursor:pointer;transition:background .2s ease}.vs-switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .22s cubic-bezier(.22,1,.36,1)}.vs-switch.on{background:var(--vs-accent)}.vs-switch.on:after{transform:translate(20px)}.vs-switch:disabled{cursor:default}.vs-switch:focus-visible{outline:2px solid var(--vs-accent);outline-offset:2px}.vs-slider-row{flex-direction:column;align-items:stretch;gap:10px}.vs-row-head{display:flex;justify-content:space-between;font-size:var(--text-base);font-weight:600}.vs-row-head span{color:var(--text-dim);font-weight:500;font-variant-numeric:tabular-nums}.vs-slider-row input[type=range]{width:100%;height:28px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}.vs-slider-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--vs-accent) var(--fill, 50%),var(--vs-line) var(--fill, 50%))}.vs-slider-row input[type=range]::-moz-range-track{height:6px;border-radius:var(--radius-full);background:var(--vs-line)}.vs-slider-row input[type=range]::-moz-range-progress{height:6px;border-radius:var(--radius-full);background:var(--vs-accent)}.vs-slider-row input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:var(--shadow-md);appearance:none;-webkit-appearance:none}.vs-slider-row input[type=range]::-moz-range-thumb{width:24px;height:24px;border:none;border-radius:50%;background:#fff;box-shadow:var(--shadow-md)}.vs-meter-row{padding-top:12px;padding-bottom:12px}.vs-meter-wrap{display:flex;align-items:center;gap:10px;width:100%}.vs-meter{position:relative;flex:1;height:28px;border-radius:var(--radius-full);background:var(--bg-dark);overflow:hidden}.vs-meter-fill{position:absolute;inset:0;background:linear-gradient(to right,var(--vs-accent) 0%,var(--vs-accent) 70%,#ffd60a 85%,#ff453a 100%);transform-origin:left center;transition:transform .08s linear}.vs-meter-note{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-dim);font-size:var(--text-xs);font-weight:600}.vs-test{flex:none;min-width:64px;height:32px;padding:0 14px;border:none;border-radius:var(--radius-full);background:var(--vs-accent);color:#fff;font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.vs-test.on{background:var(--vs-line);color:var(--text-main)}.vs-advanced{display:flex;align-items:center;gap:6px;margin:22px 4px 8px;padding:0;border:none;background:none;color:var(--text-dim);font:inherit;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.vs-reset{display:block;margin:24px auto 4px;padding:10px 18px;border:none;border-radius:var(--radius-full);background:none;color:var(--text-dim);font:inherit;font-size:var(--text-sm);cursor:pointer}.vs-reset:hover{color:var(--text-main)}@keyframes vs-fade{0%{opacity:0}}@keyframes vs-up{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.vs-scrim,.vs-sheet{animation:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--call-green: #30d158;--call-red: #ff453a;--call-glass: rgba(255, 255, 255, .1);--call-glass-strong: rgba(255, 255, 255, .18);--call-veil: rgba(10, 10, 10, .62)}:root[data-theme=light]{--call-green: #28b84c;--call-red: #e5372c;--call-glass: rgba(0, 0, 0, .06);--call-glass-strong: rgba(0, 0, 0, .1);--call-veil: rgba(244, 240, 236, .66)}.call-cards{display:flex;flex-direction:column;gap:10px}.call-cards-home{margin:4px 16px 18px}.call-cards-sidebar{margin:4px 10px 10px}.call-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 14px;border:none;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--call-green) 14%,var(--glass));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--call-green) 32%,transparent);color:var(--text-main);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease}.call-card:active{transform:scale(.98)}.call-card-faces{display:flex;flex:none}.call-card-face{width:36px;height:36px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--bg-dark)}.call-card-face+.call-card-face{margin-left:-12px}.call-card-face>img,.call-card-face>div{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:#fff;font-weight:700;font-size:var(--text-md)}.call-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.call-card-text b{font-size:var(--text-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.call-card-live{display:flex;align-items:center;gap:6px;color:var(--call-green);font-size:var(--text-xxs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums}.call-card-dot{width:7px;height:7px;border-radius:50%;background:var(--call-green);animation:call-pulse 1.6s ease-in-out infinite}.call-card-people{color:var(--text-dim);font-size:var(--text-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.call-card-join{display:flex;align-items:center;gap:6px;flex:none;padding:8px 14px;border-radius:var(--radius-full);background:var(--call-green);color:#fff;font-size:var(--text-sm);font-weight:700}.call-card.mine .call-card-join{background:var(--call-glass-strong);color:var(--text-main)}.call-cards-sidebar .call-card{padding:10px;gap:10px}.call-cards-sidebar .call-card-face{width:28px;height:28px}.call-cards-sidebar .call-card-join{padding:6px 10px;font-size:var(--text-xs)}.call-circ{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:var(--call-glass);color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease}.call-circ:active{transform:scale(.92)}.call-ctl{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:none;background:none;color:var(--text-main);font:inherit;font-size:var(--text-xs);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.call-ctl-btn{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--call-glass-strong);transition:transform .18s ease,background .18s ease}.call-ctl:active .call-ctl-btn{transform:scale(.92)}.call-ctl.on .call-ctl-btn{background:var(--text-main);color:var(--bg-dark)}.call-ctl.end .call-ctl-btn{background:var(--call-red);color:#fff}.call-ctl.accept .call-ctl-btn{background:var(--call-green);color:#fff}.call-screen,.call-incoming,.call-picker{position:fixed;inset:0;z-index:6000;color:var(--text-main)}.call-incoming{z-index:6200}.call-picker{z-index:6100}.call-scrim{position:absolute;inset:0;background:var(--call-veil);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);animation:call-fade .22s ease-out both}.call-panel{position:relative;display:flex;flex-direction:column;background:var(--bg-dark);animation:call-rise .32s cubic-bezier(.22,1,.36,1) both}.call-phone .call-panel{height:100%;padding:calc(env(safe-area-inset-top,20px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 28px);background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--call-green) 16%,transparent),transparent 70%),var(--bg-dark)}.call-desktop{display:grid;place-items:center}.call-desktop .call-panel{width:min(460px,calc(100vw - 32px));min-height:520px;max-height:calc(100vh - 64px);padding:18px 18px 26px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),inset 0 0 0 1px var(--border)}.call-top{display:flex;align-items:center;gap:12px}.call-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.call-title b{max-width:100%;font-size:var(--text-xl);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.call-title span{color:var(--text-dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.call-people{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:28px 24px;margin:0;padding:24px 0;list-style:none;overflow-y:auto}.call-person{display:flex;flex-direction:column;align-items:center;gap:10px;width:112px;animation:call-pop .3s cubic-bezier(.22,1,.36,1) both}.call-people.many .call-person{width:88px}.call-person-ring{position:relative;display:block;padding:0;border:none;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;box-shadow:0 0 0 0 transparent;transition:box-shadow .18s ease}.call-person.speaking .call-person-ring{box-shadow:0 0 0 3px var(--bg-dark),0 0 0 6px var(--call-green)}.call-person-ring:disabled{cursor:default}.call-person-volume{display:flex;align-items:center;gap:6px;width:100%;margin-top:-2px;color:var(--text-dim);font-size:var(--text-xxs);font-variant-numeric:tabular-nums;animation:call-fade .18s ease-out both}.call-person-volume input{flex:1;min-width:0;accent-color:var(--call-green)}.call-person.connecting .call-person-ring{opacity:.55}.call-person-face{width:96px;height:96px;border-radius:50%;overflow:hidden}.call-people.many .call-person-face{width:72px;height:72px}.call-person-face>img,.call-person-face>div{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:#fff;font-weight:700;font-size:var(--text-4xl)}.call-person-muted{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--call-red);color:#fff;box-shadow:0 0 0 3px var(--bg-dark)}.call-person-muted svg{width:15px;height:15px}.call-person-name{max-width:100%;font-size:var(--text-md);font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.call-person-note{margin-top:-6px;color:var(--call-red);font-size:var(--text-xxs)}.call-alone{display:flex;flex-direction:column;align-items:center;gap:14px;margin:-8px 0 28px;color:var(--text-dim);font-size:var(--text-sm);text-align:center}.call-alone p{margin:0}.call-alone-invite{width:auto;height:44px;padding:0 20px}.call-controls{display:flex;justify-content:space-evenly;gap:8px}.call-desktop.with-screen .call-panel{width:min(1180px,calc(100vw - 48px));height:calc(100vh - 48px);max-height:none}.call-stage{position:relative;flex:1;min-height:0;margin-top:14px;border-radius:var(--radius-xl);background:#000;overflow:hidden}.call-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.call-stage-bar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.call-stage-bar>span{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-full);background:#0009;color:#fff;font-size:var(--text-sm);font-weight:600}.call-stage-bar svg{width:16px;height:16px}.call-stage-bar .call-circ{pointer-events:auto;background:#0009;color:#fff}.call-stage:fullscreen{margin:0;border-radius:0}.call-people.strip{flex:none;flex-wrap:nowrap;justify-content:center;gap:14px;padding:14px 0;overflow-x:auto}.call-people.strip .call-person{width:64px;gap:6px}.call-people.strip .call-person-face{width:48px;height:48px}.call-people.strip .call-person-face>div{font-size:var(--text-xl)}.call-people.strip .call-person-name{font-size:var(--text-xs)}.call-people.strip .call-person-muted{width:20px;height:20px}.call-people.strip .call-person-muted svg{width:11px;height:11px}.call-sharing{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 10px 10px 14px;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--call-green) 16%,var(--glass));font-size:var(--text-sm);font-weight:600}.call-sharing svg{flex:none;color:var(--call-green)}.call-sharing span{flex:1}.call-sharing button{padding:6px 14px;border:none;border-radius:var(--radius-full);background:var(--call-red);color:#fff;font:inherit;font-weight:700;cursor:pointer}.call-incoming{display:flex;flex-direction:column;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 72px) 24px calc(env(safe-area-inset-bottom,0px) + 56px);background:var(--call-veil);-webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3);animation:call-fade .24s ease-out both}.call-incoming.call-desktop{justify-content:center;gap:56px}.call-incoming-who{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.call-incoming-who b{margin-top:20px;font-size:var(--text-3xl)}.call-incoming-who>span:last-child{color:var(--text-dim);font-size:var(--text-base)}.call-incoming-face{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden}.call-incoming-face>img,.call-incoming-face>div{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:#fff;font-weight:700;font-size:var(--text-4xl)}.call-incoming-rings{position:absolute;top:0;left:50%;width:120px;height:120px;margin-left:-60px;pointer-events:none}.call-incoming-rings span{position:absolute;inset:0;border-radius:50%;border:2px solid var(--call-green);animation:call-ripple 2.2s ease-out infinite}.call-incoming-rings span+span{animation-delay:1.1s}.call-incoming-actions{display:flex;justify-content:space-around}.call-incoming-actions .call-ctl-btn{width:72px;height:72px}.call-sheet{position:absolute;display:flex;flex-direction:column;background:var(--bg-dark);box-shadow:var(--shadow-xl),inset 0 0 0 1px var(--border)}.call-phone .call-sheet{left:0;right:0;bottom:0;max-height:82%;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:call-sheet-up .34s cubic-bezier(.22,1,.36,1) both}.call-picker.call-desktop .call-sheet{top:50%;left:50%;width:min(420px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 64px));border-radius:var(--radius-2xl);transform:translate(-50%,-50%);animation:call-fade .2s ease-out both}.call-sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 16px 10px}.call-sheet-head b{font-size:var(--text-lg)}.call-sheet-cancel{justify-self:start;padding:6px 0;border:none;background:none;color:var(--text-dim);font:inherit;font-size:var(--text-md);cursor:pointer}.call-sheet-list{flex:1;margin:0;padding:4px 8px 8px;list-style:none;overflow-y:auto;overscroll-behavior:contain}.call-pick{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px;border:none;border-radius:var(--radius-lg);background:none;color:var(--text-main);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.call-pick:active:not(:disabled){background:var(--glass)}.call-pick:disabled{cursor:default;opacity:.6}.call-pick.everyone{margin-bottom:6px;background:var(--glass)}.call-pick-mark{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden}.call-pick-mark>img,.call-pick-mark>div{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:#fff;font-weight:700;font-size:var(--text-md)}.everyone-mark{background:var(--call-green);color:#fff}.call-pick-name{flex:1;min-width:0;display:flex;flex-direction:column}.call-pick-name b{font-size:var(--text-base);font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.call-pick-name span{color:var(--text-dim);font-size:var(--text-xs)}.call-pick-tick{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--border);color:#fff}.call-pick.on .call-pick-tick{background:var(--call-green);box-shadow:none}.call-sheet-empty{padding:18px;color:var(--text-dim);font-size:var(--text-sm);text-align:center}.call-sheet-foot{padding:8px 16px 6px}.call-start{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:none;border-radius:var(--radius-full);background:var(--call-green);color:#fff;font:inherit;font-size:var(--text-base);font-weight:700;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.call-start:active:not(:disabled){transform:scale(.98)}.call-start:disabled{opacity:.4;cursor:default}.call-pill{position:fixed;top:calc(env(safe-area-inset-top,20px) + 6px);left:50%;z-index:5900;display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:none;border-radius:var(--radius-full);background:var(--call-green);color:#fff;font:inherit;font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-md);transform:translate(-50%);cursor:pointer;animation:call-fade .2s ease-out both}.call-pill .call-card-dot{background:#fff}.call-corner.in-call{background:var(--call-green);color:#fff}@keyframes call-fade{0%{opacity:0}}@keyframes call-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes call-sheet-up{0%{transform:translateY(100%)}}@keyframes call-pop{0%{opacity:0;transform:scale(.8)}}@keyframes call-pulse{50%{opacity:.35}}@keyframes call-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media(prefers-reduced-motion:reduce){.call-scrim,.call-panel,.call-person,.call-incoming,.call-sheet,.call-pill,.call-card-dot,.call-incoming-rings span{animation:none}}.stories-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#000000f2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:9999999;display:flex;align-items:center;justify-content:center}.stories-viewer-container{position:relative;height:94vh;aspect-ratio:9 / 16;width:auto;max-width:96vw;background:#000;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:480px){.stories-viewer-container{width:100%;max-width:100%;height:100%;max-height:100%;aspect-ratio:auto;border-radius:0}}.stories-progress-bar-group{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;gap:4px;z-index:10}.stories-progress-track{flex:1;height:3px;background:#ffffff40;border-radius:2px;overflow:hidden}.stories-progress-fill{height:100%;background:#fff;width:0%;transition:width .05s linear}.stories-viewer-header{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.8)}.stories-viewer-user{display:flex;align-items:center;gap:8px}.stories-viewer-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.5);overflow:hidden}.stories-avatar-img-inner{width:100%;height:100%;object-fit:cover}.stories-viewer-username{font-weight:600;color:#fff;font-size:var(--text-md)}.stories-viewer-timestamp{color:#fff9;font-size:var(--text-xs);margin-left:4px}.stories-viewer-actions{display:flex;gap:12px}.stories-viewer-btn{background:#ffffff26;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:none;color:#fff;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.stories-viewer-btn:hover{background:#ffffff4d}.stories-viewer-btn.icon-btn{width:32px;height:32px}.stories-viewer-btn.close{width:32px;height:32px;font-size:var(--text-md)}.stories-tap-left{position:absolute;top:calc(80px + env(safe-area-inset-top,0px));bottom:0;left:0;width:25%;z-index:5;cursor:pointer}.stories-tap-right{position:absolute;top:calc(80px + env(safe-area-inset-top,0px));bottom:0;right:0;width:75%;z-index:5;cursor:pointer}.stories-media-content{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;container-type:size}.stories-media-viewport{position:relative;width:min(100cqw,100cqh * 9 / 16);aspect-ratio:9 / 16;display:flex;align-items:center;justify-content:center;background:#000;container-type:inline-size}.stories-viewer-media{max-width:100%;max-height:100%;object-fit:contain;width:100%;height:100%;position:relative;z-index:2}.stories-viewer-ambient{position:absolute;inset:-5%;z-index:1;pointer-events:none;overflow:hidden;filter:blur(60px) brightness(.8) saturate(1.3);transform:scale(1.1)}.stories-viewer-ambient img,.stories-viewer-ambient video{width:100%;height:100%;object-fit:cover}.stories-ambient-overlay{position:absolute;inset:0;background:#00000059;z-index:10}.stories-caption-overlay{position:absolute;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:2.5cqw;padding:2.5cqw 4.5cqw;z-index:8;box-shadow:0 1cqw 3cqw #00000080;text-align:center;pointer-events:none;width:max-content;max-width:85%;box-sizing:border-box}.stories-caption-text{margin:0;color:#fff;font-size:4.2cqw;font-weight:600;line-height:1.3;word-break:break-word;text-shadow:0 .2cqw .5cqw rgba(0,0,0,.8)}.stories-caption-overlay.bg-transparent{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.stories-caption-overlay.bg-dark{background:#000000bf;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stories-caption-overlay.bg-light{background:#ffffffd9;border:1px solid rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stories-caption-overlay.bg-light .stories-caption-text{color:#111;text-shadow:none}.stories-caption-overlay.bg-neon{background:linear-gradient(135deg,#ff0080d9,#007affd9);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #ff008066}@keyframes slideUpCaption{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.stories-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.stories-loading .spinner-tiny{width:28px;height:28px}.stories-caption-shown{z-index:5;transition:all .3s cubic-bezier(.25,1,.5,1)}.story-drawing{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.stories-caption-overlay.align-left{text-align:left}.stories-caption-overlay.align-right{text-align:right}.stories-caption-overlay.font-modern .stories-caption-text{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700}.stories-caption-overlay.font-classic .stories-caption-text{font-family:Georgia,Times New Roman,serif;font-weight:600;font-style:italic}.stories-caption-overlay.font-typewriter .stories-caption-text{font-family:ui-monospace,SF Mono,Menlo,Courier New,monospace;font-weight:600}.stories-caption-overlay.font-strong .stories-caption-text{font-family:Impact,Arial Black,Helvetica Neue,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.stories-caption-overlay.font-hand .stories-caption-text{font-family:Marker Felt,Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-weight:600}.stories-caption-overlay.bg-solid{border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.stories-caption-overlay.bg-solid .stories-caption-text{text-shadow:none}.sc-overlay{--sc-glass: rgba(30, 30, 30, .55);--sc-glass-strong: rgba(255, 255, 255, .16);--sc-line: rgba(255, 255, 255, .1);--sc-dim: rgba(255, 255, 255, .6);--sc-accent: #34c759;position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:scFadeIn .2s ease;color:#fff}.sc-panel{--sc-side-w: 360px;--sc-max-h: min(800px, calc(100dvh - 48px) );--sc-stage-w: min(calc(var(--sc-max-h) * 9 / 16), calc(100vw - 48px - var(--sc-side-w)));display:flex;height:calc(var(--sc-stage-w) * 16 / 9);background:#121212;border:1px solid var(--sc-line);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:scScaleIn .25s cubic-bezier(.34,1.4,.64,1)}.sc-stage{width:var(--sc-stage-w);height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#000}.sc-frame{position:relative;width:100%;aspect-ratio:9 / 16;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;container-type:inline-size;touch-action:none;user-select:none;-webkit-user-select:none}.sc-frame.drawing{cursor:crosshair}.sc-media{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.sc-play{transition:none;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-full);background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:var(--text-lg);font-weight:600}.sc-preview-note{position:absolute;z-index:2;left:16px;right:16px;top:50%;transform:translateY(-50%);text-align:center;line-height:1.45;color:#ffffffd9}.sc-preview-note p{margin:0}.sc-preview-note .sc-preview-detail{margin-top:6px;font-size:var(--text-xs);color:#ffffff73}.sc-caption{position:absolute;z-index:5;pointer-events:auto;cursor:grab;touch-action:none}.sc-frame.drawing .sc-caption{pointer-events:none}.sc-caption:active{cursor:grabbing}.sc-caption:focus-visible{outline:2px solid #fff;outline-offset:3px}.sc-guide-v{position:absolute;top:0;bottom:0;left:50%;z-index:4;width:1px;background:#ffd60ae6;pointer-events:none}.sc-bin{position:absolute;left:50%;bottom:6%;z-index:6;display:grid;place-items:center;width:56px;height:56px;margin-left:-28px;border:1.5px solid rgba(255,255,255,.6);border-radius:50%;background:var(--sc-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;pointer-events:none;animation:scPop .18s ease-out;transition:transform .15s ease,background .15s ease}.sc-bin.hot{transform:scale(1.25);background:#ff453a;border-color:#ff453a}.sc-side{width:var(--sc-side-w);display:flex;flex-direction:column;min-height:0}.sc-side-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 20px}.sc-side-header h3{margin:0;font-size:var(--text-xl);font-weight:700}.sc-controls{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px}.sc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:var(--radius-full);background:#ffffff12}.sc-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border:none;border-radius:var(--radius-full);background:none;color:var(--sc-dim);font:inherit;font-size:var(--text-md);font-weight:600;cursor:pointer}.sc-tabs button svg{width:16px;height:16px}.sc-tabs button.on{background:#fff;color:#111}.sc-card{display:flex;flex-direction:column;gap:16px;padding:14px;border-radius:var(--radius-xl);background:#ffffff0f}.sc-field{display:flex;flex-direction:column;gap:8px}.sc-field-split{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:8px}.sc-field-row{display:flex;align-items:center;justify-content:space-between}.sc-field label,.sc-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sc-dim)}.sc-value{font-size:var(--text-xs);color:var(--sc-dim);font-variant-numeric:tabular-nums}.sc-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--sc-line);border-radius:var(--radius-lg);background:#00000059;color:#fff;font-family:inherit;font-size:var(--text-lg);resize:none;outline:none}.sc-textarea:focus{border-color:#ffffff59}.sc-textarea::placeholder{color:#ffffff59}.sc-hint{margin:0;font-size:var(--text-xs);color:#ffffff73;line-height:1.4}.sc-slider{width:100%;accent-color:#fff}.sc-seg{display:flex;gap:2px;padding:3px;border-radius:var(--radius-lg);background:#00000059}.sc-seg button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:34px;padding:0 8px;border:none;border-radius:var(--radius-md);background:none;color:var(--sc-dim);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.sc-seg button svg{width:18px;height:18px}.sc-seg button.on{background:var(--sc-glass-strong);color:#fff}.sc-seg button:disabled{opacity:.35;cursor:default}.sc-colors{display:flex;flex-wrap:wrap;gap:8px}.sc-color{width:28px;height:28px;padding:0;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:var(--dot);box-shadow:0 0 0 0 transparent;cursor:pointer;transition:transform .15s ease}.sc-color.on{transform:scale(1.18);box-shadow:0 0 0 2px #121212,0 0 0 4px #fff}.sc-fonts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.sc-fonts::-webkit-scrollbar{display:none}.sc-font.stories-caption-overlay{position:static;flex:none;max-width:none;padding:7px 14px;border:1px solid var(--sc-line);border-radius:var(--radius-full);background:#ffffff14;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto;cursor:pointer}.sc-font .stories-caption-text{font-size:var(--text-md);color:#fff;text-shadow:none;white-space:nowrap}.sc-font.on{background:#fff;border-color:#fff}.sc-font.on .stories-caption-text{color:#111}.sc-chips{display:flex;flex-wrap:wrap;gap:6px}.sc-chip{padding:7px 13px;border:1px solid var(--sc-line);border-radius:var(--radius-full);background:#ffffff0f;color:var(--sc-dim);font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.sc-chip.active{background:#fff;border-color:#fff;color:#111}.sc-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-md);font-weight:600;cursor:pointer}.sc-toggle small{display:block;margin-top:2px;font-size:var(--text-xs);font-weight:400;color:#ffffff73}.sc-toggle input{position:absolute;opacity:0;width:0;height:0}.sc-switch{position:relative;flex-shrink:0;width:46px;height:28px;border-radius:var(--radius-full);background:#ffffff2e;transition:background .2s}.sc-switch:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.22,1,.36,1)}.sc-toggle input:checked+.sc-switch{background:var(--sc-accent)}.sc-toggle input:checked+.sc-switch:after{transform:translate(18px)}.sc-toggle input:focus-visible+.sc-switch{outline:2px solid #fff;outline-offset:2px}.sc-side-footer{padding:12px 16px 16px;border-top:1px solid var(--sc-line)}.sc-share{width:100%;height:48px;border:none;border-radius:var(--radius-full);background:#fff;color:#111;font-family:inherit;font-size:var(--text-base);font-weight:700;cursor:pointer;transition:transform .15s ease}.sc-share:active:not(:disabled){transform:scale(.98)}.sc-share:disabled{opacity:.6;cursor:default}.sc-error{margin:0 0 10px;font-size:var(--text-sm);color:#ff6961;text-align:center}.sc-icon-btn{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#ffffff14;color:#fff;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.sc-icon-btn:active{transform:scale(.92)}.sc-icon-btn:disabled{opacity:.35;cursor:default}.sc-icon-btn.active{background:#fff;color:#111}.sc-confirm-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c}.sc-confirm{width:min(340px,100%);padding:20px;border:1px solid var(--sc-line);border-radius:var(--radius-xl);background:#1e1e1e;box-shadow:var(--shadow-xl);animation:scScaleIn .2s ease}.sc-confirm-title{margin:0 0 6px;font-size:var(--text-lg);font-weight:600}.sc-confirm-text{margin:0;font-size:var(--text-md);color:var(--sc-dim)}.sc-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.sc-btn{padding:10px 16px;border:none;border-radius:var(--radius-full);background:#ffffff1a;color:#fff;font-family:inherit;font-size:var(--text-md);font-weight:600;cursor:pointer}.sc-btn.danger{background:#ff453a}.sc-compact{display:block;padding:0;background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}.sc-compact .sc-stage{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 112px);width:auto;height:auto;container-type:size}.sc-compact.mode-text .sc-stage,.sc-compact.mode-draw .sc-stage{bottom:env(safe-area-inset-bottom,0px)}.sc-compact .sc-frame{width:min(100cqw,100cqh * 9 / 16);border-radius:var(--radius-2xl)}.sc-compact .sc-icon-btn{width:44px;height:44px;background:var(--sc-glass);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:var(--shadow-sm)}.sc-compact .sc-icon-btn.active{background:#fff;color:#111}.sc-topbar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:12px;right:12px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.sc-topbar>*{pointer-events:auto}.sc-tools{display:flex;flex-direction:column;gap:10px}.sc-text-btn{font-size:var(--text-lg);font-weight:800}.sc-compact .sc-duration-btn{display:flex;flex-direction:column;gap:1px;font-size:var(--text-xxs);font-weight:700}.sc-bottombar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:10px;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 14px)}.sc-keep{display:flex;align-items:center;gap:10px}.sc-keep-label{flex:none;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sc-dim)}.sc-compact .sc-keep-chips{flex:1;flex-wrap:nowrap;justify-content:space-between}.sc-compact .sc-keep-chips .sc-chip{flex:1;padding:7px 6px;text-align:center}.sc-compact .sc-share{height:50px}.sc-draw-bar{align-items:center}.sc-brushes{display:flex;gap:10px}.sc-done{height:40px;padding:0 18px;border:none;border-radius:var(--radius-full);background:#fff;color:#111;font-family:inherit;font-size:var(--text-md);font-weight:700;cursor:pointer}.sc-draw-colors{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px}.sc-draw-colors .sc-colors{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px}.sc-brush-dot{flex:none;width:var(--size);height:var(--size);max-width:40px;max-height:40px;border:2px solid #fff;border-radius:50%;background:var(--dot)}.sc-side-slider{position:absolute;left:2px;top:50%;z-index:3;width:40px;height:220px;margin-top:-110px}.sc-side-slider input{position:absolute;left:50%;top:50%;width:220px;margin:0;transform:translate(-50%,-50%) rotate(-90deg);accent-color:#fff}.sc-text-editor{position:fixed;inset:0;z-index:4;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:scFadeIn .16s ease}.sc-text-editor-top{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px}.sc-text-editor-top .sc-done{margin-left:auto}.sc-text-editor-top .sc-icon-btn:first-child{margin-right:auto}.sc-text-editor-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 48px;container-type:inline-size}.sc-text-live.stories-caption-overlay{position:static;width:100%;max-width:none;pointer-events:auto}.sc-text-input{display:block;width:100%;padding:0;border:none;background:transparent;font:inherit;text-align:inherit;resize:none;outline:none;overflow:hidden}.sc-text-input::placeholder{color:inherit;opacity:.55}.sc-counter{font-size:var(--text-xs);color:#ffffff80;font-variant-numeric:tabular-nums}.sc-text-tools{display:flex;flex-direction:column;gap:12px;padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 12px)}.sc-text-tools .sc-colors{flex-wrap:nowrap;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:4px}.sc-text-editor.keyboard-open .sc-text-tools{padding-bottom:12px}@keyframes scFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scPop{0%{opacity:0;transform:scale(.6)}}@media(prefers-reduced-motion:reduce){.sc-overlay,.sc-panel,.sc-confirm,.sc-text-editor,.sc-bin{animation:none}}.camrec{position:fixed;inset:0;z-index:100001;background:#000;color:#fff;display:flex;overflow:hidden}.camrec-view{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.camrec-view.mirrored{transform:scaleX(-1)}.camrec-view.review{object-fit:contain;top:calc(env(safe-area-inset-top) + 64px);height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 174px)}.camrec-no-preview{position:absolute;z-index:1;left:24px;right:24px;top:45%;margin:0;text-align:center;line-height:1.45;color:#ffffffd9}.camrec-starting{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center}.camrec-top{position:absolute;z-index:1;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;display:flex;align-items:center}.camrec-bottom{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:24px 32px calc(env(safe-area-inset-bottom) + 28px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(transparent,#00000073)}.camrec-round,.camrec-spacer{width:44px;height:44px;flex-shrink:0}.camrec-round{border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent}.camrec-shutter{transition:none;width:78px;height:78px;border-radius:50%;border:4px solid #fff;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.camrec-shutter span{width:60px;height:60px;border-radius:50%;background:#ff3b30;transition:width .2s,height .2s,border-radius .2s}.camrec-shutter.recording span{width:28px;height:28px;border-radius:var(--radius-sm)}.camrec-shutter:disabled{opacity:.4}.camrec-clock{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-full);background:#00000080;font-size:var(--text-md);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.camrec-dot{width:8px;height:8px;border-radius:50%;background:#ff3b30;animation:camrecBlink 1s steps(2,start) infinite}@keyframes camrecBlink{to{visibility:hidden}}.camrec-pill{flex:1;padding:14px 20px;border-radius:var(--radius-full);background:#ffffff2e;color:#fff;font-size:var(--text-lg);font-weight:600}.camrec-pill.primary{background:#fff;color:#000}.camrec-problem{margin:auto;padding:24px;max-width:340px;display:flex;flex-direction:column;gap:12px;text-align:center;line-height:1.45}.camrec-problem .camrec-detail{margin-top:-4px;font-size:var(--text-xs);color:#ffffff73}.camrec-problem p{margin:0 0 8px;color:#ffffffd9}.media-picker-overlay{position:fixed;inset:0;z-index:100000;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;animation:mediaPickerFade .2s ease-out}.media-picker-sheet{width:100%;background:var(--bg-dark);border-top-left-radius:20px;border-top-right-radius:20px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #0000004d;animation:mediaPickerUp .3s cubic-bezier(.4,0,.2,1)}.media-picker-title{text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.media-picker-group{background:var(--glass);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:12px}.media-picker-item,.media-picker-cancel{width:100%;padding:16px;background:transparent;color:var(--text-main);font-size:var(--text-lg);font-weight:500;display:flex;align-items:center;gap:14px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.media-picker-item{border-bottom:.5px solid var(--border)}.media-picker-item:last-child{border-bottom:none}.media-picker-item svg{color:var(--text-dim);flex-shrink:0}.media-picker-item:active,.media-picker-cancel:active{background:var(--glass)}.media-picker-cancel{justify-content:center;background:var(--glass);border-radius:var(--radius-xl);font-weight:600}@keyframes mediaPickerFade{0%{opacity:0}}@keyframes mediaPickerUp{0%{transform:translateY(100%)}}.media-picker-overlay.floating{display:block;--media-picker-veil: rgba(10, 10, 10, .5);--media-picker-panel: #242424;--media-picker-line: rgba(255, 255, 255, .08);--media-picker-press: rgba(255, 255, 255, .12);background:var(--media-picker-veil);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}:root[data-theme=light] .media-picker-overlay.floating{--media-picker-veil: rgba(244, 240, 236, .45);--media-picker-panel: #fffdfb;--media-picker-line: rgba(0, 0, 0, .08);--media-picker-press: rgba(0, 0, 0, .07)}.media-picker-menu{position:fixed;left:16px;bottom:calc(96px + env(safe-area-inset-bottom));width:232px;overflow:hidden;border-radius:var(--radius-xl);background:var(--media-picker-panel);box-shadow:var(--shadow-lg);transform-origin:left bottom;animation:mediaPickerPop .26s cubic-bezier(.22,1,.36,1) both}.media-picker-menu.below{transform-origin:left top}.media-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:46px;padding:0 16px;border:none;background:none;color:var(--text-main);font-size:var(--text-lg);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease}.media-picker-row+.media-picker-row{box-shadow:inset 0 1px 0 var(--media-picker-line)}.media-picker-row:active{background:var(--media-picker-press)}.media-picker-row svg{flex:none;width:19px;height:19px;color:var(--text-dim)}@keyframes mediaPickerPop{0%{opacity:0;transform:scale(.94) translateY(6px)}}.media-picker-menu.below{animation-name:mediaPickerPopDown}@keyframes mediaPickerPopDown{0%{opacity:0;transform:scale(.94) translateY(-6px)}}@media(prefers-reduced-motion:reduce){.media-picker-menu{animation:none}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2rem;max-width:400px;width:90%;box-shadow:var(--shadow-xl);animation:scaleUp .3s cubic-bezier(.17,.84,.44,1)}.modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.modal-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.modal-icon.confirm{background:#ff44441a;color:#f44}.modal-icon.success{background:#00c8511a;color:#00c851}.modal-icon.alert,.modal-icon.question{background:var(--glass);color:var(--primary)}.modal-header h3{font-size:var(--text-3xl);font-weight:700;color:var(--text-main)}.modal-body{text-align:center;margin-bottom:2rem}.modal-body p{color:var(--text-dim);line-height:1.5}.modal-footer{display:flex;gap:1rem}.modal-footer button{flex:1;padding:12px;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm{background:var(--primary);color:var(--bg-dark);border:none}.modal-content.confirm .btn-confirm{background:#f44;color:#fff}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--glass)}.modal-content.confirm .btn-confirm:hover{box-shadow:0 4px 12px #ff44444d}.btn-cancel{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-cancel:hover{background:var(--glass);color:var(--text-main)}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.stories-bar-container{position:relative;z-index:10;width:100%;padding:0 0 12px;background:transparent;border-bottom:none;box-sizing:border-box;overflow:visible;display:flex;align-items:center;gap:12px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.stories-carousel{display:flex;gap:4px;padding:0 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;align-items:center;flex:1;cursor:grab;will-change:transform}.stories-carousel::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;flex-shrink:0;width:68px}.story-avatar-wrapper{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.story-item:hover .story-avatar-wrapper{transform:scale(1.06)}.story-avatar-wrapper.unread{background:#ff3b30;padding:2px}.story-avatar-wrapper.read{background:transparent;padding:0}.story-avatar-wrapper.read .story-avatar-bubble{border:none}.story-avatar-wrapper.add-story{padding:0}.story-avatar-bubble.story-record-bubble{color:var(--text-main);background:var(--glass);border:1.5px solid var(--border)}.story-avatar-bubble{width:100%;height:100%;border-radius:50%;background:var(--ios-card-bg);border:1.5px solid var(--bg-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:600;color:#fff;overflow:hidden}.story-avatar-img{width:100%;height:100%;object-fit:cover;pointer-events:none}.story-add-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#007aff;border:1.5px solid var(--bg-dark);border-radius:50%;color:#fff;font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center}.story-username{margin-top:5px;font-size:var(--text-xxs);color:var(--text-dim);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes story-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-context-overlay{position:fixed;inset:0;z-index:999999;background:transparent}.story-context-menu{background:#19191bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0a inset;overflow:hidden;color:#fff;display:flex;flex-direction:column}@media(min-width:481px){.story-context-menu{position:fixed;top:var(--anchor-top, 80px);left:var(--anchor-left, 20px);transform:translate(-8px);width:240px;animation:dropdownShow .2s cubic-bezier(.16,1,.3,1);transform-origin:top left;z-index:1000000}.story-context-menu:before{content:"";position:absolute;top:-6px;left:var(--arrow-left, 28px);transform:rotate(45deg);width:12px;height:12px;background:#19191bf2;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12);z-index:-1}.context-close-mobile-only,.story-sheet-handle{display:none}@keyframes dropdownShow{0%{opacity:0;transform:translate(-8px) translateY(-10px) scale(.98)}to{opacity:1;transform:translate(-8px) translateY(0) scale(1)}}}.story-context-inner{display:flex;flex-direction:column;width:100%}.story-context-header{display:flex;align-items:baseline;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:#fff6}.story-context-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;padding:12px}.story-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.story-action:hover{background:#ffffff17}.story-action:active{transform:scale(.97)}.story-action:disabled{opacity:.4;cursor:default}.story-action-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a}.story-action-view{background:#0a84ff29;border-color:#0a84ff59}.story-action-view:hover{background:#0a84ff3d}.story-action-view .story-action-icon{background:#0a84ff}.story-context-summary{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:500}.story-context-list-wrap{background:#00000026;padding-bottom:8px}.list-label{font-size:var(--text-xxs);color:#ffffff59;padding:10px 16px 6px;font-weight:600}.story-context-list{max-height:160px;overflow-y:auto}.story-context-list-item{display:flex;align-items:center;padding:8px 12px 8px 16px;gap:10px;transition:background .15s;cursor:pointer}.story-context-list-item:hover{background:#ffffff08}.item-media{width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;background:#000;flex-shrink:0}.item-media img,.item-media video{width:100%;height:100%;object-fit:cover}.item-details{display:flex;flex-direction:column;flex:1;min-width:0}.item-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-views-count{font-size:var(--text-sm);color:#fffc;font-weight:600;display:flex;align-items:center;height:100%}.item-delete-icon{background:transparent;border:none;color:#ff453a99;padding:6px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.item-delete-icon:hover{background:#ff453a26;color:#ff453a;transform:scale(1.05)}@media(max-width:480px){.story-context-overlay{background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;overscroll-behavior:none;touch-action:none}.story-context-menu{width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none;border-left:none;border-right:none;box-shadow:0 -10px 30px #00000080;animation:slideUpTray .35s cubic-bezier(.32,.72,0,1);padding-bottom:calc(15px + env(safe-area-inset-bottom))}.story-sheet-grab{touch-action:none;cursor:grab}.story-sheet-handle{display:block;width:36px;height:5px;background:#ffffff26;border-radius:3px;margin:12px auto 8px}.story-context-menu{transition:transform .22s ease-out}.story-context-menu.dragging{transition:none}.story-context-actions{gap:10px;padding:8px 20px 16px}.story-action{padding:16px 6px 14px;font-size:var(--text-md)}.story-action-icon{width:48px;height:48px}.context-close-mobile-only{margin:12px 20px 4px;padding:14px;border-radius:var(--radius-xl);background:#ffffff14;border:none;color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer}.story-context-list{max-height:220px;touch-action:pan-y;overscroll-behavior:contain}.story-context-list-item{padding:10px 20px}@keyframes slideUpTray{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media(max-width:768px){.stories-bar-container{padding:16px 0}.story-item{width:76px}.story-avatar-wrapper{width:64px;height:64px}.story-add-badge{width:20px;height:20px;bottom:0;right:0;font-size:var(--text-sm)}.story-username{font-size:var(--text-xs);margin-top:6px}.story-avatar-bubble{font-size:var(--text-2xl)}}@keyframes dropdown-pop{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-up-sheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .story-context-menu{background:#faf8f5f5;border-color:#0000001a;box-shadow:0 8px 32px #0000002e,0 0 0 1px #fff9 inset;color:var(--text-main)}:root[data-theme=light] .story-context-menu:before{background:#faf8f5f5;border-top-color:#0000001a;border-left-color:#0000001a}:root[data-theme=light] .story-context-header{border-bottom-color:#00000014;color:#00000073}:root[data-theme=light] .story-action{color:var(--text-main);border-color:#00000014;background:#00000008}:root[data-theme=light] .story-action:hover{background:#0000000f}:root[data-theme=light] .story-action-icon{background:#00000012}:root[data-theme=light] .story-action-view{background:#0066d61a;border-color:#0066d64d}:root[data-theme=light] .story-action-view .story-action-icon{background:#0066d6;color:#fff}:root[data-theme=light] .story-context-list-wrap{background:#0000000a}:root[data-theme=light] .list-label{color:#00000073}:root[data-theme=light] .story-context-list-item:hover{background:#0000000a}:root[data-theme=light] .item-views-count{color:#000000b3}:root[data-theme=light] .item-delete-icon{color:#dc2626b3}:root[data-theme=light] .item-delete-icon:hover{background:#dc26261f;color:#dc2626}@media(max-width:480px){:root[data-theme=light] .story-context-overlay{background:#00000040}:root[data-theme=light] .story-context-menu{box-shadow:0 -10px 30px #0003}:root[data-theme=light] .story-sheet-handle{background:#0000002e}:root[data-theme=light] .context-close-mobile-only{background:#0000000f;color:var(--text-main)}}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:1.5rem 1rem;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1)}.sidebar-header{display:flex;flex-direction:row;align-items:center;gap:12px;height:var(--composer-bar-height, 77px);margin:-1.5rem -1rem 1rem;padding:0 20px 0 1.5rem;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-header .sidebar-collapse-btn{width:40px;height:40px;border-radius:var(--radius-md);margin-left:auto}.sidebar-rail-toggle{position:relative;width:44px;height:44px;padding:0;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.sidebar-rail-toggle .sidebar-logo{width:40px;height:40px;transition:opacity .15s ease,transform .15s ease}.sidebar-rail-toggle svg{position:absolute;inset:0;margin:auto;opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.sidebar-rail-toggle:hover,.sidebar-rail-toggle:focus-visible{background:var(--glass);color:var(--primary)}.sidebar-rail-toggle:hover .sidebar-logo,.sidebar-rail-toggle:focus-visible .sidebar-logo{opacity:0;transform:scale(.85)}.sidebar-rail-toggle:hover svg,.sidebar-rail-toggle:focus-visible svg{opacity:1;transform:scale(1)}.sidebar-rail-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar .sidebar-header .app-branding{padding:0;gap:10px;flex:1;min-width:0;justify-content:flex-start}.sidebar-header .sidebar-logo{width:44px;height:44px}.sidebar .sidebar-header .app-title{flex:0 1 auto;text-align:left;font-size:var(--text-md);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:clip;line-height:1.05}.sidebar.collapsed .sidebar-header{justify-content:center;margin:-1.5rem -.5rem 1rem;padding:0}.sidebar-footer{display:flex;align-items:center;justify-content:center;height:var(--composer-bar-height, 77px);margin:auto -1rem -1.5rem;padding:0 1.5rem;border-top:1px solid var(--sidebar-border);flex-shrink:0}.sidebar.collapsed .sidebar-footer{justify-content:center;margin:auto -.5rem -1.5rem;padding:0}.settings-gear-btn.with-label{width:auto;height:auto;justify-content:center;gap:10px;padding:10px 18px;color:var(--text-main)}.settings-gear-btn.with-label svg{color:var(--text-dim);flex-shrink:0}.settings-gear-btn.with-label:hover svg,.settings-gear-btn.with-label.active svg{color:var(--primary)}.settings-gear-label{font-size:var(--text-base);font-weight:600}.sidebar-collapse-btn{background:transparent;border:none;color:var(--text-dim);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:all .2s ease}.sidebar-collapse-btn:hover{background:var(--glass);color:var(--primary)}.sidebar .app-branding{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;padding:0 0 0 1rem;flex-direction:row;min-width:0}.app-branding{display:flex;flex-direction:column;align-items:center;justify-content:center}.sidebar-logo{display:block;width:22px;height:22px;align-self:center}.sidebar .app-title{font-size:var(--text-md);letter-spacing:.5px}.app-title{font-size:var(--text-3xl);font-weight:700;letter-spacing:1.5px;color:var(--text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;text-transform:uppercase}.sidebar-divider{height:1px;background:var(--sidebar-border);margin-top:1rem;width:100%;opacity:.5}.nav-divider{height:1px;background:var(--sidebar-border);width:100%;margin-top:auto;margin-bottom:1.5rem}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:0 .5rem 1.5rem;overflow-y:auto;overflow-x:hidden;margin-bottom:.5rem}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:var(--radius-md)}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#ffffff1a}.sidebar-section{margin-bottom:1.5rem}.section-title{display:block;font-size:var(--text-xxs);font-weight:800;color:var(--text-dim);letter-spacing:1.5px;padding:0 1rem;margin-bottom:.75rem;opacity:.6;text-align:left}.nav-item{display:flex;align-items:center;justify-content:center;position:relative;padding:.8rem 1rem;border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;transition:all .2s;margin-bottom:2px}.nav-item:hover{background:var(--glass);color:var(--primary)}.nav-item.active{background:var(--glass);color:var(--primary);font-weight:600}.nav-item.disabled{cursor:not-allowed;opacity:.5}.nav-item-logout{color:#ff4d4d}.nav-item-logout:hover{background:#ff4d4d1a!important;color:#ff4d4d!important}.nav-item svg,.nav-hash,.nav-item .status-dot{position:absolute;left:1.5rem}.nav-item-list{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;transition:all .2s;margin-bottom:2px}.nav-item-list:hover{background:var(--glass);color:var(--primary)}.nav-item-list.active{background:var(--glass);color:var(--primary);font-weight:600}.nav-item-list.disabled{cursor:not-allowed;opacity:.5}.nav-item-list .nav-hash{position:static;font-size:var(--text-2xl);font-weight:300;width:18px;text-align:center;line-height:1}.nav-item-list .status-dot{position:static;transform:none;width:8px;height:8px;flex-shrink:0}.nav-item-content{display:flex;flex-direction:column;flex:1;min-width:0}.nav-item-list.nav-feed-special{padding:.85rem 1.1rem;margin-bottom:.5rem}.nav-item-list.nav-feed-special .nav-item-name{font-size:var(--text-lg);font-weight:700;letter-spacing:.3px}.nav-item-list.nav-feed-special svg{color:var(--primary);filter:drop-shadow(0 0 4px rgba(var(--primary-rgb),.2))}.nav-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-preview-text{font-size:var(--text-xxs);color:var(--text-dim);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;font-weight:400}.sidebar-pin-action{background:transparent;border:none;color:var(--text-dim);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-xs);cursor:pointer;opacity:0;flex-shrink:0;transition:opacity .2s,color .2s}.nav-item-list:hover .sidebar-pin-action{opacity:1}.sidebar-pin-action.pinned{opacity:.85;color:var(--primary)}.sidebar-pin-action:hover{color:var(--primary);background:var(--glass)}.sidebar-pin-action:focus-visible,.sidebar-voice-action:focus-visible{opacity:1;outline:2px solid var(--primary);outline-offset:1px}.unread-badge{background:#ff4d4d;color:#fff;font-size:var(--text-xxs);font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-left:auto;box-shadow:var(--shadow-sm)}.nav-hash{font-size:var(--text-2xl);font-weight:300;width:18px;text-align:center;line-height:1}.nav-item .status-dot{width:8px;height:8px;top:50%;transform:translateY(-50%)}.nav-item:hover svg{opacity:1}.settings-gear-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-dim);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.settings-gear-btn:hover,.settings-gear-btn.active{background:var(--glass);color:var(--text-main)}.user-profile{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:transparent;border:none;padding:8px;margin:-8px;border-radius:var(--radius-md);cursor:pointer;font:inherit;text-align:left;color:inherit;transition:background .15s ease}.user-profile:hover,.user-profile.active{background:var(--glass)}.user-profile-caret{color:var(--text-dim);flex-shrink:0;margin-left:auto;transition:color .15s ease}.user-profile:hover .user-profile-caret,.user-profile.active .user-profile-caret{color:var(--text-main)}.user-avatar-container{position:relative;width:32px;height:32px;flex-shrink:0}.user-avatar-small{width:100%;height:100%;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-md);font-weight:800;overflow:hidden}.status-icon-sidebar{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--sidebar-bg);box-shadow:0 0 5px #0000004d}.status-icon-sidebar.online{background-color:#0f8}.status-icon-sidebar.away{background-color:#fc0}.status-icon-sidebar.offline{background-color:#888}.status-dot.online{background-color:#0f8}.status-dot.away{background-color:#fc0}.status-dot.offline{background-color:#888}.avatar-img-small{width:100%;height:100%;object-fit:cover}.username{font-weight:600;font-size:var(--text-lg);color:var(--text-main)}.voice-channel-group{border-radius:var(--radius-md);margin-bottom:2px}.nav-item-list.active-voice{background:#22c55e1a!important;color:var(--online-color)!important;font-weight:600}.voice-participants-list{padding:0 1rem .5rem;display:flex;flex-direction:column;gap:4px}.voice-participant{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-xs)}.voice-participant:hover{background:var(--glass)}.voice-participant.speaking{background:#22c55e0d}.voice-participant.speaking .participant-avatar-small{box-shadow:0 0 0 2px #22c55e;animation:speakerPulseMini 1.5s infinite alternate}.speaking-indicator-mini{width:6px;height:6px;background-color:#22c55e;border-radius:50%;margin-left:auto;box-shadow:0 0 8px #22c55e99}@keyframes speakerPulseMini{0%{box-shadow:0 0 0 1px #22c55e80}to{box-shadow:0 0 0 3px #22c55ecc}}.voice-channel-actions{display:flex;gap:4px}.sidebar-voice-action{background:transparent;border:none;color:var(--text-dim);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-xs);cursor:pointer;opacity:0;transition:all .2s}.nav-item-list:hover .sidebar-voice-action{opacity:1}.sidebar-voice-action:hover{background:#ffffff1a;color:var(--primary)}.sidebar-voice-action.disconnect:hover{color:#ef4444}.sidebar-voice-action.join:hover{color:#22c55e}.participant-avatar-small{width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700}.participant-name{font-size:var(--text-xs);color:var(--text-dim)}.sidebar-profile-preview{position:fixed;z-index:100000}.sidebar-menu-overlay{position:fixed;inset:0;z-index:99999;background:transparent}.sidebar-settings-dropdown{z-index:100000;min-width:180px;background:#1c1c20d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff08 inset;padding:6px;animation:slideUpSide .2s cubic-bezier(.16,1,.3,1)}@keyframes slideUpSide{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-title{padding:8px 12px;font-size:var(--text-xxs);text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#ffffff59}.menu-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:#ffffffb3;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.menu-option svg{opacity:.6}.menu-option:hover{background:#ffffff14;color:#fff}.menu-option:hover svg{opacity:1}.menu-option.active{background:#007aff26;color:#0a84ff}.menu-option.active svg{opacity:1;color:#0a84ff}.menu-divider{height:1px;background:#ffffff0f;margin:6px}.menu-option.logout{color:#ff453a}.menu-option.logout svg{color:#ff453a}.menu-option.logout:hover{background:#ff453a1f}:root[data-theme=light] .sidebar-settings-dropdown{background:#f4f0ecf2;border-color:#0000001a;box-shadow:0 12px 40px #0000001f,0 0 0 1px #0000000a inset}:root[data-theme=light] .menu-title{color:#00000059}:root[data-theme=light] .menu-option{color:#000000bf}:root[data-theme=light] .menu-option:hover{background:#0000000f;color:#000}:root[data-theme=light] .menu-option.active{background:#007aff1a}:root[data-theme=light] .menu-divider{background:#00000014}.menu-theme-row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px}.menu-theme-label{font-size:var(--text-sm);font-weight:500;color:#ffffff80}.menu-theme-options{display:flex;gap:2px;background:#00000040;border-radius:var(--radius-md);padding:2px}.menu-theme-btn{background:none;border:none;cursor:pointer;padding:4px 7px;border-radius:var(--radius-sm);color:#ffffff59;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.menu-theme-btn.active{background:#ffffff24;color:#fff}.menu-theme-btn:hover:not(.active){color:#ffffffb3}:root[data-theme=light] .menu-theme-label{color:#00000080}:root[data-theme=light] .menu-theme-options{background:#00000012}:root[data-theme=light] .menu-theme-btn{color:#00000059}:root[data-theme=light] .menu-theme-btn.active{background:#0000001a;color:#000000d9}:root[data-theme=light] .menu-theme-btn:hover:not(.active){color:#0009}.sidebar.collapsed{padding:1.5rem .5rem}.sidebar-stories-trigger{display:none}.sidebar-rail-search{display:flex;align-items:center;justify-content:center;width:calc(100% - 1rem);margin:0 .5rem .75rem;padding:.6rem;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;flex-shrink:0;transition:border-color .15s ease,color .15s ease}.sidebar-rail-search:hover{border-color:var(--sidebar-border);color:var(--text-main)}.sidebar.collapsed .sidebar-stories-trigger{display:flex;align-items:center;justify-content:center;width:100%;padding:.6rem;margin-bottom:.5rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;transition:all .2s ease}.sidebar-stories-trigger:hover,.sidebar-stories-trigger.active{background:var(--glass);color:var(--primary)}.sidebar-stories-flyout{z-index:100000;width:340px;max-width:calc(100vw - 100px);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:12px 0 0;animation:slideUpSide .2s cubic-bezier(.16,1,.3,1)}.sidebar.collapsed .section-title,.sidebar.collapsed .nav-item-content,.sidebar.collapsed .unread-badge,.sidebar.collapsed .sidebar-pin-action,.sidebar.collapsed .sidebar-preview-text,.sidebar.collapsed .voice-channel-actions,.sidebar.collapsed .voice-participants-list,.sidebar.collapsed .username,.sidebar.collapsed .user-profile-caret,.sidebar.collapsed .voice-status-text,.sidebar.collapsed .nav-item-list .status-dot{display:none}.sidebar.collapsed .sidebar-section+.sidebar-section{margin-top:.35rem;padding-top:.5rem;border-top:1px solid var(--sidebar-border)}.sidebar.collapsed .nav-hash,.channel-avatar-collapsed{display:none}.sidebar.collapsed .channel-avatar-collapsed{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--glass);color:var(--text-main);font-size:var(--text-xs);font-weight:800;flex-shrink:0}.sidebar.collapsed .nav-item-list.active .channel-avatar-collapsed{background:#007aff26;color:var(--primary)}.section-icon-header{display:none}.sidebar.collapsed .section-icon-header{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:.4rem;color:var(--text-dim);font-size:var(--text-2xl);font-weight:800;line-height:1;opacity:.5}.sidebar.collapsed .nav-item-list .nav-icon{display:none}.sidebar.collapsed .nav-item-list.active-voice .channel-avatar-collapsed{background:#22c55e26;color:var(--online-color)}.dm-avatar-collapsed{display:none}.sidebar.collapsed .dm-avatar-collapsed{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:var(--text-xxs);font-weight:800;flex-shrink:0;overflow:visible}.dm-avatar-collapsed img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-status-dot-mini{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:2px solid var(--sidebar-bg)}.dm-status-dot-mini.online{background-color:#0f8}.dm-status-dot-mini.away{background-color:#fc0}.dm-status-dot-mini.offline{background-color:#888}.sidebar.collapsed .sidebar-nav{padding-left:0;padding-right:0;align-items:center}.sidebar.collapsed .sidebar-section{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:0}.sidebar.collapsed .nav-item-list{justify-content:center;gap:0;padding:.7rem;margin-bottom:2px}.sidebar.collapsed .nav-item-list.nav-feed-special{padding:.7rem;margin-bottom:0}.sidebar.collapsed .voice-channel-group{display:flex;justify-content:center;width:100%}.sidebar.collapsed .user-profile{flex:none;justify-content:center}.sidebar.collapsed .voice-controls-panel{padding:12px 8px;align-items:center}.sidebar.collapsed .voice-status{justify-content:center;margin-bottom:10px}.sidebar.collapsed .voice-actions{flex-direction:column;gap:6px}.sidebar.collapsed .voice-btn{flex:none;width:36px;height:36px;padding:0}.app-branding-text{display:flex;flex-direction:column;min-width:0;gap:3px}.app-branding-sub{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar:not(.collapsed) .sidebar-section{margin-bottom:1.1rem}.sidebar:not(.collapsed) .section-title{margin-bottom:.4rem;padding:0 .6rem}.sidebar:not(.collapsed) .nav-item-list{position:relative;gap:10px;padding:7px 10px;border-radius:var(--radius-lg)}.sidebar:not(.collapsed) .nav-item-list.active:before{content:"";position:absolute;left:-8px;top:10px;bottom:10px;width:3px;border-radius:var(--radius-xs);background:var(--text-main)}.sidebar:not(.collapsed) .nav-item-list .nav-hash{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-md);background:var(--glass);font-size:var(--text-md);font-weight:700;color:var(--text-dim)}.sidebar:not(.collapsed) .nav-item-list.has-unread .nav-hash,.sidebar:not(.collapsed) .nav-item-list.active .nav-hash{color:var(--text-main);background:var(--border)}.sidebar:not(.collapsed) .nav-item-name{display:flex;align-items:center;gap:5px;font-size:var(--text-md)}.sidebar:not(.collapsed) .nav-item-list.has-unread .nav-item-name{color:var(--text-main);font-weight:700}.sidebar:not(.collapsed) .nav-item-list.has-unread .sidebar-preview-text{opacity:.85}.nav-muted-icon{flex-shrink:0;opacity:.6}.sidebar:not(.collapsed) .nav-item-list .nav-icon{width:28px;height:28px;padding:6px;box-sizing:border-box;flex-shrink:0;border-radius:var(--radius-md);background:var(--glass)}.sidebar:not(.collapsed) .nav-item-list.live .nav-icon{color:var(--online-color);background:#22c55e24}.sidebar:not(.collapsed) .nav-item-list.live .nav-item-name{color:var(--text-main);font-weight:700}.voice-live-label{font-size:var(--text-xxs);font-weight:800;letter-spacing:.06em;color:var(--online-color)}.sidebar.collapsed .voice-live-label,.nav-item-list.live:hover .voice-live-label{display:none}.sidebar:not(.collapsed) .dm-avatar-collapsed{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;color:#fff;font-size:var(--text-xs);font-weight:800}.sidebar:not(.collapsed) .dm-status-dot-mini{width:10px;height:10px}.sidebar:not(.collapsed) .sidebar-footer{justify-content:space-between;gap:8px;padding:0 12px 0 16px}.sidebar-footer .user-profile{margin:0;padding:6px 8px;border-radius:var(--radius-lg)}.user-profile-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.user-profile-text .username{font-size:var(--text-md);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-status{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap}.sidebar-search-btn{display:flex;align-items:center;gap:8px;width:calc(100% - 1rem);height:36px;margin:0 .5rem .75rem;padding:0 8px 0 10px;border-radius:var(--radius-lg);background:var(--glass);border:1px solid var(--border);color:var(--text-dim);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;flex-shrink:0;transition:border-color .15s ease,color .15s ease}.sidebar-search-btn:hover{border-color:var(--sidebar-border);color:var(--text-main)}.sidebar-search-btn span{flex:1}.sidebar-search-btn kbd{padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);font:inherit;font-size:var(--text-xxs);color:var(--text-dim);white-space:nowrap}.profile-popup-overlay{position:fixed;inset:0;z-index:5000;background:transparent}.profile-popup-card{position:fixed;width:280px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:popup-zoom .2s cubic-bezier(.175,.885,.32,1.275);z-index:5001;pointer-events:auto}@keyframes popup-zoom{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-banner{height:80px;background:linear-gradient(135deg,var(--primary),#fbbf24);background-size:cover;background-position:center}.popup-content{padding:0 1rem 1.25rem;text-align:center;position:relative}.popup-avatar-container{width:80px;height:80px;margin:-40px auto 12px;border-radius:50%;border:4px solid var(--bg-panel);background:var(--bg-panel);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl);font-weight:800;color:var(--primary);box-shadow:var(--shadow-md)}.popup-avatar-img{width:100%;height:100%;object-fit:cover}.popup-username{font-size:var(--text-xl);font-weight:700;margin-bottom:4px;color:var(--text-main)}.popup-role{font-size:var(--text-xxs);text-transform:uppercase;letter-spacing:.5px;font-weight:800;color:var(--text-dim);margin-bottom:1.25rem;display:block}.popup-actions{display:flex;gap:8px}.popup-btn{flex:1;padding:8px;font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-md);text-align:center}.popup-btn-primary{background:var(--primary);color:var(--bg-dark)}.popup-btn-outline{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border)}.popup-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.as-root{position:fixed;inset:0;z-index:3000;display:flex;justify-content:center}.as-desktop{align-items:flex-start;padding:12vh 16px 16px;background:#00000073;animation:as-fade .12s ease-out}.as-phone{background:var(--bg-dark);animation:as-bg .2s ease-out}.as-panel{display:flex;flex-direction:column;width:100%;background:var(--bg-panel);color:var(--text-main)}.as-desktop .as-panel{max-width:640px;max-height:72vh;border:1px solid var(--sidebar-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.as-phone .as-panel{height:100%;padding-top:calc(env(safe-area-inset-top,20px) + 16px)}.as-apple .as-panel{padding-top:calc(env(safe-area-inset-top,20px) + 32px)}.as-bar{display:flex;align-items:center;gap:10px;padding:0 14px;height:56px;border-bottom:1px solid var(--border);flex-shrink:0}.as-phone .as-bar{height:60px;padding:0 12px 0 16px}.as-bar-icon{display:flex;color:var(--text-dim)}.as-bar input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-main);font:inherit;font-size:var(--text-lg);outline:none}.as-bar input::-webkit-search-cancel-button{filter:grayscale(1)}.as-esc,.as-foot kbd{padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);font:inherit;font-size:var(--text-xxs);color:var(--text-dim);white-space:nowrap}.as-phone .as-panel{background:var(--bg-dark)}.as-phone .as-bar{position:relative;height:44px;margin-bottom:8px;padding:0 16px;gap:8px;border-bottom:none}.as-phone .as-bar:before{content:"";position:absolute;inset:0 68px 0 16px;border-radius:var(--radius-full);background:var(--glass);pointer-events:none;animation:as-pill .34s cubic-bezier(.22,1,.36,1) both}.as-phone .as-bar>*{position:relative}.as-phone .as-bar>:not(.as-circ){animation:as-fade .2s ease-out .14s both}.as-phone .as-results{animation:as-rise .24s ease-out .08s both}.as-morph-glass{transform-box:view-box;transform-origin:12px 12px;animation:as-glass-out .26s ease-in both}.as-morph-x{stroke-dasharray:18;animation:as-x-in .3s cubic-bezier(.22,1,.36,1) .12s both}.as-phone .as-bar-icon{margin-left:8px}.as-phone .as-bar input::-webkit-search-cancel-button{display:none}.as-circ{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:var(--glass);color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease}.as-circ:active{transform:scale(.92)}.as-phone .as-circ{margin-left:8px}.as-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--text-main);animation:as-spin .7s linear infinite;flex-shrink:0}.as-results{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 10px}.as-phone .as-results{padding:6px 8px calc(16px + env(safe-area-inset-bottom))}.as-group+.as-group{margin-top:6px}.as-group-label{margin:0;padding:10px 10px 6px;font-size:var(--text-xxs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.as-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:var(--radius-lg);cursor:pointer}.as-row-tall{align-items:flex-start;padding-top:9px;padding-bottom:9px}.as-row.active{background:var(--glass);box-shadow:inset 0 0 0 1px var(--border)}.as-phone .as-row{min-height:56px}.as-phone .as-row:active{background:var(--glass)}.as-icon,.as-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0}.as-icon{display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-md)}.as-avatar{display:flex;align-items:center;justify-content:center;object-fit:cover;color:#fff;font-weight:700;font-size:var(--text-md)}.as-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.as-row-top{display:flex;align-items:baseline;gap:8px;min-width:0}.as-row-title{font-size:var(--text-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-row-where{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-row-date{margin-left:auto;font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap}.as-row-hint{font-size:var(--text-sm);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-row-text{font-size:var(--text-sm);color:var(--text-main);opacity:.85;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.as-row-text mark{background:#eab3084d;color:inherit;border-radius:3px;padding:0 1px}.as-row-btn{flex-shrink:0;border:1px solid var(--border);background:transparent;color:var(--text-dim);font:inherit;font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-full);cursor:pointer}.as-row-btn:hover{color:var(--text-main);border-color:var(--sidebar-border)}.as-enter{display:flex;color:var(--text-dim);flex-shrink:0}.as-empty{margin:0;padding:28px 16px;text-align:center;font-size:var(--text-sm);color:var(--text-dim)}.as-foot{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-dim);flex-shrink:0}.as-foot kbd+kbd{margin-left:3px}.as-foot kbd:last-of-type{margin-right:5px}.search-flash{animation:as-flash 1.8s ease-out}@keyframes as-flash{0%,35%{box-shadow:0 0 0 2px var(--text-main)}to{box-shadow:0 0 0 2px transparent}}@keyframes as-fade{0%{opacity:0}}@keyframes as-bg{0%{background-color:transparent}}@keyframes as-pill{0%{clip-path:inset(0 0 0 calc(100% - 44px) round 22px);opacity:0}to{clip-path:inset(0 round 22px);opacity:1}}@keyframes as-glass-out{to{opacity:0;transform:rotate(90deg) scale(.4)}}@keyframes as-x-in{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}@keyframes as-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes as-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.as-desktop,.as-phone,.search-flash,.as-phone .as-bar:before,.as-phone .as-bar>*,.as-phone .as-results,.as-morph-x{animation:none}.as-morph-glass{animation:none;opacity:0}}.as-phone .as-spinner{margin-right:12px}.right-sidebar{width:var(--right-sidebar-width, 360px);flex-shrink:0;height:100%;border-left:1px solid var(--border);background:var(--bg-main);display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1)}.right-sidebar.collapsed{width:80px;background:var(--sidebar-bg);border-left-color:var(--sidebar-border);padding:0 .5rem}.rs-header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:var(--composer-bar-height, 77px);padding:0 20px 0 16px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.rs-header .sidebar-collapse-btn{width:40px;height:40px;border-radius:var(--radius-md)}.rs-header .sidebar-collapse-btn svg{width:22px;height:22px}.rs-body{flex:1;min-height:0;overflow:hidden;padding:0 12px;display:flex;flex-direction:column}.rs-feed{flex:1;min-height:0;display:flex;flex-direction:column;margin:0 -12px}.rs-feed .fp-root{position:relative;flex:1;height:auto;min-height:0;background:transparent}.rs-feed .fp-layout{--fp-gutter: 12px;padding:0 var(--fp-gutter) 24px}.rs-feed .fp-scroll-btn{position:absolute;right:20px;bottom:16px;width:40px;height:40px}.rs-feed-loading{padding:24px 12px;color:var(--text-dim);font-size:var(--text-md);text-align:center}.rs-rail{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:2px;color:var(--text-dim)}.rs-stories{margin:0 calc(-1 * var(--fp-gutter, 12px)) 16px;border-bottom:1px solid var(--border)}.rs-stories .stories-bar-container{padding:12px 0}.rs-rail-stories{flex:1;min-height:0;display:flex;flex-direction:column}.rs-rail-stories .stories-bar-container{padding:0;flex:1;min-height:0;display:flex;flex-direction:column}.rs-rail-stories .stories-carousel{flex-direction:column;align-items:center;gap:6px;padding:4px 0 8px;overflow-x:hidden;overflow-y:auto;cursor:default}.rs-rail-stories .story-item{width:auto}.rs-rail-stories .story-avatar-wrapper{width:36px;height:36px}.rs-rail-stories .story-add-badge{width:14px;height:14px;font-size:var(--text-xxs)}.rs-rail-stories .story-avatar-bubble{font-size:var(--text-xs)}.rs-rail-stories .story-username{display:none}.rs-title{margin:0;padding-left:8px;font-size:var(--text-lg);font-weight:800;color:var(--text-main)}.right-sidebar.collapsed .rs-header{justify-content:center;padding:0;margin:0 -.5rem}@media(max-width:1100px){.right-sidebar{display:none}}.mention-suggestions{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:20;display:flex;flex-direction:column;gap:2px;max-width:360px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:var(--shadow-lg)}.mention-suggestion{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-main);font-size:var(--text-base);text-align:left;cursor:pointer}.mention-suggestion.active,.mention-suggestion:hover{background:var(--glass)}.mention-suggestion-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;overflow:hidden;color:#fff;font-size:var(--text-xxs);font-weight:700}.mention-suggestion-avatar.everyone{background:rgba(var(--primary-rgb),.15);color:var(--text-main)}.mention-suggestion-avatar img{width:100%;height:100%;object-fit:cover}.mention-suggestion-name{font-weight:600}.mention-suggestion-note{min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);font-size:var(--text-sm)}.new-messages-line{display:flex;align-items:center;gap:8px;margin:10px 16px 6px;color:#ff4d4d;font-size:var(--text-xxs);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.new-messages-line:before{content:"";flex:1;height:1px;background:currentColor;opacity:.6}.new-messages-line span{padding:2px 8px;border-radius:var(--radius-sm);background:#ff4d4d;color:#fff;letter-spacing:.5px}:root[data-theme=light] .new-messages-line{color:#e5302f}:root[data-theme=light] .new-messages-line span{background:#e5302f}:root .scroll-bottom-btn.has-new.visible{width:auto;gap:6px;padding:0 14px 0 10px;border-radius:var(--radius-full);background:#ff4d4d;border-color:transparent;color:#fff}:root .scroll-bottom-btn.has-new.visible:hover{background:#f03a3a;color:#fff}:root .scroll-bottom-btn.has-new svg{width:18px;height:18px}.jump-new-count{font-size:var(--text-sm);font-weight:700;white-space:nowrap}.chat-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.chat-title-mark{display:flex;align-items:center;flex-shrink:0;font-size:var(--text-2xl);font-weight:500;line-height:1;color:var(--text-dim)}.chat-title-name{font-size:var(--text-lg);font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title-detail{min-width:0;padding-left:10px;border-left:1px solid var(--border);font-size:var(--text-sm);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title-person{display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:none;background:none;color:inherit;cursor:pointer}.chat-title-person:focus-visible{outline:2px solid rgba(var(--primary-rgb),.5);outline-offset:4px;border-radius:var(--radius-sm)}.chat-title-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;color:#fff;font-size:var(--text-xs);font-weight:700}.chat-title-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-title-status{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-dark);background:var(--offline-color)}.chat-title-status.online{background:var(--online-color)}.chat-title-status.away{background:var(--away-color)}.outbox-pending .bd-bubble,.outbox-pending .bd-moment,.outbox-pending .msg-content,.outbox-pending .mobile-msg-content{opacity:.6}.outbox-failed .bd-bubble,.outbox-failed .msg-content,.outbox-failed .mobile-msg-content{opacity:1;box-shadow:inset 0 0 0 1.5px var(--call-red, #ff453a)}.outbox-status{display:flex;align-items:center;gap:6px;margin:3px 4px 0;color:var(--text-dim);font-size:var(--text-xxs);font-weight:600}.bd-row.mine>.outbox-status{justify-content:flex-end}.outbox-status.failed{flex-wrap:wrap;color:var(--call-red, #ff453a)}.outbox-status button{padding:2px 8px;border:none;border-radius:var(--radius-full);background:var(--glass);color:var(--text-main);font:inherit;cursor:pointer}.outbox-clock{width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%;position:relative}.outbox-clock:after{content:"";position:absolute;left:50%;top:1px;width:1.5px;height:4px;margin-left:-.75px;background:currentColor;transform-origin:50% 100%;animation:outbox-tick 1.2s linear infinite}@keyframes outbox-tick{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.outbox-clock:after{animation:none}}.reaction-badge{display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.reaction-badge-item{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--glass);color:var(--text-main);line-height:1.3;cursor:pointer;animation:reactionPop .2s cubic-bezier(.175,.885,.32,1.275);transition:background .15s,border-color .15s,transform .1s}.reaction-badge-item:hover{border-color:var(--border)}.reaction-badge-item:active{transform:scale(.94)}.reaction-badge-item[aria-pressed=true]{border-color:#0a84ff99;background:#0a84ff24}.reaction-badge-emoji{font-size:var(--text-lg)}.reaction-badge-count{font-size:var(--text-xs);font-weight:600;color:var(--text-dim)}.reaction-badge-item[aria-pressed=true] .reaction-badge-count{color:var(--text-main)}@keyframes reactionPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.reaction-picker{display:flex;flex-direction:column;gap:6px}.reaction-picker-quick{display:flex;align-items:center;justify-content:space-between;gap:2px}.reaction-picker-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:transparent;font-size:var(--text-2xl);line-height:1;cursor:pointer;transition:transform .12s,background .12s}.reaction-picker-btn:hover{background:#7f7f7f2e;transform:scale(1.15)}.reaction-picker-btn.mine{background:rgba(var(--primary-rgb),.25)}.reaction-picker-more{color:var(--text-dim);background:#7f7f7f1f}.reaction-picker-more.open{color:var(--primary)}.reaction-picker-grid{display:grid;grid-template-columns:repeat(8,36px);justify-content:space-between;gap:2px;max-height:160px;overflow-y:auto}.msg-context-menu .reaction-picker{padding:2px}.msg-context-menu.touch .reaction-picker{padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.msg-context-menu .reaction-picker-more{color:#aaa}.read-receipts{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:100%}.read-receipts-avatars{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:2px;border:none;border-radius:var(--radius-full);background:transparent;cursor:pointer}.read-receipts-avatars:focus-visible{outline:2px solid rgba(var(--primary-rgb),.5)}.receipt-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid var(--bg-dark);transition:transform .15s ease}@media(hover:hover){.receipt-avatar:hover{transform:scale(1.2)}}.receipt-avatar img{width:100%;height:100%;object-fit:cover;display:block}.receipt-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xxs);font-weight:600}.read-receipts-names{padding:0 4px;font-size:var(--text-xs);color:var(--text-dim);animation:receiptNamesIn .15s ease-out}@keyframes receiptNamesIn{0%{opacity:0;transform:translateY(-2px)}}.md{white-space:normal;overflow-wrap:anywhere}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0}.md p+p,.md p+ul,.md p+ol,.md p+pre,.md p+blockquote{margin-top:.4em}.md strong{font-weight:700}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:.1em .35em;border-radius:var(--radius-sm);background:#7f7f7f2e}.md pre{margin:.4em 0;padding:8px 10px;border-radius:var(--radius-md);background:#7f7f7f24;overflow-x:auto;white-space:pre;overflow-wrap:normal}.md pre code{padding:0;background:none;font-size:.85em}.md blockquote{margin:.3em 0;padding-left:10px;border-left:3px solid rgba(127,127,127,.5);opacity:.85}.md ul,.md ol{margin:.3em 0;padding-left:1.4em}.md li+li{margin-top:.1em}.md h1,.md h2,.md h3{margin:.3em 0 .2em;line-height:1.25;font-weight:700}.md h1{font-size:1.3em}.md h2{font-size:1.15em}.md h3{font-size:1.05em}.md table{display:block;max-width:100%;overflow-x:auto;margin:.4em 0;border-collapse:collapse}.md th,.md td{padding:4px 8px;border:1px solid rgba(127,127,127,.35);text-align:left}.mobile-chat-text-content>.md,.mobile-chat-text-content>.md>p:last-child{display:inline}.md .mention{padding:0 3px;border-radius:var(--radius-xs);background:rgba(var(--primary-rgb),.1);font-weight:600;cursor:pointer}.md .mention:hover{background:rgba(var(--primary-rgb),.18)}.md .mention.me{background:#ffbe0047}.reply-quote{position:relative;display:flex;align-items:baseline;gap:6px;max-width:100%;min-width:0;padding:0;border:none;background:none;color:var(--text-dim);font-size:var(--text-sm);line-height:1.4;text-align:left;cursor:pointer}.reply-quote:disabled{cursor:default}.reply-quote:before{content:"";position:absolute;top:50%;left:calc(-1 * var(--reply-gutter, 34px));width:calc(var(--reply-gutter, 34px) - 6px);height:12px;border-top:2px solid var(--border);border-left:2px solid var(--border);border-top-left-radius:6px}.reply-quote-user{flex-shrink:0;font-weight:600;color:var(--text-main);opacity:.8}.reply-quote-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-quote-text.aside{font-style:italic}.reply-quote:not(:disabled):hover .reply-quote-text,.reply-quote:focus-visible .reply-quote-text{color:var(--text-main)}.reply-quote:focus-visible{outline:2px solid rgba(var(--primary-rgb),.5);outline-offset:2px;border-radius:var(--radius-xs)}.replying-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 6px 12px;border-radius:var(--radius-md);background:var(--glass);color:var(--text-dim);font-size:var(--text-md)}.replying-bar-label{display:flex;align-items:center;gap:8px;min-width:0}.replying-bar-label strong{color:var(--text-main)}.replying-bar-cancel{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-dim);cursor:pointer}.replying-bar-cancel:hover{background:var(--glass);color:var(--text-main)}.pinned-bar{position:relative;flex-shrink:0;margin:10px 16px 0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--glass);z-index:60}.pinned-bar-summary{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-main);font:inherit;font-size:var(--text-md);text-align:left;cursor:pointer}.pinned-bar-summary>svg{flex-shrink:0;color:#f0a500}.pinned-bar-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dim)}.pinned-bar-text b{color:var(--text-main);font-weight:600}.pinned-bar-count{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--text-dim);font-size:var(--text-xs);font-weight:600}.pinned-bar-count svg{transition:transform .2s}.pinned-bar-count svg.flipped{transform:rotate(180deg)}.pinned-list{position:absolute;top:100%;left:0;right:0;max-height:min(60vh,420px);overflow-y:auto;margin:6px 0 0;padding:6px;list-style:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.pinned-item{display:flex;align-items:flex-start;border-radius:var(--radius-md)}.pinned-item:hover{background:var(--glass)}.pinned-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:none;background:transparent;color:var(--text-main);font:inherit;text-align:left;cursor:pointer}.pinned-item-head{display:flex;gap:8px;align-items:baseline;font-size:var(--text-sm)}.pinned-item-head span,.pinned-item-by{color:var(--text-dim);font-size:var(--text-xs)}.pinned-item-text{font-size:var(--text-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.pinned-item-unpin{flex-shrink:0;width:32px;height:32px;margin:6px 4px 0 0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-dim);font-size:var(--text-2xl);cursor:pointer}.pinned-item-unpin:hover{background:var(--glass);color:var(--text-main)}.pinned-note{display:flex;align-items:center;gap:4px;margin-bottom:2px;color:#f0a500;font-size:var(--text-xs);font-weight:600}:root[data-theme=light] .pinned-bar-summary>svg,:root[data-theme=light] .pinned-note{color:#b77900}.forwarded-note{display:flex;align-items:center;gap:4px;margin-bottom:2px;color:var(--text-dim);font-size:var(--text-xs);font-style:italic}.forward-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:#00000080}.forward-dialog{width:min(420px,calc(100vw - 32px));max-height:min(600px,calc(100vh - 64px));display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--bg-panel);color:var(--text-main);box-shadow:var(--shadow-xl);overflow:hidden}.forward-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.forward-header h3{margin:0;font-size:var(--text-lg)}.forward-close{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-dim);font-size:var(--text-3xl);cursor:pointer}.forward-close:hover{background:var(--glass);color:var(--text-main)}.forward-preview{display:flex;gap:6px;margin:4px 16px 10px;padding:8px 10px;border-left:3px solid var(--border);border-radius:var(--radius-sm);background:var(--glass);font-size:var(--text-md);min-width:0}.forward-preview span{color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-search{margin:0 16px 8px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--glass);color:var(--text-main);font:inherit;font-size:var(--text-md);outline:none}.forward-search:focus{border-color:var(--text-dim)}.forward-list{flex:1;min-height:120px;overflow-y:auto;margin:0;padding:0 8px;list-style:none;overscroll-behavior:contain}.forward-chat{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-main);font:inherit;text-align:left;cursor:pointer}.forward-chat:hover:not(:disabled),.forward-chat.chosen{background:var(--glass)}.forward-chat:disabled{opacity:.4;cursor:default}.forward-avatar{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:700}.forward-avatar.channel{border-radius:var(--radius-md);background:var(--glass);color:var(--text-dim)}.forward-avatar img{width:100%;height:100%;object-fit:cover}.forward-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-check{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:50%;font-size:var(--text-xs);font-weight:800}.forward-chat.chosen .forward-check{border-color:var(--primary);background:var(--primary);color:var(--bg-dark)}.forward-empty{padding:16px;color:var(--text-dim);text-align:center;font-size:var(--text-md)}.forward-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--text-dim);font-size:var(--text-sm)}.forward-send{padding:9px 22px;border:none;border-radius:var(--radius-2xl);background:var(--primary);color:var(--bg-dark);font:inherit;font-weight:700;cursor:pointer}.forward-send:disabled{opacity:.35;cursor:default}@media(max-width:600px){.forward-overlay{align-items:flex-end}.forward-dialog{width:100%;max-height:85vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none}}.voice-player{display:flex;align-items:center;gap:10px;width:min(320px,100%);padding:8px 10px 8px 8px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--glass)}.voice-play{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:var(--primary);color:var(--bg-dark);cursor:pointer}.voice-play svg{margin-left:1px}.voice-player.playing .voice-play svg{margin-left:0}.voice-bars{flex:1;min-width:0;height:30px;display:flex;align-items:center;gap:1px;overflow:hidden;cursor:pointer;touch-action:none}.voice-bars span{flex:1;min-width:1px;border-radius:2px;background:var(--text-dim);opacity:.45}.voice-bars span.played{background:var(--text-main);opacity:1}.voice-time{flex-shrink:0;min-width:34px;color:var(--text-dim);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.voice-speed{flex-shrink:0;min-width:34px;padding:3px 6px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-dim);font:inherit;font-size:var(--text-xxs);font-weight:700;cursor:pointer}.voice-recording{position:absolute;inset:0;z-index:20;display:flex;align-items:center;gap:12px;padding:0 16px;background:inherit}.voice-recording-cancel,.voice-recording-pause,.voice-recording-send{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;cursor:pointer}.voice-recording-cancel{background:transparent;color:var(--text-dim)}.voice-recording-pause{border:1px solid var(--border);background:transparent;color:var(--text-main)}.voice-recording-pause:hover{background:var(--glass)}.voice-recording-cancel:hover{color:#ff4d4d}.voice-recording-send{background:var(--primary);color:var(--bg-dark)}.voice-recording-dot{width:10px;height:10px;border-radius:50%;background:#ff4d4d;animation:voice-recording-pulse 1.2s ease-in-out infinite}.voice-recording.paused .voice-recording-dot{animation:none;background:var(--text-dim)}.voice-recording-levels span.voice-recording-paused{flex:none;background:none;opacity:1;color:var(--text-dim);font-size:var(--text-sm);font-weight:600}@keyframes voice-recording-pulse{50%{opacity:.3}}.voice-recording-time{color:var(--text-main);font-size:var(--text-md);font-variant-numeric:tabular-nums}.voice-recording-levels{flex:1;min-width:0;height:28px;display:flex;align-items:center;justify-content:flex-end;gap:2px;overflow:hidden}.voice-recording-levels span{flex:0 0 3px;border-radius:2px;background:var(--text-main);opacity:.7}.voice-mic-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center}.embed-spotify-card{display:flex;align-items:center;gap:12px;width:100%;height:152px;margin-top:8px;padding:16px;border:none;border-radius:var(--radius-lg);background:#1f3b2a;color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.embed-spotify-card:active{opacity:.85}.embed-spotify-card img,.embed-spotify-art{flex:none;width:120px;height:120px;border-radius:var(--radius-md);object-fit:cover}.embed-spotify-art{background:#1db954}.embed-spotify-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.embed-spotify-text b{overflow:hidden;font-size:var(--text-lg);font-weight:700;white-space:nowrap;text-overflow:ellipsis}.embed-spotify-text span{display:-webkit-box;overflow:hidden;font-size:var(--text-sm);opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical}.embed-spotify-text em{font-size:var(--text-xs);font-style:normal;opacity:.7}.embed-spotify-play{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:50%;background:#1db954;color:#000}.emoji-button-wrap{display:contents}.emoji-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-dim);cursor:pointer}.emoji-button:hover,.emoji-button.open{color:var(--text-main);background:var(--glass)}.emoji-picker{position:absolute;bottom:calc(100% + 8px);right:12px;z-index:30;width:352px;max-width:calc(100% - 24px);height:380px;max-height:55vh;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);box-shadow:var(--shadow-xl);overflow:hidden}.emoji-picker-search{margin:10px 10px 6px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--glass);color:var(--text-main);font:inherit;font-size:var(--text-md);outline:none}.emoji-picker-search:focus{border-color:var(--text-dim)}.emoji-picker-tabs{display:flex;justify-content:space-between;padding:0 6px 4px;border-bottom:1px solid var(--border)}.emoji-picker-tab{flex:1;height:32px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;font-size:var(--text-xl);cursor:pointer;filter:grayscale(.6)}.emoji-picker-tab:hover{background:var(--glass);filter:none}.emoji-picker-scroll{position:relative;flex:1;overflow-y:auto;padding:0 6px 8px;overscroll-behavior:contain}.emoji-picker-section{content-visibility:auto;contain-intrinsic-size:auto 300px}.emoji-picker-section h6{position:sticky;top:0;margin:0;padding:8px 6px 4px;background:var(--bg-panel);color:var(--text-dim);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;z-index:1}.emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.emoji-picker-emoji{height:38px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;font-size:var(--text-3xl);line-height:1;cursor:pointer}.emoji-picker-emoji:hover,.emoji-picker-emoji:focus-visible{background:var(--glass)}.emoji-picker-note{margin:24px 0;text-align:center;color:var(--text-dim);font-size:var(--text-md)}@media(max-width:600px){.emoji-picker{left:8px;right:8px;width:auto;max-width:none}}.lightbox-overlay{position:fixed;inset:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:radial-gradient(circle,#0f0f0ff0,#050505fa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:lightboxFadeIn .3s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;touch-action:none}@keyframes lightboxFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.lightbox-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.lightbox-track{position:absolute;top:0;left:-100%;display:flex;width:300%;height:100%;will-change:transform}.lightbox-slide{flex:0 0 33.3333%;width:33.3333%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-image-wrapper,.lightbox-video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.lightbox-img{width:100%;height:100%;max-width:100vw;max-height:100vh;object-fit:contain;border-radius:0;box-shadow:none;display:block;transform-origin:center center;transform:translateZ(0) scaleZ(1);transition:transform .15s cubic-bezier(.2,0,.2,1);cursor:zoom-in;touch-action:none;-webkit-user-drag:none}.lightbox-video{width:100%;height:100%;max-width:100vw;max-height:100vh;object-fit:contain;border-radius:0;box-shadow:none;outline:none;background:#000}.lightbox-img.dragging{cursor:grabbing!important}.lightbox-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.premium-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.08);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.lightbox-file-card{background:#14141499;border:1px solid rgba(255,255,255,.08);padding:3rem 2.5rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:320px;box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:cardSlideIn .5s cubic-bezier(.16,1,.3,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lightbox-file-icon{color:#fff;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:1.75rem;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center}.lightbox-file-name{color:#fff;font-size:var(--text-xl);font-weight:600;text-align:center;margin:0}.lightbox-file-meta{color:#fff6;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1.5px;margin:0}.lightbox-controls{position:absolute;inset:0;pointer-events:none;z-index:20;transition:opacity .2s ease}.lightbox-controls.hidden{opacity:0}.lightbox-controls.hidden *{pointer-events:none!important}.lightbox-controls.visible{opacity:1}.lightbox-top-bar{position:absolute;top:0;left:0;right:0;padding:24px 32px;padding-top:calc(24px + env(safe-area-inset-top));background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.lightbox-title{flex:1;min-width:0;margin:0 16px;text-align:center;color:#fff;font-size:var(--text-base);font-weight:500;opacity:.85;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.25px}.lightbox-top-actions{display:flex;gap:12px}.lightbox-top-btn{flex:none;background:#ffffff24;border:1px solid rgba(255,255,255,.14);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px);padding:0}.lightbox-top-btn:hover{background:#fff;color:#000;transform:scale(1.05);border-color:#fff}.lightbox-top-btn:active{transform:scale(.95)}.lightbox-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;pointer-events:none}.lightbox-nav-btn{width:52px;height:52px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#ffffffb3;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lightbox-nav-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d;transform:scale(1.08)}.lightbox-nav-btn:active{transform:scale(.95)}.lightbox-zoom-indicator{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#0f0f0fd9;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-md);display:none;align-items:center;gap:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);pointer-events:auto;animation:zoomBadgeIn .3s cubic-bezier(.16,1,.3,1)}.lightbox-zoom-indicator.visible{display:flex}@keyframes zoomBadgeIn{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.zoom-reset-btn{background:#ffffff1a;border:none;color:#fff;padding:3px 10px;border-radius:var(--radius-2xl);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s}.zoom-reset-btn:hover{background:#fff;color:#000}@media(max-width:768px){.lightbox-nav{display:none}.lightbox-top-bar{padding:16px;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);justify-content:space-between}.lightbox-top-bar.apple{padding-top:32px}.lightbox-title{visibility:hidden}.lightbox-image-wrapper,.lightbox-video-wrapper{padding:0}.lightbox-img,.lightbox-video{max-width:100vw;max-height:100vh;border-radius:0}}.lightbox-ambient-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;animation:ambientFadeIn .8s cubic-bezier(.2,0,.2,1) forwards;animation-delay:.1s}@keyframes ambientFadeIn{to{opacity:.65}}.lightbox-ambient-backdrop img,.lightbox-ambient-backdrop video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.15);width:100%;height:100%;object-fit:cover;filter:blur(50px) saturate(1.7) brightness(.55);pointer-events:none;will-change:transform}.backdrop-scrim{position:absolute;inset:0;background:radial-gradient(circle at center,#0003,#0009);z-index:1;pointer-events:none}.chat-header{flex-shrink:0;display:flex;align-items:center;gap:1rem;height:var(--composer-bar-height, 77px);padding:0 1.25rem 0 1.5rem;border-bottom:1px solid var(--sidebar-border)}.chat-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.chat-header-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.chat-header-btn:hover{background:var(--glass);color:var(--text-main)}.chat-header-btn:focus-visible{outline:2px solid rgba(var(--primary-rgb),.5)}.chat-header-btn.active{background:rgba(var(--primary-rgb),.1);color:var(--text-main)}.chat-header-btn.muted{opacity:.55}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem 0 1.5rem;display:flex;flex-direction:column-reverse}.media-gallery-panel{position:absolute;top:calc(var(--composer-bar-height, 77px) + var(--voice-bar-height, 0px) + 8px);right:1.25rem;width:400px;background:#1e1e1e;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:999;color:#fff;display:flex;flex-direction:column;max-height:600px;overflow:hidden;transform:translateY(-20px) scale(.95);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}:root[data-theme=light] .media-gallery-panel{background:#fff;color:#1a1a1a;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.media-gallery-panel.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.media-gallery-header{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}:root[data-theme=light] .media-gallery-header{border-bottom-color:#0000000d}.media-gallery-header h4{margin:0;font-size:var(--text-md);font-weight:700}.close-media{background:transparent;border:none;font-size:var(--text-3xl);cursor:pointer;line-height:1;color:#888}.media-filters{display:flex;gap:4px;padding:.6rem .75rem 0;flex-shrink:0}.media-filter{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;padding:5px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-dim);font-size:var(--text-xs);font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease}.media-filter:hover{background:#ffffff0f;color:var(--text-main)}.media-filter.active{background:#ffffff1a;color:var(--text-main)}:root[data-theme=light] .media-filter:hover{background:#0000000a}:root[data-theme=light] .media-filter.active{background:#00000012}.media-filter-count{font-size:var(--text-xxs);font-weight:700;opacity:.55}.media-gallery-content{padding:.75rem;overflow-y:auto;flex:1}.media-gallery-content.media-months{padding-top:0}.media-group+.media-group{margin-top:.25rem}.media-group-label{margin:0 0 .5rem;font-size:var(--text-xxs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);position:sticky;top:0;z-index:1;padding:.75rem 0 .35rem;background:#1e1e1e}:root[data-theme=light] .media-group-label{background:#fff}.media-loading-more{display:flex;justify-content:center;padding:.9rem 0 .3rem}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.media-thumb{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:#ffffff0d}:root[data-theme=light] .media-thumb{background:#f0f0f0}.media-thumb{position:relative}.media-thumb:focus-visible{outline:2px solid var(--text-main);outline-offset:2px}.media-thumb img,.media-thumb video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.media-thumb:hover img,.media-thumb:hover video{transform:scale(1.1)}.media-thumb-play{position:absolute;right:5px;bottom:5px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;pointer-events:none}.media-thumb-download{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-sm);background:#0009;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease}.media-thumb:hover .media-thumb-download,.media-thumb:focus-visible .media-thumb-download,.media-thumb-download:focus-visible{opacity:1}.media-thumb-download:hover{background:#000c}@media(hover:none){.media-thumb-download{opacity:1}}.media-thumb-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:6px;box-sizing:border-box;transition:transform .2s}.media-thumb:hover .media-thumb-file{transform:scale(1.06)}.media-thumb-file-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:38px;height:38px;border-radius:var(--radius-md);flex-shrink:0}.media-thumb-file-ext{color:#fff;font-size:8px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;line-height:1}.media-thumb-file-name{max-width:100%;font-size:var(--text-xxs);color:var(--text-dim);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-tooltip{position:fixed;z-index:1200;width:240px;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius-md);background:#141416f2;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translate(-100%,-50%);pointer-events:none;animation:media-tooltip-in .14s ease-out}.media-tooltip.flip{transform:translateY(-50%)}:root[data-theme=light] .media-tooltip{background:#fffffff7;border-color:#00000014;box-shadow:var(--shadow-lg)}.media-tooltip-name{font-size:var(--text-xs);font-weight:600;color:var(--text-main);overflow-wrap:anywhere}.media-tooltip-meta{font-size:var(--text-xxs);color:var(--text-dim)}@keyframes media-tooltip-in{0%{opacity:0}to{opacity:1}}@media(hover:none){.media-tooltip{display:none}}.media-empty{text-align:center;padding:2rem 0;color:#888}.media-empty svg{margin-bottom:.5rem;opacity:.3}.search-panel{top:5rem;right:2rem;height:calc(100vh - 12rem)}.search-input-container{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}:root[data-theme=light] .search-input-container{border-bottom-color:#0000000d}.search-input-container form{position:relative;display:flex;align-items:center}.search-input-container .profile-input{width:100%;padding:12px 48px 12px 16px;border-radius:var(--radius-lg);background:#0003;border:1px solid var(--border);color:var(--text-main);font-size:var(--text-base);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;margin-bottom:0}:root[data-theme=light] .search-input-container .profile-input{background:#0000000d;border-color:#0000001a}.search-input-container .profile-input:focus{background:#0006;border-color:var(--primary);box-shadow:0 0 0 4px var(--glass)}:root[data-theme=light] .search-input-container .profile-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #0000000d}.search-submit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)!important;background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:8px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s}.search-submit-btn:hover{color:var(--primary);background:var(--glass);transform:translateY(-50%) scale(1.05)!important}.search-submit-btn:disabled{cursor:default;opacity:.7}.search-results-list{display:flex;flex-direction:column;gap:.5rem}.search-result-item{display:flex;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}:root[data-theme=light] .search-result-item{background:#00000005;border-color:#0000000d}.search-result-item:hover{background:#ffffff0d;border-color:var(--primary);transform:translate(-4px)}:root[data-theme=light] .search-result-item:hover{background:#0000000d}.search-result-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.search-result-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm);font-weight:700}.search-result-info{flex:1;min-width:0}.search-result-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.search-result-user{font-size:var(--text-md);font-weight:700;color:var(--primary)}.search-result-date{font-size:var(--text-xxs);color:var(--text-dim)}.search-result-text{font-size:var(--text-md);line-height:1.4;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#fff3}.msg-wrapper{position:relative;display:flex;align-items:flex-start;gap:14px;margin-top:1rem;padding:2px 1.5rem}.msg-wrapper.consecutive{margin-top:0}.msg-wrapper:hover,.msg-wrapper:has(.msg-content.selected){background:rgba(var(--primary-rgb),.04)}.msg-wrapper.addressed,.msg-wrapper.addressed:hover{background:#ffbe0014;box-shadow:inset 2px 0 #ffbe00d9}.msg-wrapper{--reply-gutter: 34px}.msg-wrapper.has-reply .msg-avatar-container{margin-top:24px}.msg-actions{position:absolute;top:-14px;right:1.5rem;display:flex;padding:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:var(--shadow-sm);opacity:0;visibility:hidden}.msg-wrapper:hover .msg-actions,.msg-actions:focus-within,.msg-actions.open{opacity:1;visibility:visible}.msg-action-btn{width:30px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.msg-action-btn:hover,.msg-action-btn.open{background:var(--glass);color:var(--text-main)}.msg-action-btn:focus-visible{outline:2px solid rgba(var(--primary-rgb),.5)}@media(hover:none){.msg-actions{display:none}}.msg-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.msg-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:0}.msg-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;min-width:0;line-height:1.45;border-radius:var(--radius-sm);animation:messageIn .2s ease-out backwards}.msg-header{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.msg-user{font-size:var(--text-base);font-weight:700;color:var(--text-main);cursor:pointer}.msg-user:hover{text-decoration:underline}.msg-time{font-size:var(--text-xs);color:var(--text-dim)}.msg-gutter-time{flex-shrink:0;width:40px;padding-top:4px;font-size:var(--text-xxs);line-height:1.45;text-align:right;white-space:nowrap;color:var(--text-dim);opacity:0}.msg-wrapper:hover .msg-gutter-time{opacity:1}.msg-text{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;max-width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.msg-edited-tag{font-size:var(--text-xxs);color:var(--text-dim)}.msg-avatar-container{position:relative;width:40px;height:40px;flex-shrink:0;margin-top:2px;cursor:pointer}.msg-avatar{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden}.status-icon{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-dark);background-color:var(--offline-color)}.status-icon.online{background-color:var(--online-color)}.status-icon.away{background-color:var(--away-color)}.avatar-img-tiny{width:100%;height:100%;object-fit:cover}.chat-input-area{min-height:var(--composer-bar-height, auto);padding:1rem;background:var(--bg-dark);border-top:1px solid var(--border);display:flex;align-items:center;gap:1rem;position:relative;z-index:10}.btn-attachment{background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border-radius:50%;transition:all .2s}.chat-input-area.replying{flex-wrap:wrap}.chat-input-area .replying-bar{width:100%;margin-bottom:-.25rem}.chat-input-area .mention-suggestions{left:calc(2rem + 40px);right:auto;width:320px}.chat-input-area.editing{flex-wrap:wrap;background:#ffffff05;border-top-color:var(--primary)}.edit-indicator{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--glass);border-radius:var(--radius-md);margin-bottom:.75rem;border:1px solid var(--border);animation:slideDown .2s ease-out}.edit-info{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:var(--text-md);font-weight:600}.btn-cancel-edit{background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s}.btn-cancel-edit:hover{background:#ffffff1a;color:#ff4d4d}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.btn-attachment:hover{background:var(--glass);color:var(--text-main)}.msg-attachment,.msg-embed{max-width:100%;border-radius:var(--radius-md);overflow:hidden}.chat-img{max-width:min(100%,520px);max-height:380px;border-radius:var(--radius-md);cursor:pointer;display:block;transition:transform .2s;object-fit:contain}.chat-img:hover{transform:scale(1.01)}.chat-video{max-width:min(100%,520px);max-height:380px;border-radius:var(--radius-md);display:block}.file-pill{display:flex;align-items:center;gap:12px;background:var(--glass);border:1px solid var(--border);padding:10px 12px 10px 10px;border-radius:var(--radius-xl);cursor:pointer;transition:all .18s ease;max-width:300px;min-width:200px;text-decoration:none}.file-pill:hover{filter:brightness(1.1);transform:translateY(-1px)}.file-pill-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0}.file-pill-ext{color:#fff;font-size:8px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;line-height:1}.file-pill-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1;min-width:0}.file-pill-name{font-size:var(--text-md);font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.file-pill-type{font-size:var(--text-xs);color:var(--text-dim);opacity:.7}.file-pill-arrow{color:var(--text-dim);flex-shrink:0;opacity:.5}.spinner-tiny{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-attachment.loading{opacity:.7;cursor:not-allowed}.btn-send{background:var(--primary);color:var(--bg-dark);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--glass)}.btn-send:disabled{opacity:.3;cursor:default;box-shadow:none}.btn-send:not(:disabled):hover{transform:scale(1.05) translateY(-1px);box-shadow:0 6px 16px var(--glass);filter:brightness(.9)}.btn-send:not(:disabled):active{transform:scale(.95)}.btn-send svg{display:block}.chat-input-area textarea{flex:1;background:#ffffff08;border:1px solid var(--border);padding:.8rem 1.5rem;border-radius:var(--radius-full);color:var(--text-main);font-size:var(--text-lg);transition:border-color .2s,background .2s;box-shadow:inset 0 2px 4px #0000001a;resize:none;min-height:44px;max-height:200px;line-height:1.5;overflow-y:hidden;font-family:inherit}.chat-input-area textarea:focus{border-color:var(--primary);background:#ffffff0d;outline:none;box-shadow:0 0 0 2px #ffffff0d}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-preview-container{width:100%;max-height:250px;border-radius:var(--radius-lg);background:#ffffff08;border:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-top:1rem}.upload-preview-img{width:100%;height:100%;object-fit:contain}.upload-preview-generic{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--text-dim)}.upload-preview-generic svg{color:var(--primary)}.upload-preview-generic p{font-size:var(--text-md);color:var(--text-main)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.date-divider{display:flex;align-items:center;justify-content:center;margin:1.5rem 1.5rem .5rem;position:relative}.date-divider:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--border);z-index:0}.date-divider span{background:var(--bg-dark);padding:.5rem 1.2rem;border-radius:var(--radius-2xl);font-size:var(--text-xs);font-weight:600;color:var(--text-dim);border:1px solid var(--border);position:relative;z-index:1;text-transform:uppercase;letter-spacing:.5px}.file-preview-card{background:var(--bg-panel);border:1px solid var(--border);padding:3rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:300px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.file-icon-large{color:var(--primary);background:var(--glass);padding:2rem;border-radius:50%}.file-name-display{color:var(--text-main);font-size:var(--text-2xl);font-weight:600;text-align:center}.file-meta-display{color:var(--text-dim);font-size:var(--text-md);text-transform:uppercase;letter-spacing:1px}.scroll-bottom-btn{position:absolute;bottom:100px;right:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2000;transform:translateY(20px);border:1px solid var(--border)}.scroll-bottom-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-bottom-btn:hover{transform:translateY(-4px) scale(1.1);background:#323232;border-color:var(--primary);box-shadow:var(--shadow-lg)}:root[data-theme=light] .scroll-bottom-btn{background:#f4f0eceb;box-shadow:var(--shadow-lg)}:root[data-theme=light] .scroll-bottom-btn:hover{background:#f4f0ec;box-shadow:var(--shadow-lg);color:#000}.scroll-bottom-btn:active{transform:scale(.9)}.scroll-bottom-btn svg{stroke-width:3px;width:24px;height:24px}.msg-context-overlay{position:fixed;inset:0;background:transparent;z-index:4000}.msg-context-menu{position:absolute;background:#191919f2;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:8px;min-width:180px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:scaleIn .2s cubic-bezier(.4,0,.2,1);z-index:4001}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;transition:all .2s;text-align:left}.menu-item:hover{background:#ffffff14}.menu-item.delete{color:#ff4d4d}.menu-item.delete:hover{background:#ff4d4d1a}.menu-item svg{opacity:.7}.msg-content.highlighted{animation:msgHighlightPulse 3s ease-out forwards}@keyframes msgHighlightPulse{0%{box-shadow:0 0 #ffd60000;background-color:#ffd6001a}15%{box-shadow:0 0 20px 8px #ffd60066;background-color:#ffd60033}40%{box-shadow:0 0 12px 4px #ffd60040;background-color:#ffd6001f}65%{box-shadow:0 0 18px 6px #ffd60059;background-color:#ffd6002e}to{box-shadow:0 0 #ffd60000;background-color:transparent}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.typing-indicator-container{padding:8px 16px;background:transparent;display:flex;align-items:center;justify-content:flex-start;animation:fadeIn .3s ease}.typing-indicator-container.overlay.badge{position:absolute;top:-14px;left:4.5rem;z-index:1000;pointer-events:none;padding:0;display:flex;justify-content:flex-start}.typing-indicator-container.overlay.badge .typing-indicator-bubble{background:var(--primary);color:#1a1a1a;font-weight:700;font-size:var(--text-xxs);padding:4px 12px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275)}:root[data-theme=light] .typing-indicator-container.overlay.badge .typing-indicator-bubble{color:#fff}:root[data-theme=light] .typing-indicator-container.overlay.badge .typing-dots span{color:#fff}@keyframes badgePop{0%{transform:scale(.5) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.typing-indicator-bubble{background:#ffffff0d;border-radius:var(--radius-lg);padding:6px 12px;display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05)}.typing-dots{display:flex;gap:2px}.typing-dots span{animation:typing 1.4s infinite ease-in-out both;font-weight:700;font-size:var(--text-2xl);line-height:.5;color:var(--success)}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.empty-chat-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:3rem;color:var(--text-dim);animation:emptyStateFadeIn .8s ease-out;transform:scale(1);align-self:center;width:100%}.empty-chat-icon{margin-bottom:1.5rem;color:var(--primary);background:var(--glass);padding:2rem;border-radius:50%;border:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.empty-chat-state h2{color:var(--text-main);font-size:var(--text-3xl);margin-bottom:.5rem;font-weight:700}.empty-chat-state p{font-size:var(--text-lg);max-width:300px;line-height:1.5;opacity:.7;color:var(--text-dim)}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-group{content-visibility:auto;contain-intrinsic-size:auto 240px}.media-thumb-nostill{width:100%;height:100%;background:#ffffff14}.chat-header-members{display:flex;align-items:center;flex-shrink:0;padding-right:14px;margin-right:2px;border-right:1px solid var(--border)}.chat-header-member{width:26px;height:26px;margin-left:-7px;border-radius:50%;box-shadow:0 0 0 2px var(--bg-dark);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-size:var(--text-xxs);font-weight:800}.chat-header-member:first-child{margin-left:0}.chat-header-member img{width:100%;height:100%;object-fit:cover}.chat-header-member-count{margin-left:8px;font-size:var(--text-xs);font-weight:700;color:var(--text-dim)}.login-overlay{position:fixed;inset:0;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.login-card{--text-main: #ffffff;--text-dim: rgba(255, 255, 255, .5);--border: var(--border);background:transparent;padding:2rem 1.5rem;border-radius:0;border:none;width:100%;max-width:380px;box-shadow:none;text-align:center;backdrop-filter:none;-webkit-backdrop-filter:none;animation:slideUp .6s cubic-bezier(.16,1,.3,1);position:relative;color:var(--text-main)}.login-card h3,.login-card h2{color:#fff;margin-bottom:.5rem}.login-card label{color:#fffc;font-size:var(--text-md);font-weight:600;text-align:left;display:block;margin-bottom:.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card .app-branding{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2.5rem;transition:transform .3s ease;width:100%}.app-branding:hover{transform:scale(1.02)}.login-card .app-title{font-size:2.2rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0;white-space:nowrap;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.login-card .app-logo{width:72px;height:72px;margin-bottom:.75rem}.login-input-group{display:flex;flex-direction:column;gap:1.25rem}.input-wrapper{position:relative;display:flex;align-items:center;transition:all .3s ease}.input-wrapper:focus-within{transform:scale(1.01)}.login-input-group input{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1.1rem 1.25rem;border-radius:var(--radius-xl);color:#fff;font-size:var(--text-lg);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-input-group input:focus{outline:none;background:#ffffff0d;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff08,0 10px 20px -10px #00000080,0 0 15px #ffffff0d}.login-input-group input::placeholder{color:#ffffff4d}.login-input-group input:-webkit-autofill,.login-input-group input:-webkit-autofill:hover,.login-input-group input:-webkit-autofill:focus,.login-input-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(27,27,27,1) inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff;transition:background-color 5000s ease-in-out 0s}:root[data-theme=light] .login-input-group input:-webkit-autofill,:root[data-theme=light] .login-input-group input:-webkit-autofill:hover,:root[data-theme=light] .login-input-group input:-webkit-autofill:focus,:root[data-theme=light] .login-input-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(244,240,236,1) inset!important;-webkit-text-fill-color:#000!important;caret-color:#000}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#fff6;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:var(--radius-md)}.password-toggle:hover{color:#fff;background:#ffffff1a}.btn-primary{position:relative;background:#fff;color:#000;border:none;border-radius:var(--radius-xl);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;overflow:hidden}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px -10px #ffffff4d;background:#f8f8f8}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;background:#ffffff1a;color:#ffffff4d}.form-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.75rem;border-radius:var(--radius-lg);font-size:var(--text-md);margin-top:.5rem;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card .app-title{background:linear-gradient(135deg,var(--text-main) 0%,var(--text-dim) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-card .app-logo{filter:none;opacity:1}.login-input-group input{background:var(--glass);border:1px solid var(--border);color:var(--text-main)}.login-input-group input::placeholder{color:var(--text-dim);opacity:.5}.login-input-group input:focus{background:#ffffff05;border-color:var(--text-main);box-shadow:0 0 0 4px var(--glass)}:root[data-theme=light] .login-input-group input:focus{background:#00000005}.login-card .btn-primary{background:var(--text-main);color:var(--bg-dark);box-shadow:0 10px 20px var(--glass)}.login-card .btn-primary:hover:not(:disabled){background:var(--text-main);box-shadow:0 15px 25px var(--glass);transform:translateY(-2px)}.login-card .password-toggle{color:var(--text-dim)}.login-card .password-toggle:hover{color:var(--text-main);background:var(--glass)}.login-card .btn-logout{background:var(--glass);border:1px solid var(--border);color:var(--text-main)}.login-card .btn-logout:hover{background:var(--glass);opacity:.9}.app-subtitle{font-size:var(--text-base);color:var(--text-dim);margin-top:.5rem;font-weight:400}.forgot-password-link-wrapper{text-align:right;margin-top:-.25rem}.link-btn{background:none;border:none;color:var(--text-dim);font-size:var(--text-md);cursor:pointer;padding:6px 12px;border-radius:var(--radius-md);transition:all .2s ease;font-weight:500}.link-btn:hover{color:#fff;background:#ffffff0d}:root[data-theme=light] .link-btn:hover{color:#000;background:#0000000d}.link-btn.secondary{font-size:var(--text-md);color:var(--text-dim)}.form-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e;padding:.75rem;border-radius:var(--radius-lg);font-size:var(--text-md);margin-top:.5rem;animation:slideUp .3s ease}:root[data-theme=light] .login-card{--text-main: #1a1a1a;--text-dim: rgba(0, 0, 0, .45);--glass: rgba(0, 0, 0, .04);--border: rgba(0, 0, 0, .12)}:root[data-theme=light] .login-card h3,:root[data-theme=light] .login-card h2{color:#1a1a1a}:root[data-theme=light] .login-card label{color:#000000bf}:root[data-theme=light] .login-card .app-title{background:linear-gradient(135deg,#1a1a1a,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none}:root[data-theme=light] .login-input-group input::placeholder{color:#0000004d;opacity:1}:root[data-theme=light] .login-input-group input:focus{background:#00000008;border-color:#0006;box-shadow:0 0 0 4px #0000000a,0 10px 20px -10px #0000001f}:root[data-theme=light] .login-card .password-toggle{color:#00000059}:root[data-theme=light] .login-card .password-toggle:hover{color:#000;background:#0000000d}:root[data-theme=light] .login-card .btn-primary{background:#1a1a1a;color:#f4f0ec;box-shadow:var(--shadow-lg)}:root[data-theme=light] .login-card .btn-primary:hover:not(:disabled){background:#333;box-shadow:0 15px 30px -10px #00000040}:root[data-theme=light] .login-card .btn-primary:disabled{background:#00000014;color:#0000004d}:root[data-theme=light] .login-card .spinner{border-color:#00000026;border-top-color:#f4f0ec}.update-banner{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-panel);color:var(--text-main);box-shadow:var(--shadow-lg);font-size:var(--text-md);animation:updateBannerIn .25s ease-out}.update-banner-text{min-width:0}.update-banner-reload{flex-shrink:0;padding:6px 14px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--bg-dark);font-weight:600;font-size:var(--text-md);cursor:pointer}.update-banner-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-dim);cursor:pointer}.update-banner-close:hover{background:#7f7f7f2e;color:var(--text-main)}@keyframes updateBannerIn{0%{opacity:0;transform:translate(-50%,-8px)}}.ios-install-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;background:#00000080;animation:ios-install-fade .2s ease-out}.ios-install-sheet{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:20px 20px calc(16px + env(safe-area-inset-bottom,0px));border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background:var(--bg-panel);color:var(--text-main);box-shadow:0 -12px 40px #0006;animation:ios-install-up .3s cubic-bezier(.23,1,.32,1)}.ios-install-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.ios-install-header>div{flex:1;min-width:0}.ios-install-app-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-lg);border:1px solid var(--border)}.ios-install-header h3{margin:0 0 2px;font-size:var(--text-xl);font-weight:700}.ios-install-header p{margin:0;color:var(--text-dim);font-size:var(--text-md);line-height:1.35}.ios-install-close{align-self:flex-start;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:var(--glass);color:var(--text-dim);cursor:pointer}.ios-install-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.ios-install-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-xl);background:var(--glass)}.ios-install-step-number{flex-shrink:0;width:22px;color:var(--text-dim);font-size:var(--text-md);font-weight:700;text-align:center}.ios-install-step-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-dark);color:#0a84ff}:root[data-theme=light] .ios-install-step-icon{color:#007aff}.ios-install-step-text{flex:1;min-width:0;font-size:var(--text-md);line-height:1.4}.ios-install-note{margin:14px 2px 16px;color:var(--text-dim);font-size:var(--text-sm);line-height:1.4}.ios-install-done{width:100%;padding:13px;border:none;border-radius:var(--radius-xl);background:var(--primary);color:var(--bg-dark);font:inherit;font-size:var(--text-lg);font-weight:700;cursor:pointer}@keyframes ios-install-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ios-install-fade{0%{opacity:0}to{opacity:1}}@media(min-width:600px){.ios-install-overlay{align-items:center}.ios-install-sheet{border-bottom:1px solid var(--border);border-radius:var(--radius-2xl);padding-bottom:20px}}