@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{--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{width:320px;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:8px 12px}.chat-item{display:flex;align-items:center;padding:12px 16px;border-radius:var(--md-shape-large);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);margin-bottom:4px;min-height:72px}.chat-item:hover{background-color:var(--md-surface-container-highest)}.chat-item:active{background-color:var(--md-surface-container-high)}.chat-avatar{width:48px;height:48px;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}.chat-info{margin-left:16px;flex:1;overflow:hidden}.chat-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name{font:var(--md-title-medium);color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font:var(--md-label-small);color:var(--md-on-surface-variant);margin-left:8px;flex-shrink:0}.chat-last-message{font:var(--md-body-medium);color:var(--md-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}.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-image{max-width:100%;border-radius:var(--md-shape-medium)}.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{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:var(--md-scrim);display:flex;align-items:center;justify-content:center;z-index:200;background:#0009}.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-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px}.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)}.input-container{position:relative;flex:1}.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}.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}