@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--md-primary: #6750A4;--md-on-primary: #FFFFFF;--md-primary-container: #EADDFF;--md-on-primary-container: #21005D;--md-secondary: #625B71;--md-on-secondary: #FFFFFF;--md-secondary-container: #E8DEF8;--md-on-secondary-container: #1D192B;--md-tertiary: #7D5260;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #FFD8E4;--md-on-tertiary-container: #31111D;--md-error: #B3261E;--md-on-error: #FFFFFF;--md-error-container: #F9DEDC;--md-on-error-container: #410E0B;--md-surface: #FEF7FF;--md-on-surface: #1D1B20;--md-surface-variant: #E7E0EC;--md-on-surface-variant: #49454F;--md-surface-container: #F3EDF7;--md-surface-container-low: #F7F2FA;--md-surface-container-high: #ECE6F0;--md-surface-container-highest: #E6E0E9;--md-outline: #79747E;--md-outline-variant: #CAC4D0;--md-inverse-surface: #322F35;--md-inverse-on-surface: #F5EFF7;--md-inverse-primary: #D0BCFF;--md-shadow: #000000;--md-scrim: #000000;--md-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--md-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--md-elevation-3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);--md-shape-none: 0;--md-shape-extra-small: 4px;--md-shape-small: 8px;--md-shape-medium: 12px;--md-shape-large: 16px;--md-shape-extra-large: 28px;--md-shape-full: 9999px;--md-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);--md-motion-duration-short: .2s;--md-motion-duration-medium: .4s;--md-motion-duration-long: .6s;--md-font-family: "Roboto", sans-serif;--md-display-large: 500 57px/64px var(--md-font-family);--md-display-medium: 500 45px/52px var(--md-font-family);--md-display-small: 500 36px/44px var(--md-font-family);--md-headline-large: 500 32px/40px var(--md-font-family);--md-headline-medium: 500 28px/36px var(--md-font-family);--md-headline-small: 500 24px/32px var(--md-font-family);--md-title-large: 500 22px/28px var(--md-font-family);--md-title-medium: 500 16px/24px var(--md-font-family);--md-title-small: 500 14px/20px var(--md-font-family);--md-body-large: 400 16px/24px var(--md-font-family);--md-body-medium: 400 14px/20px var(--md-font-family);--md-body-small: 400 12px/16px var(--md-font-family);--md-label-large: 500 14px/20px var(--md-font-family);--md-label-medium: 500 12px/16px var(--md-font-family);--md-label-small: 500 11px/16px var(--md-font-family)}@media (prefers-color-scheme: dark){:root:not(.light):not(.dark){--md-primary: #D0BCFF;--md-on-primary: #381E72;--md-primary-container: #4F378B;--md-on-primary-container: #EADDFF;--md-secondary: #CCC2DC;--md-on-secondary: #332D41;--md-secondary-container: #4A4458;--md-on-secondary-container: #E8DEF8;--md-tertiary: #EFB8C8;--md-on-tertiary: #492532;--md-tertiary-container: #633B48;--md-on-tertiary-container: #FFD8E4;--md-error: #F2B8B5;--md-on-error: #601410;--md-error-container: #8C1D18;--md-on-error-container: #F9DEDC;--md-surface: #141218;--md-on-surface: #E6E0E9;--md-surface-variant: #49454F;--md-on-surface-variant: #CAC4D0;--md-surface-container: #211F26;--md-surface-container-low: #1D1B20;--md-surface-container-high: #2B2930;--md-surface-container-highest: #36343B;--md-outline: #938F99;--md-outline-variant: #49454F;--md-inverse-surface: #E6E0E9;--md-inverse-on-surface: #322F35;--md-inverse-primary: #6750A4}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--md-font-family);background-color:var(--md-surface);color:var(--md-on-surface);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--md-on-surface)}.app-container{display:flex;height:100vh;width:100%}.sidebar-wrapper{width:360px;flex-shrink:0;height:100vh;display:flex;flex-direction:column}.sidebar{width:100%;flex-shrink:0;background:var(--md-surface-container-low);display:flex;flex-direction:column;border-right:1px solid var(--md-outline-variant);position:relative}.sidebar-header{padding:16px 16px 12px;display:flex;justify-content:space-between;align-items:center;min-height:64px}.sidebar-title{font:var(--md-headline-small);color:var(--md-primary);padding-left:4px}.top-app-bar{display:flex;align-items:center;padding:4px;gap:4px}.icon-btn{width:40px;height:40px;border-radius:var(--md-shape-full);border:none;background:transparent;color:var(--md-on-surface-variant);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);position:relative;overflow:hidden}.icon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--md-on-surface);opacity:0;transition:opacity var(--md-motion-duration-short) var(--md-motion-easing-standard)}.icon-btn:hover:before{opacity:.08}.icon-btn:active:before{opacity:.12}.icon-btn:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.chat-list{flex:1;overflow-y:auto;padding:4px 8px}.chat-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--md-shape-large);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);margin-bottom:2px;min-height:68px;gap:12px}.chat-item:hover{background-color:var(--md-surface-container-highest)}.chat-item:active{background-color:var(--md-surface-container-high)}.chat-avatar{width:52px;height:52px;border-radius:var(--md-shape-full);background:var(--md-primary-container);color:var(--md-on-primary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font:var(--md-title-medium)}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-info{flex:1;overflow:hidden;min-width:0}.chat-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.chat-name{font:var(--md-title-medium);color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.chat-time{font:var(--md-label-small);color:var(--md-on-surface-variant);flex-shrink:0;margin-left:8px}.message-read-status{display:flex;align-items:center;color:var(--md-on-surface-variant);margin-left:4px}.message-read-status.read{color:var(--md-primary)}.message-edited{font:var(--md-label-small);color:var(--md-on-surface-variant);font-style:italic;margin-left:4px}.typing-indicator{color:var(--md-primary);font-style:italic}.typing-indicator:after{content:"";animation:typingDots 1.4s infinite}@keyframes typingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#4caf50;border-radius:50%;border:2px solid var(--md-surface)}.mention{color:var(--md-primary);font-weight:500;cursor:pointer}.mention:hover{text-decoration:underline}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:10}.mention-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;text-align:left;color:var(--md-on-surface);transition:background .15s}.mention-option:hover{background:var(--md-surface-container)}.mention-username{font-weight:600;color:var(--md-primary)}.mention-name{font:var(--md-body-small);color:var(--md-on-surface-variant)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;border:1px solid var(--md-outline);background:var(--md-surface-container);color:var(--md-on-surface);cursor:pointer;font:var(--md-label-small);transition:background .15s,transform .1s}.reaction-chip:hover{background:var(--md-surface-container-high)}.reaction-chip:active{transform:scale(.92)}.reaction-chip-active{background:var(--md-secondary-container);border-color:var(--md-secondary);color:var(--md-on-secondary-container)}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{font-weight:600;font-size:12px}.reaction-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000059;animation:fabFadeIn .15s ease}.reaction-picker{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;box-shadow:0 12px 32px #0000004d;padding:12px;min-width:240px}.reaction-picker-header{display:flex;align-items:center;gap:6px;padding:4px 8px 10px;font:var(--md-label-medium);color:var(--md-on-surface-variant)}.reaction-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.reaction-picker-btn{font-size:24px;line-height:1;padding:8px;border:none;border-radius:10px;background:transparent;cursor:pointer;transition:background .12s,transform .1s}.reaction-picker-btn:hover{background:var(--md-surface-container);transform:scale(1.15)}.reaction-picker-btn:active{transform:scale(.95)}.saved-messages-item .chat-avatar{display:flex;align-items:center;justify-content:center}.notification-settings{width:320px;padding:16px}.notification-title{display:flex;align-items:center;gap:8px;font:var(--md-title-small);color:var(--md-on-surface);margin:0 0 12px}.notification-options{display:flex;flex-direction:column;gap:4px}.notification-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--md-outline);border-radius:10px;background:var(--md-surface);color:var(--md-on-surface);cursor:pointer;font:var(--md-body-medium);transition:background .15s,border-color .15s}.notification-option:hover{background:var(--md-surface-container)}.notification-option.selected{background:var(--md-secondary-container);border-color:var(--md-secondary);color:var(--md-on-secondary-container)}.notification-durations{margin-top:12px;padding-top:12px;border-top:1px solid var(--md-outline)}.notification-duration-label{display:flex;align-items:center;gap:6px;font:var(--md-label-medium);color:var(--md-on-surface-variant);margin:0 0 8px}.duration-option{display:block;width:100%;padding:8px 12px;margin-bottom:4px;border:1px solid var(--md-outline);border-radius:8px;background:var(--md-surface);color:var(--md-on-surface);cursor:pointer;font:var(--md-body-small);text-align:left;transition:background .15s,border-color .15s}.duration-option:hover{background:var(--md-surface-container)}.duration-option.selected{background:var(--md-secondary-container);border-color:var(--md-secondary);color:var(--md-on-secondary-container)}.settings-bio{padding:4px 0}.settings-bio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.settings-bio-label{font:var(--md-label-medium);color:var(--md-on-surface-variant)}.settings-bio-text{font:var(--md-body-medium);color:var(--md-on-surface);margin:0;white-space:pre-wrap;word-break:break-word}.settings-bio-edit{display:flex;flex-direction:column;gap:8px}.settings-bio-input{width:100%;border:1px solid var(--md-outline);border-radius:10px;padding:10px;font:var(--md-body-medium);background:var(--md-surface);color:var(--md-on-surface);resize:vertical;font-family:inherit}.settings-bio-actions{display:flex;align-items:center;gap:8px}.settings-bio-count{font:var(--md-label-small);color:var(--md-on-surface-variant);margin-right:auto}.settings-bio-count.over{color:var(--md-error)}.info-bio{font:var(--md-body-medium);color:var(--md-on-surface-variant);margin:4px 0 0;white-space:pre-wrap;word-break:break-word}.message-footer{display:flex;align-items:center;gap:4px;margin-top:2px}.chat-info-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-unread-badge{background:var(--md-primary);color:var(--md-on-primary);font:var(--md-label-small);font-weight:500;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:flex;align-items:center;justify-content:center}.chat-last-message{font:var(--md-body-medium);color:var(--md-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.badge{background:var(--md-primary);color:var(--md-on-primary);font:var(--md-label-small);padding:2px 8px;border-radius:var(--md-shape-full);margin-left:8px;min-width:20px;text-align:center}.fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:var(--md-shape-large);background:var(--md-primary-container);color:var(--md-on-primary-container);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--md-elevation-3);transition:box-shadow var(--md-motion-duration-medium) var(--md-motion-easing-standard);z-index:20}.fab:hover{box-shadow:var(--md-elevation-3)}.fab:active{box-shadow:var(--md-elevation-1)}.main-content{flex:1;display:flex;flex-direction:column;background:var(--md-surface)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;font:var(--md-body-large);color:var(--md-on-surface-variant)}.chat-window{display:flex;flex-direction:column;height:100%;background:var(--md-surface)}.chat-header{min-height:64px;padding:8px 16px;background:var(--md-surface);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--md-outline-variant)}.chat-header-info{display:flex;align-items:center}.chat-header-avatar{width:40px;height:40px;border-radius:var(--md-shape-full);background:var(--md-primary-container);margin-right:16px}.chat-header-title{font:var(--md-title-large);color:var(--md-on-surface)}.chat-header-status{font:var(--md-body-small);color:var(--md-primary)}.chat-actions{display:flex;gap:4px}.chat-search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--md-surface-container);border-bottom:1px solid var(--md-outline-variant)}.chat-search-input{flex:1;border:none;outline:none;background:transparent;font:var(--md-body-medium);color:var(--md-on-surface);padding:4px 0}.chat-search-input::placeholder{color:var(--md-on-surface-variant)}.message-area{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:8px;background:var(--md-surface)}.message-row{display:flex;width:100%}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-bubble{max-width:70%;padding:12px 16px;border-radius:var(--md-shape-extra-large);position:relative;line-height:1.5}.message-row.incoming .message-bubble{background:var(--md-surface-container-high);color:var(--md-on-surface);border-bottom-left-radius:var(--md-shape-extra-small)}.message-row.outgoing .message-bubble{background:var(--md-primary);color:var(--md-on-primary);border-bottom-right-radius:var(--md-shape-extra-small)}.message-time{font:var(--md-label-small);display:block;text-align:right;margin-top:4px;opacity:.7}.message-author-name{display:block;font:var(--md-label-medium);color:var(--md-primary);font-weight:500;margin-bottom:2px}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px}.message-reply-btn{background:none;border:none;color:inherit;opacity:0;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .15s,background .15s}.message-bubble:hover .message-reply-btn{opacity:.6}.message-reply-btn:hover{opacity:1!important;background:#80808033}.message-reply-quote{background:#80808026;border-left:3px solid var(--md-primary);border-radius:4px;padding:4px 8px;margin-bottom:4px;max-width:300px}.reply-quote-author{display:block;font:var(--md-label-small);color:var(--md-primary);font-weight:500}.reply-quote-text{display:block;font:var(--md-body-small);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar{display:flex;align-items:center;justify-content:space-between;background:var(--md-surface-container);border-left:3px solid var(--md-primary);border-radius:8px 8px 0 0;padding:8px 12px;margin:0 -16px}.reply-bar-content{display:flex;align-items:center;gap:8px;min-width:0;color:var(--md-on-surface-variant)}.reply-bar-info{min-width:0}.reply-bar-author{display:block;font:var(--md-label-small);color:var(--md-primary);font-weight:500}.reply-bar-text{display:block;font:var(--md-body-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--md-on-surface-variant)}.reply-bar-cancel{background:none;border:none;color:var(--md-on-surface-variant);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reply-bar-cancel:hover{background:#80808033}.reply-bar.editing{background:var(--md-secondary-container);border-left:3px solid var(--md-secondary)}.reply-bar.forwarding{background:var(--md-tertiary-container);border-left:3px solid var(--md-tertiary)}.message-image{max-width:100%;border-radius:var(--md-shape-medium)}.message-context-menu{position:fixed;z-index:1000;background:var(--md-surface-container);border-radius:12px;box-shadow:0 4px 20px #00000040;padding:4px 0;min-width:160px;animation:contextMenuIn .12s ease-out}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--md-on-surface);font:var(--md-body-medium);cursor:pointer;text-align:left}.context-menu-item:hover{background:var(--md-surface-container-highest)}.context-menu-item.danger{color:var(--md-error)}.context-menu-item.danger:hover{background:color-mix(in srgb,var(--md-error) 10%,transparent)}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:900;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.panel{background:var(--md-surface-container);border-radius:16px;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:panelIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--md-outline-variant)}.panel-header h2{font:var(--md-title-large);margin:0}.panel-body{padding:16px 20px;overflow-y:auto}.info-section{text-align:center;margin-bottom:16px}.info-avatar{width:80px;height:80px;border-radius:50%;background:var(--md-primary);color:var(--md-on-primary);display:flex;align-items:center;justify-content:center;font:var(--md-headline-large);margin:0 auto 12px;overflow:hidden}.info-avatar img{width:100%;height:100%;object-fit:cover}.info-name{font:var(--md-title-large);margin:0 0 4px}.info-description{font:var(--md-body-medium);color:var(--md-on-surface-variant);margin:0}.info-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.info-row{display:flex;align-items:center;gap:8px;font:var(--md-body-medium);color:var(--md-on-surface-variant)}.info-members h4{font:var(--md-title-small);margin:0 0 8px}.info-member{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--md-outline-variant)}.info-member-name{font:var(--md-body-medium)}.info-member-role{font:var(--md-label-small);text-transform:capitalize;color:var(--md-on-surface-variant)}.info-member-role.owner{color:var(--md-primary);font-weight:500}.load-more-container{display:flex;justify-content:center;padding:8px 0}.load-more-btn{background:none;border:1px solid var(--md-outline-variant);color:var(--md-primary);font:var(--md-label-large);padding:6px 16px;border-radius:20px;cursor:pointer;transition:background .15s}.load-more-btn:hover:not(:disabled){background:var(--md-surface-container-highest)}.load-more-btn:disabled{opacity:.5;cursor:default}.input-area{padding:12px 16px;background:var(--md-surface);border-top:1px solid var(--md-outline-variant);display:flex;align-items:center;gap:8px}.input-container{position:relative;flex:1;background:var(--md-surface-container-high);border-radius:var(--md-shape-extra-large);padding:8px 16px;display:flex;align-items:center;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.input-container:focus-within{background:var(--md-surface-container-highest)}.message-input{flex:1;background:transparent;border:none;color:var(--md-on-surface);padding:8px;font:var(--md-body-large)}.message-input:focus{outline:none}.message-input::placeholder{color:var(--md-on-surface-variant)}.send-btn{width:48px;height:48px;border-radius:var(--md-shape-full);background:var(--md-primary);color:var(--md-on-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard);box-shadow:var(--md-elevation-1)}.send-btn:hover{box-shadow:var(--md-elevation-2)}.send-btn:active{box-shadow:var(--md-elevation-1)}.send-btn.disabled{background:var(--md-surface-container-highest);color:var(--md-on-surface);box-shadow:none;cursor:not-allowed;opacity:.38}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:var(--md-shape-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}.search-bar{display:flex;align-items:center;gap:8px;width:100%;flex:1}.search-input{flex:1;background:var(--md-surface-container-highest);border:none;border-radius:var(--md-shape-extra-large);padding:10px 16px;color:var(--md-on-surface);font:var(--md-body-large);outline:none;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.search-input:focus{background:var(--md-surface-container-highest)}.search-input::placeholder{color:var(--md-on-surface-variant)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:14px 16px;border-radius:var(--md-shape-extra-small);display:flex;align-items:center;gap:12px;z-index:1000;animation:snackbarIn var(--md-motion-duration-medium) var(--md-motion-easing-emphasized);font:var(--md-body-medium);box-shadow:var(--md-elevation-3);min-width:300px}.toast-info{background:var(--md-inverse-surface);color:var(--md-inverse-on-surface)}.toast-success{background:#2e7d32;color:#fff}.toast-error{background:var(--md-error);color:var(--md-on-error)}.toast-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;opacity:.7;transition:opacity var(--md-motion-duration-short) var(--md-motion-easing-standard);border-radius:var(--md-shape-full)}.toast-close:hover{opacity:1;background:#ffffff1a}@keyframes snackbarIn{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.emoji-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding-bottom:80px}.emoji-picker{background:var(--md-surface-container-low);border-radius:var(--md-shape-extra-large) var(--md-shape-extra-large) 0 0;width:360px;max-height:360px;overflow:hidden;box-shadow:var(--md-elevation-3)}.emoji-picker-header{padding:16px 24px;border-bottom:1px solid var(--md-outline-variant);font:var(--md-title-medium);color:var(--md-on-surface)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;max-height:280px;overflow-y:auto}.emoji-item{background:none;border:none;font-size:1.5rem;padding:8px;cursor:pointer;border-radius:var(--md-shape-small);transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:var(--md-surface-container-highest)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--md-surface-container-high);border-radius:var(--md-shape-extra-large);width:400px;max-width:90vw;box-shadow:var(--md-elevation-3)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px}.modal-header h2{font:var(--md-headline-small);color:var(--md-on-surface)}.modal-body{padding:0 24px 16px;display:flex;flex-direction:column;gap:16px}.modal-label{font:var(--md-label-large);color:var(--md-on-surface-variant)}.modal-input{background:transparent;border:1px solid var(--md-outline);border-radius:var(--md-shape-extra-small);padding:16px;color:var(--md-on-surface);font:var(--md-body-large);outline:none;transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard);width:100%}.modal-input:focus{border-color:var(--md-primary);border-width:2px;padding:15px}.modal-input::placeholder{color:var(--md-on-surface-variant)}.modal-input-row{display:flex;gap:12px}.modal-input-row .modal-input{flex:1}.modal-add-btn{width:48px;height:48px;border-radius:var(--md-shape-full);background:var(--md-primary);color:var(--md-on-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard)}.modal-add-btn:hover{box-shadow:var(--md-elevation-1)}.modal-user-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-tag{background:var(--md-secondary-container);color:var(--md-on-secondary-container);padding:6px 12px;border-radius:var(--md-shape-small);font:var(--md-label-large);display:flex;align-items:center;gap:8px}.modal-tag button{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;opacity:.7;border-radius:var(--md-shape-full);transition:opacity var(--md-motion-duration-short) var(--md-motion-easing-standard)}.modal-tag button:hover{opacity:1}.modal-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font:var(--md-body-large);color:var(--md-on-surface);padding:8px 0}.modal-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--md-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px 24px}.modal-btn{padding:10px 24px;border-radius:var(--md-shape-full);font:var(--md-label-large);cursor:pointer;border:none;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.modal-btn.cancel{background:transparent;color:var(--md-primary)}.modal-btn.cancel:hover{background:var(--md-primary-container)}.modal-btn.primary{background:var(--md-primary);color:var(--md-on-primary)}.modal-btn.primary:hover{box-shadow:var(--md-elevation-1)}.modal-btn.primary:disabled{background:var(--md-on-surface);color:var(--md-surface);opacity:.12;cursor:not-allowed;box-shadow:none}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:flex-start;z-index:100}.settings-panel{width:360px;height:100%;background:var(--md-surface-container-low);display:flex;flex-direction:column;animation:drawerSlideIn var(--md-motion-duration-medium) var(--md-motion-easing-emphasized)}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;min-height:64px}.settings-header h2{font:var(--md-headline-small);color:var(--md-on-surface)}.settings-body{flex:1;overflow-y:auto;padding:8px 12px}.settings-profile{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--md-shape-extra-large);background:var(--md-surface-container);margin-bottom:16px}.settings-avatar{width:56px;height:56px;border-radius:var(--md-shape-full);background:var(--md-primary);color:var(--md-on-primary);display:flex;align-items:center;justify-content:center;font:var(--md-headline-medium);flex-shrink:0}.settings-profile-info h3{font:var(--md-title-large);color:var(--md-on-surface);margin-bottom:2px}.settings-profile-info p{font:var(--md-body-medium);color:var(--md-on-surface-variant)}.settings-uid{font:var(--md-label-small)!important;color:var(--md-outline)!important;font-family:monospace}.settings-section{padding:8px 0}.settings-item{width:100%;display:flex;align-items:center;gap:16px;padding:12px 16px;background:none;border:none;color:var(--md-on-surface);font:var(--md-label-large);cursor:pointer;border-radius:var(--md-shape-full);transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.settings-item:hover{background:var(--md-surface-container-highest)}.settings-item.danger{color:var(--md-error)}.settings-item.danger:hover{background:var(--md-error-container)}.settings-badge{margin-left:auto;font:var(--md-label-medium);color:var(--md-primary)}.call-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.call-dialog{background:var(--md-surface-container-high);border-radius:var(--md-shape-extra-large);padding:48px 40px;text-align:center;width:320px;box-shadow:var(--md-elevation-3)}.call-avatar{margin-bottom:24px}.call-avatar-circle{width:96px;height:96px;border-radius:var(--md-shape-full);background:var(--md-primary-container);color:var(--md-on-primary-container);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto;animation:m3Pulse 2s infinite}@keyframes m3Pulse{0%,to{box-shadow:0 0 0 0 var(--md-primary)}50%{box-shadow:0 0 0 16px transparent}}.call-name{font:var(--md-headline-medium);color:var(--md-on-surface);margin-bottom:8px}.call-status{font:var(--md-body-large);color:var(--md-primary);margin-bottom:32px}.call-actions{display:flex;justify-content:center;gap:24px;margin-bottom:24px}.call-action-btn{width:56px;height:56px;border-radius:var(--md-shape-full);background:var(--md-surface-container-highest);border:none;color:var(--md-on-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.call-action-btn:hover{background:var(--md-surface-container-high)}.call-action-btn.muted{background:var(--md-error-container);color:var(--md-on-error-container)}.call-end-btn{width:64px;height:64px;border-radius:var(--md-shape-full);background:var(--md-error);border:none;color:var(--md-on-error);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);box-shadow:var(--md-elevation-2)}.call-end-btn:hover{background:#c62828;box-shadow:var(--md-elevation-3)}.call-type-label{font:var(--md-label-medium);color:var(--md-on-surface-variant)}.options-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;align-items:flex-start;justify-content:flex-end;z-index:100;padding:72px 16px 0 0}.options-menu{background:var(--md-surface-container);border-radius:var(--md-shape-extra-small);width:240px;overflow:hidden;box-shadow:var(--md-elevation-2);animation:menuFadeIn var(--md-motion-duration-short) var(--md-motion-easing-emphasized)}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.options-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--md-outline-variant);font:var(--md-title-small);color:var(--md-on-surface)}.options-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:var(--md-on-surface);font:var(--md-body-large);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.options-menu-item:hover{background:var(--md-surface-container-highest)}.options-menu-item.danger{color:var(--md-error)}.options-menu-item.danger:hover{background:var(--md-error-container)}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background:var(--md-surface)}.login-card{background:var(--md-surface-container);border-radius:var(--md-shape-extra-large);padding:48px 40px;width:400px;max-width:90vw;box-shadow:var(--md-elevation-2);text-align:center}.login-logo{width:80px;height:80px;border-radius:var(--md-shape-full);background:var(--md-primary);color:var(--md-on-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.login-title{font:var(--md-headline-large);color:var(--md-primary);margin-bottom:8px}.login-subtitle{font:var(--md-body-large);color:var(--md-on-surface-variant);margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px;text-align:left}.login-field label{display:block;font:var(--md-label-large);color:var(--md-on-surface-variant);margin-bottom:8px}.login-field input{width:100%;background:transparent;border:1px solid var(--md-outline);border-radius:var(--md-shape-extra-small);padding:16px;color:var(--md-on-surface);font:var(--md-body-large);outline:none;transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.login-field input:focus{border-color:var(--md-primary);border-width:2px;padding:15px}.login-field input::placeholder{color:var(--md-on-surface-variant)}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:48px}.login-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--md-on-surface-variant);cursor:pointer;padding:4px;display:flex;border-radius:var(--md-shape-full);transition:color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.login-eye-btn:hover{color:var(--md-on-surface)}.login-error{background:var(--md-error-container);color:var(--md-on-error-container);padding:12px 16px;border-radius:var(--md-shape-extra-small);font:var(--md-body-medium)}.login-submit{background:var(--md-primary);border:none;color:var(--md-on-primary);padding:16px;border-radius:var(--md-shape-full);font:var(--md-label-large);cursor:pointer;transition:box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard);margin-top:8px}.login-submit:hover{box-shadow:var(--md-elevation-1)}.login-submit:disabled{background:var(--md-on-surface);color:var(--md-surface);opacity:.12;cursor:not-allowed;box-shadow:none}.login-toggle{margin-top:24px;font:var(--md-body-medium);color:var(--md-on-surface-variant)}.login-toggle button{background:none;border:none;color:var(--md-primary);font:var(--md-label-large);cursor:pointer;transition:color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.login-toggle button:hover{color:var(--md-on-primary-container)}.cursor-pointer{cursor:pointer}html.dark{--md-primary: #D0BCFF;--md-on-primary: #381E72;--md-primary-container: #4F378B;--md-on-primary-container: #EADDFF;--md-secondary: #CCC2DC;--md-on-secondary: #332D41;--md-secondary-container: #4A4458;--md-on-secondary-container: #E8DEF8;--md-tertiary: #EFB8C8;--md-on-tertiary: #492532;--md-tertiary-container: #633B48;--md-on-tertiary-container: #FFD8E4;--md-error: #F2B8B5;--md-on-error: #601410;--md-error-container: #8C1D18;--md-on-error-container: #F9DEDC;--md-surface: #141218;--md-on-surface: #E6E0E9;--md-surface-variant: #49454F;--md-on-surface-variant: #CAC4D0;--md-surface-container: #211F26;--md-surface-container-low: #1D1B20;--md-surface-container-high: #2B2930;--md-surface-container-highest: #36343B;--md-outline: #938F99;--md-outline-variant: #49454F;--md-inverse-surface: #E6E0E9;--md-inverse-on-surface: #322F35;--md-inverse-primary: #6750A4}.settings-username{font:var(--md-label-large);color:var(--md-primary);margin-top:2px}.settings-username-change{background:none;border:none;color:var(--md-primary);font:var(--md-label-medium);cursor:pointer;padding:4px 0;margin-top:4px}.settings-username-change:hover{text-decoration:underline}.settings-username-edit{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.settings-username-input{background:transparent;border:1px solid var(--md-outline);border-radius:var(--md-shape-extra-small);padding:8px 12px;color:var(--md-on-surface);font:var(--md-body-medium);outline:none;width:140px}.settings-username-input:focus{border-color:var(--md-primary)}.settings-username-save{background:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:var(--md-shape-full);padding:6px 14px;font:var(--md-label-medium);cursor:pointer}.settings-username-cancel{background:transparent;color:var(--md-on-surface-variant);border:none;padding:6px 10px;font:var(--md-label-medium);cursor:pointer}.settings-username-error{width:100%;font:var(--md-body-small);color:var(--md-error)}.settings-uid-row{display:flex;align-items:center;gap:8px;padding:8px 16px}.settings-uid-row .settings-uid{flex:1;overflow:hidden;text-overflow:ellipsis}.settings-uid-copy{width:32px;height:32px;border-radius:var(--md-shape-full);background:var(--md-surface-container-highest);border:none;color:var(--md-on-surface-variant);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.settings-uid-copy:hover{background:var(--md-primary-container);color:var(--md-on-primary-container)}.settings-badge.active{color:var(--md-primary)}.modal-search-results{background:var(--md-surface-container);border-radius:var(--md-shape-small);max-height:200px;overflow-y:auto;border:1px solid var(--md-outline-variant)}.modal-search-result{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:none;border:none;color:var(--md-on-surface);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.modal-search-result:hover{background:var(--md-surface-container-highest)}.modal-search-avatar{width:36px;height:36px;border-radius:var(--md-shape-full);background:var(--md-primary-container);color:var(--md-on-primary-container);display:flex;align-items:center;justify-content:center;font:var(--md-label-large);flex-shrink:0}.modal-search-info{flex:1;text-align:left;overflow:hidden}.modal-search-name{display:block;font:var(--md-body-medium);color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-search-username{display:block;font:var(--md-label-small);color:var(--md-on-surface-variant)}.modal-searching{font:var(--md-label-small);color:var(--md-on-surface-variant);padding:0 8px}.call-local-video{position:absolute;top:16px;right:16px;width:120px;height:90px;border-radius:var(--md-shape-medium);object-fit:cover;border:2px solid var(--md-outline-variant);z-index:1}.call-remote-video{width:100%;border-radius:var(--md-shape-extra-large);object-fit:cover;margin-bottom:16px;max-height:300px;background:var(--md-surface-container-highest)}.media-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:200}.media-picker{background:var(--md-surface);border-radius:var(--md-shape-extra-large) var(--md-shape-extra-large) 0 0;width:100%;max-width:600px;max-height:50vh;display:flex;flex-direction:column;box-shadow:0 -2px 16px #00000026}.media-picker-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--md-outline-variant)}.media-picker-tabs{display:flex;gap:4px}.media-picker-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:transparent;color:var(--md-on-surface-variant);font:var(--md-label-medium);border-radius:var(--md-shape-small);cursor:pointer}.media-picker-tab.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}.media-picker-body{flex:1;overflow-y:auto;padding:12px}.emoji-btn{width:36px;height:36px;border:none;background:transparent;font-size:1.4rem;cursor:pointer;border-radius:var(--md-shape-small);display:flex;align-items:center;justify-content:center}.emoji-btn:hover{background:var(--md-surface-container-high)}.gif-tab,.sticker-tab{display:flex;flex-direction:column;gap:8px}.media-search-input{width:100%;padding:8px 12px;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);background:var(--md-surface-container);color:var(--md-on-surface);font:var(--md-body-medium)}.gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.gif-item{border:none;background:transparent;cursor:pointer;padding:0;border-radius:var(--md-shape-small);overflow:hidden;aspect-ratio:1}.gif-item img{width:100%;height:100%;object-fit:cover}.sticker-pack-selector{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.sticker-pack-btn{padding:4px 12px;border:1px solid var(--md-outline-variant);background:transparent;color:var(--md-on-surface-variant);font:var(--md-label-medium);border-radius:var(--md-shape-small);cursor:pointer;white-space:nowrap}.sticker-pack-btn.active{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:var(--md-primary)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.sticker-item{border:none;background:transparent;cursor:pointer;padding:4px;border-radius:var(--md-shape-small)}.sticker-item img{width:100%;height:auto}.sticker-item:hover{background:var(--md-surface-container-high)}.image-upload-tab{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.media-upload-hint{font:var(--md-body-medium);color:var(--md-on-surface-variant)}.media-upload-btn{padding:10px 24px;background:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:var(--md-shape-medium);font:var(--md-label-large);cursor:pointer}.media-loading,.media-empty{text-align:center;padding:24px;font:var(--md-body-medium);color:var(--md-on-surface-variant)}.message-sticker{max-width:160px;max-height:160px;border-radius:var(--md-shape-small)}.e2ee-indicator{font-size:.85rem;opacity:.7}.char-count{position:absolute;right:8px;bottom:2px;font:var(--md-label-small);color:var(--md-on-surface-variant)}.char-count.over{color:var(--md-error)}.chat-header-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-list-divider{display:flex;align-items:center;gap:6px;padding:8px 16px;font:var(--md-label-medium);color:var(--md-on-surface-variant);border-top:1px solid var(--md-outline-variant);margin-top:8px}.chat-avatar.channel{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.fab-row{display:flex;gap:12px;position:absolute;bottom:24px;right:24px}.fab.secondary{width:48px;height:48px;border-radius:var(--md-shape-medium);background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.modal-options-row{display:flex;gap:16px;margin-top:8px}.modal-hint{font:var(--md-label-small);color:var(--md-on-surface-variant);margin-left:4px}.modal-member-count{font:var(--md-label-small);color:var(--md-on-surface-variant);margin-top:8px}.modal-btn.small{padding:4px 12px;font:var(--md-label-medium)}.modal-loading,.modal-empty{text-align:center;padding:16px;font:var(--md-body-medium);color:var(--md-on-surface-variant)}.channel-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.channel-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--md-shape-medium);background:var(--md-surface-container-low)}.channel-item-avatar{width:40px;height:40px;border-radius:50%;background:var(--md-tertiary-container);color:var(--md-on-tertiary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-item-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.channel-item-info{flex:1;overflow:hidden}.channel-item-name{display:block;font:var(--md-body-medium);color:var(--md-on-surface);font-weight:500}.channel-item-desc{display:block;font:var(--md-body-small);color:var(--md-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item-meta{display:flex;align-items:center;gap:6px;font:var(--md-label-small);color:var(--md-on-surface-variant);margin-top:2px}.chat-item.active{background:var(--md-primary-container);border-right:3px solid var(--md-primary)}.chat-item.active .chat-name{color:var(--md-on-primary-container);font-weight:600}.mobile-back-btn{display:none!important}.message-textarea{min-height:20px;max-height:120px;resize:none;overflow-y:auto;line-height:1.4;padding:8px 12px;width:100%;border:none;background:transparent;color:var(--md-on-surface);font:var(--md-body-large);outline:none}.mic-btn{color:var(--md-on-surface-variant)}.mic-btn:hover{color:var(--md-primary)}.message-row{display:flex;padding:1px 16px;animation:messageSlideIn .2s ease-out}.message-row.group-single .message-bubble{border-radius:18px}.message-row.group-first .message-bubble{border-radius:18px 18px 18px 4px}.message-row.group-middle .message-bubble{border-radius:4px 18px 18px 4px}.message-row.group-last .message-bubble{border-radius:4px 18px 18px}.message-row.outgoing.group-first .message-bubble{border-radius:18px 18px 4px}.message-row.outgoing.group-middle .message-bubble{border-radius:18px 4px 4px 18px}.message-row.outgoing.group-last .message-bubble{border-radius:18px 4px 18px 18px}.message-row.group-middle,.message-row.group-last{padding-top:0}.message-row.group-first+.message-row.group-middle,.message-row.group-first+.message-row.group-last,.message-row.group-single+.message-row.group-first,.message-row.group-middle+.message-row.group-middle,.message-row.group-middle+.message-row.group-last{padding-top:0}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scroll-down-fab{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--md-surface);color:var(--md-on-surface);border:1px solid var(--md-outline-variant);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s cubic-bezier(.4,0,.2,1);animation:fabFadeIn .2s ease-out}.scroll-down-fab:hover{background:var(--md-primary-container);transform:scale(1.1)}.scroll-down-fab:active{transform:scale(.95)}@keyframes fabFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.scroll-down-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--md-error);color:var(--md-on-error);font:var(--md-label-small);display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badgePop .2s ease-out}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.reply-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--md-primary-container);border-left:3px solid var(--md-primary);border-radius:4px;margin-bottom:8px;animation:replyBarSlide .2s ease-out}@keyframes replyBarSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-textarea:focus{outline:none}.input-container:focus-within{box-shadow:0 0 0 2px var(--md-primary);border-radius:18px}.send-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.send-btn:not(.disabled):hover{transform:scale(1.05)}.send-btn:not(.disabled):active{transform:scale(.95)}.chat-search-bar{animation:chatSearchSlide .2s ease-out}@keyframes chatSearchSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel,.chat-info-panel{animation:panelSlideIn .25s cubic-bezier(.4,0,.2,1)}@keyframes panelSlideIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-item{transition:background-color .15s ease}.chat-item:hover{background:var(--md-surface-hover, rgba(0,0,0,.04))}.icon-btn{position:relative;overflow:hidden;transition:background-color .15s ease}.icon-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .15s ease;border-radius:inherit}.icon-btn:hover:after{opacity:.08}.icon-btn:active:after{opacity:.12}html.transitioning,html.transitioning *,html.transitioning *:before,html.transitioning *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.toast{animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.skeleton{background:linear-gradient(90deg,var(--md-surface-container) 25%,var(--md-surface-container-high) 50%,var(--md-surface-container) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.day-divider{display:flex;align-items:center;justify-content:center;padding:12px 0;position:relative}.day-divider:before,.day-divider:after{content:"";flex:1;height:1px;background:var(--md-outline-variant);opacity:.5}.day-divider span{padding:4px 12px;font:var(--md-label-medium);color:var(--md-on-surface-variant);background:var(--md-surface);border-radius:12px;white-space:nowrap}.voice-recording-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-error-container);border-radius:20px;animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f4433633}50%{box-shadow:0 0 0 8px #f4433600}}.voice-recording-dot{width:8px;height:8px;border-radius:50%;background:var(--md-error);animation:recordingPulse 1s ease-in-out infinite}@keyframes recordingPulse{0%,to{opacity:1}50%{opacity:.3}}.voice-recording-time{font:var(--md-label-large);color:var(--md-on-error-container);min-width:40px}.voice-cancel-btn,.voice-stop-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:all .15s ease}.voice-cancel-btn{background:transparent;color:var(--md-on-error-container)}.voice-cancel-btn:hover{background:#0000001a}.voice-stop-btn{background:var(--md-error);color:var(--md-on-error)}.voice-stop-btn:hover{transform:scale(1.1)}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .15s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--md-surface);border-radius:var(--md-shape-extra-large);padding:24px;min-width:280px;max-width:400px;box-shadow:0 8px 32px #0003;animation:dialogSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog-title{font:var(--md-headline-small);color:var(--md-on-surface);margin:0 0 8px}.confirm-dialog-message{font:var(--md-body-medium);color:var(--md-on-surface-variant);margin:0 0 24px;line-height:1.5}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog-btn{padding:10px 24px;border-radius:var(--md-shape-large);font:var(--md-label-large);cursor:pointer;border:none;transition:all .15s ease}.confirm-dialog-btn.cancel{background:transparent;color:var(--md-on-surface-variant)}.confirm-dialog-btn.cancel:hover{background:var(--md-surface-container-high)}.confirm-dialog-btn.confirm{background:var(--md-primary);color:var(--md-on-primary)}.confirm-dialog-btn.confirm:hover{box-shadow:0 2px 8px #0003}.confirm-dialog-btn.confirm.danger{background:var(--md-error);color:var(--md-on-error)}.confirm-dialog-btn.confirm.danger:hover{box-shadow:0 2px 8px #f443364d}.message-audio audio{height:36px;min-width:200px}.info-invite{padding:16px;border-top:1px solid var(--md-outline-variant)}.info-invite h4{font:var(--md-title-small);color:var(--md-on-surface);margin:0 0 8px}.invite-link-row{display:flex;gap:8px;align-items:center}.invite-link-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--md-outline-variant);background:var(--md-surface-container);color:var(--md-on-surface);font:var(--md-body-small);outline:none}.invite-copy-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--md-primary);color:var(--md-on-primary);border:none;cursor:pointer;transition:all .15s ease}.invite-copy-btn:hover{transform:scale(1.1)}.invite-generate-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:var(--md-primary-container);color:var(--md-on-primary-container);border:none;font:var(--md-label-large);cursor:pointer;transition:all .15s ease}.invite-generate-btn:hover{box-shadow:0 2px 8px #00000026}.info-member{display:flex;align-items:center;gap:12px;padding:8px 0}.info-member-avatar{width:32px;height:32px;border-radius:50%;background:var(--md-tertiary-container);color:var(--md-on-tertiary-container);display:flex;align-items:center;justify-content:center;font:var(--md-label-medium);flex-shrink:0}.info-member-name{font:var(--md-body-medium);color:var(--md-on-surface)}.join-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--md-surface)}.join-card{text-align:center;padding:32px;background:var(--md-surface-container-low);border-radius:24px;box-shadow:0 4px 16px #0000001a}.join-spinner{width:40px;height:40px;border:3px solid var(--md-outline-variant);border-top-color:var(--md-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.join-error{font:var(--md-body-large);color:var(--md-error);margin:0 0 16px}.join-back-btn{padding:10px 24px;border-radius:20px;background:var(--md-primary);color:var(--md-on-primary);border:none;font:var(--md-label-large);cursor:pointer}.chat-unread-badge{animation:badgePop .2s ease-out}.channel-view{display:flex;flex-direction:column;height:100%}.channel-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--md-outline-variant);background:var(--md-surface)}.channel-header-info{flex:1;min-width:0}.channel-header-title{font:var(--md-title-large);color:var(--md-on-surface);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-header-meta{font:var(--md-body-small);color:var(--md-on-surface-variant)}.channel-join-btn,.channel-leave-btn{padding:6px 16px;border-radius:20px;font:var(--md-label-large);border:none;cursor:pointer;transition:all .15s ease}.channel-join-btn{background:var(--md-primary);color:var(--md-on-primary)}.channel-join-btn:hover{box-shadow:0 2px 8px #0003}.channel-leave-btn{background:transparent;color:var(--md-error);border:1px solid var(--md-error)}.channel-leave-btn:hover{background:var(--md-error-container)}.channel-posts{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.channel-post{background:var(--md-surface-container);border-radius:16px;padding:12px 16px;cursor:pointer;transition:background-color .15s ease}.channel-post:hover,.channel-post.expanded{background:var(--md-surface-container-high)}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.post-author{font:var(--md-label-large);color:var(--md-primary)}.post-time{font:var(--md-label-small);color:var(--md-on-surface-variant)}.post-text{font:var(--md-body-large);color:var(--md-on-surface);line-height:1.5;white-space:pre-wrap;word-break:break-word}.post-image{max-width:100%;border-radius:8px;margin-top:8px}.post-footer{display:flex;align-items:center;gap:12px;margin-top:8px}.post-comment-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--md-on-surface-variant);cursor:pointer;font:var(--md-label-medium);padding:4px 8px;border-radius:12px;transition:all .15s ease}.post-comment-btn:hover{background:var(--md-surface-container-highest);color:var(--md-primary)}.post-comments{margin-top:12px;padding-top:12px;border-top:1px solid var(--md-outline-variant);display:flex;flex-direction:column;gap:8px;animation:replyBarSlide .15s ease-out}.comment{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:var(--md-surface);border-radius:12px}.comment-author{font:var(--md-label-medium);color:var(--md-primary)}.comment-text{font:var(--md-body-medium);color:var(--md-on-surface)}.comment-time{font:var(--md-label-small);color:var(--md-on-surface-variant);align-self:flex-end}.comment-input-row{display:flex;gap:8px;align-items:center}.comment-input{flex:1;padding:8px 12px;border-radius:20px;border:1px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-on-surface);font:var(--md-body-medium);outline:none}.comment-input:focus{border-color:var(--md-primary)}.comment-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--md-primary);color:var(--md-on-primary);border:none;cursor:pointer;transition:all .15s ease}.comment-send-btn:disabled{opacity:.5;cursor:not-allowed}.comment-send-btn:not(:disabled):hover{transform:scale(1.1)}.channel-input-area{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--md-outline-variant);background:var(--md-surface)}.channel-post-input{flex:1;padding:10px 16px;border-radius:24px;border:1px solid var(--md-outline-variant);background:var(--md-surface-container);color:var(--md-on-surface);font:var(--md-body-large);outline:none;transition:border-color .15s ease}.channel-post-input:focus{border-color:var(--md-primary)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;text-align:center;gap:12px}.error-boundary h1{font:var(--md-headline-medium);color:var(--md-on-surface)}.error-boundary p{font:var(--md-body-medium);color:var(--md-on-surface-variant)}.error-boundary-btn{padding:10px 24px;background:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:var(--md-shape-medium);font:var(--md-label-large);cursor:pointer;margin-top:8px}@media (max-width: 768px){.sidebar-wrapper{position:fixed;top:0;left:0;bottom:0;z-index:10;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.sidebar-wrapper.chat-open{transform:translate(-100%)}.main-content{width:100%;max-width:100%;margin-left:0}.main-content:not(.chat-open) .chat-window{display:none}.main-content:not(.chat-open) .empty-state{display:flex}.mobile-back-btn{display:flex!important}.chat-header{padding:8px 12px}.chat-header-title{font:var(--md-title-medium)}.message-area{padding:8px 12px}.message-bubble{max-width:85%;padding:8px 12px}.input-area{padding:8px 12px}.panel{width:95%;max-height:90vh}.chat-info-panel .info-avatar{width:64px;height:64px}}@media (max-width: 480px){.sidebar-header{padding:8px 12px}.chat-avatar{width:40px;height:40px}.chat-name{font:var(--md-body-large)}.message-bubble{max-width:90%}.chat-actions .icon-btn{padding:6px}}