@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;font-family:Google Sans Flex,Noto Sans SC,system-ui,sans-serif}#root{height:100dvh;position:relative;overflow:hidden}:root{--m3-easing-standard:cubic-bezier(.2, 0, 0, 1);--m3-easing-emphasized:cubic-bezier(.05, .7, .1, 1);--m3-easing-accelerate:cubic-bezier(.3, 0, 1, 1);--m3-easing-decelerate:cubic-bezier(0, 0, 0, 1);--m3-duration-short:.15s;--m3-duration-medium:.3s;--m3-duration-long:.4s}@media (prefers-reduced-motion:no-preference){body,#root,main,header,nav,div,section,article,md-filled-button,md-outlined-button,md-filled-tonal-button,md-text-button,md-filled-text-field,md-outlined-text-field,md-icon,md-icon-button,md-filled-icon-button,md-checkbox,md-switch,md-dialog,md-divider,md-list,md-list-item,md-menu,md-menu-item,md-tabs,md-primary-tab,md-secondary-tab,md-circular-progress,md-linear-progress,md-chip-set,md-filter-chip,md-assist-chip,md-suggestion-chip,md-outlined-select,md-select-option,.m3-card,.m3-card-outlined,.m3-section-title,.m3-section-desc{transition:background-color .6s var(--m3-easing-standard), color .6s var(--m3-easing-standard), border-color .6s var(--m3-easing-standard), box-shadow .6s var(--m3-easing-standard)}}@keyframes m3-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes m3-scale-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes m3-slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes m3-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes m3-scale-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.page-enter{animation:m3-enter var(--m3-duration-medium) var(--m3-easing-emphasized) both}.banner-enter{animation:m3-slide-down var(--m3-duration-short) var(--m3-easing-decelerate) both}.banner-exit{animation:m3-exit var(--m3-duration-short) var(--m3-easing-accelerate) both}.state-enter{animation:m3-scale-enter var(--m3-duration-medium) var(--m3-easing-emphasized) both}.m3-card{background-color:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level1);padding:24px}.m3-card-outlined{background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);padding:24px}.m3-section{margin-bottom:24px}.m3-section-title{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin-bottom:16px}.m3-section-desc{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:16px}.responsive-container{width:100%;max-width:1200px;margin:0 auto}.form-container{width:100%;max-width:440px;margin:0 auto;padding:24px 16px}.form-title{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface);margin-bottom:8px}.form-subtitle{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:32px}.form-field{width:100%;margin-bottom:16px}.form-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.form-links{font:var(--md-sys-typescale-body-small);justify-content:center;gap:8px;margin-top:16px;display:flex}.form-container md-filled-text-field,.form-container md-outlined-text-field,.form-container md-filled-button,.form-container md-outlined-button,.form-container md-filled-tonal-button{width:100%}md-filled-button{--md-filled-button-leading-space:24px;--md-filled-button-trailing-space:24px}md-outlined-button{--md-outlined-button-leading-space:24px;--md-outlined-button-trailing-space:24px}md-filled-tonal-button{--md-filled-tonal-button-leading-space:24px;--md-filled-tonal-button-trailing-space:24px}md-text-button{--md-text-button-leading-space:12px;--md-text-button-trailing-space:12px}md-dialog{max-height:90vh;overflow-y:auto;margin:auto!important;position:fixed!important;inset:0!important}[slot=content]{padding:0 24px!important}[slot=actions]{justify-content:flex-end!important;gap:8px!important;padding:16px 24px!important;display:flex!important}md-dialog .form-field{width:100%;margin-bottom:16px}md-dialog .form-field md-outlined-text-field{width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.message-group:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) 4%, transparent)}.message-group .msg-actions{opacity:0;visibility:hidden;transition:opacity .15s var(--m3-easing-standard), visibility .15s;position:absolute;top:-16px;right:16px}.message-group:hover .msg-actions{opacity:1;visibility:visible}.message-group{position:relative}.message-group:hover .timestamp-hover{opacity:1!important}@keyframes ripple-expand{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(20)}}.mobile-menu-btn{display:none!important}@media (width<=768px){.mobile-menu-btn{display:inline-flex!important}.chat-sidebar{z-index:60;transition:transform .25s var(--m3-easing-standard);inset:0 auto 0 0;transform:translate(-100%);position:fixed!important}.chat-sidebar.open{transform:translate(0)}}emoji-picker{--background:var(--md-sys-color-surface-container);--border-color:var(--md-sys-color-outline-variant);--button-active-background:var(--md-sys-color-primary);--button-hover-background:var(--md-sys-color-surface-container-highest);--input-background:var(--md-sys-color-surface-container-lowest);--input-border-color:var(--md-sys-color-outline-variant);--input-placeholder-color:var(--md-sys-color-on-surface-variant);--outline-color:var(--md-sys-color-primary);--text-color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;width:320px;height:360px}.m3-filled-btn{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font:var(--md-sys-typescale-label-large);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-shadow:var(--md-sys-elevation-1);border:none;border-radius:20px;outline:none;padding:10px 24px;transition:box-shadow .2s;position:relative;overflow:hidden}.m3-filled-btn:hover{box-shadow:var(--md-sys-elevation-2)}.m3-filled-btn:active{box-shadow:var(--md-sys-elevation-1)}.m3-filled-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.m3-filled-btn .m3-ripple{pointer-events:none;opacity:.12;background:currentColor;border-radius:50%;animation:.5s ease-out m3-ripple-anim;position:absolute;transform:scale(0)}@keyframes m3-ripple-anim{to{opacity:0;transform:scale(4)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes m3-slide-in-left{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes m3-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-80px)}}@keyframes m3-slide-in-right{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes m3-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@keyframes m3-message-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes m3-fade-in{0%{opacity:0}to{opacity:1}}@keyframes m3-fade-out{0%{opacity:1}to{opacity:0}}.anim-slide-in-left{animation:m3-slide-in-left var(--m3-duration-medium) var(--m3-easing-emphasized) both}.anim-slide-out-left{animation:m3-slide-out-left var(--m3-duration-short) var(--m3-easing-accelerate) both}.anim-slide-in-right{animation:m3-slide-in-right var(--m3-duration-medium) var(--m3-easing-emphasized) both}.anim-slide-out-right{animation:m3-slide-out-right var(--m3-duration-short) var(--m3-easing-accelerate) both}.anim-message{animation:m3-message-enter var(--m3-duration-short) var(--m3-easing-emphasized) both}.anim-fade-in{animation:m3-fade-in var(--m3-duration-medium) var(--m3-easing-standard) both}.m3-interactive{transition:background-color .15s var(--m3-easing-standard), transform .15s var(--m3-easing-standard)}.m3-interactive:hover{background-color:#80808014}.m3-interactive:active{transform:scale(.98)}.m3-filled-btn{transition:box-shadow .2s var(--m3-easing-standard), transform .1s var(--m3-easing-standard), background-color .2s var(--m3-easing-standard)}.m3-filled-btn:active{transform:scale(.97)}
/*# sourceMappingURL=chat-frontend.bef61056.css.map */