@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--thead-h: 48px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--font-family: "Mulish", sans-serif;--title: 700 24px/40px var(--font-family);--title-small: 700 18px/24px var(--font-family);--text-semibold-large: 500 15px/20px var(--font-family);--text-semibold-medium: 500 14px/24px var(--font-family);--text-semibold-small: 500 13px/16px var(--font-family);--text-regular-large: 400 15px/20px var(--font-family);--text-regular-medium: 400 14px/24px var(--font-family);--text-regular-small: 400 13px/16px var(--font-family);--text-caption: 500 12px/14px var(--font-family);--news-color: var(--main-color-10);--wave-color: #e04e10;--progress-color: #dd5e98;--cursor-color: #ddd5e9;--keyboard-inset: 0px}html[data-theme=dark]{--news-color: var(--surface-color);--surface-color: #242f3d;--surface-color-variant: #39495e;--background-color: #17212b;--background-secondary-color: #242f3d;--background-tertiary-color: #242f3d;--text-color: #fff;--text-inverted-color: #26325c;--text-secondary-color: #7f91a4;--text-tertiary-color: #7f91a4;--backdrop-color: rgba(23, 33, 43, .75);--title-color: #fff;--line-color: #2c3743;--danger-color: #ff6270;--success-color: #70cf98;--warning-color: #f2c94c;--grey-color: #7f91a4;--grey-color-50: rgba(127, 145, 164, .5);--main-color: #7177f8;--main-variant-color: #525aff;--incoming-bubble-bg: #2f3d4d;--incoming-bubble-border: #435468;--own-bubble-bg: #6168e8;--secondary-color: rgba(127, 145, 164, .5);--secondary-variant-color: rgba(127, 145, 164, .7);--tertiary-color: #242f3d;--tertiary-variant-color: #39495e;--surface-color-50: rgba(36, 47, 61, 1)}html{--tertiary-color: #f8f9fa;--tertiary-variant-color: rgba(38, 50, 92, .1);--surface-color-50: rgba(36, 47, 61, 1);--light-gray: #323f4e;--gray: #242f3d;--gray-clue: #39495e;--tab-color: #ffffff99;--tab-color-active: #ffffff;--text-color: #26325c;--light-color-03: rgba(255, 255, 255, .03);--text-inverted-color: #fff;--text-secondary-color: #83899f;--text-tertiary-color: #26325c;--dark-color: #26325c;--dark-color-10: rgba(38, 50, 92, .1);--dark-color-20: rgba(38, 50, 92, .2);--dark-color-25: rgba(38, 50, 92, .25);--dark-color-50: rgba(38, 50, 92, .5);--dark-color-75: rgba(38, 50, 92, .75);--dark-color-05: rgba(38, 50, 92, .05);--grey-color: #83899f;--grey-color-25: rgba(131, 137, 159, .25);--grey-color-50: rgba(131, 137, 159, .5);--grey-color-20: rgba(131, 137, 159, .2);--light-color: #fff;--light-color-25: rgba(255, 255, 255, .25);--light-color-40: rgba(255, 255, 255, .4);--light-color-50: rgba(255, 255, 255, .5);--light-color-75: rgba(255, 255, 255, .75);--background-color: #fff;--background-secondary-color: #fff;--background-tertiary-color: rgba(69, 76, 238, .05);--backdrop-color: rgba(255, 255, 255, .75);--line-color: #e8ebef;--line-color-25: rgba(232, 235, 239, .25);--main-variant-color: #2d35ee;--main-color: #454cee;--main-color-05: rgba(69, 76, 238, .05);--main-color-10: rgba(69, 76, 238, .1);--main-color-20: rgba(69, 76, 238, .2);--main-color-30: rgba(69, 76, 238, .3);--main-color-50: rgba(69, 76, 238, .5);--incoming-bubble-bg: var(--background-secondary-color);--incoming-bubble-border: var(--line-color);--own-bubble-bg: #6268e6;--danger-color: #ea4335;--danger-color-10: rgba(234, 67, 53, .1);--danger-color-20: rgba(234, 67, 53, .2);--danger-color-70: rgba(234, 67, 53, .7);--danger-color-80: rgba(234, 67, 53, .8);--success-color: #1cc14d;--success-color-10: rgba(28, 193, 77, .1);--warning-color: #f2c94c;--warning-color-10: rgba(242, 201, 76, .1);--warning-color-25: rgba(242, 201, 76, .25);--title-color: #26325c;--surface-color: #f8f9fa;--surface-color-variant: #fff;--orange-color: #eb501e;--box-shadow: 0px 4px 12px rgba(5, 12, 38, .12);--border-radius-large: 12px;--border-radius-medium: 8px;--border-radius-small: 4px;--transition-duration: .2s;--transition-function: ease-in-out}*{box-sizing:border-box}html,body,#app{min-height:100%;height:100%}body{margin:0;overflow:hidden;overscroll-behavior:none;background:var(--background-color);color:var(--text-color);font:var(--text-regular-medium);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}button,input,textarea{font:inherit}input,select,textarea{font-size:16px!important;-webkit-user-select:text;user-select:text}button{color:inherit}[hidden]{display:none!important}.appShell,.installScreen,.authScreen,.messengerScreen{min-height:var(--app-vh, 100dvh)}.installScreen,.authScreen{display:grid;place-items:center;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));background:linear-gradient(180deg,var(--background-tertiary-color),transparent 34%),var(--background-color)}.installCard,.card{width:100%;max-width:408px;padding:24px;background:var(--background-secondary-color);border:1px solid var(--line-color);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow)}.authScreen .wrap{width:min(90vw,760px)}.authScreen .card{width:100%;max-width:760px;min-height:min(78dvh,720px);display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,56px)}.installLogo{width:64px;height:64px;display:block;margin-bottom:20px;border-radius:16px}.installCard h1,.chatEmpty h2{margin:0;color:var(--title-color);font:800 28px/34px var(--font-family)}.installCard p,.chatEmpty p{margin:10px 0 0;color:var(--text-secondary-color);font:var(--text-regular-medium)}.installSteps{display:grid;gap:10px;margin:22px 0}.installSteps div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;color:var(--text-color)}.installSteps span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--main-color-10);color:var(--main-color);font:var(--text-caption)}.wrap{display:grid;place-items:center}.cardTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brandIcon{width:40px;height:40px;border-radius:10px}.title{margin:0 0 12px;padding-bottom:20px;color:var(--title-color);font:var(--title);font-weight:800}.field{margin-bottom:16px}.name{position:relative;margin-bottom:6px;color:var(--text-secondary-color);font:var(--text-regular-small)}.input{position:relative;display:flex;align-items:center;background:var(--surface-color-variant);border:1px solid var(--line-color);border-radius:var(--border-radius-medium);transition:border var(--transition-duration) var(--transition-function),box-shadow var(--transition-duration) var(--transition-function)}.input:focus-within,.searchBox:focus-within{border-color:var(--main-color);box-shadow:0 0 0 2px var(--main-color-20)}.form-control{width:100%;padding:10px 14px;border:0;outline:0;background:transparent;color:var(--text-color);font:400 16px/24px var(--font-family)}.icon-eye,.iconControl,.composerFieldAction,.composerSideBtn{border:0;background:transparent;cursor:pointer}.icon-eye{position:absolute;right:10px;top:1px;width:30px;height:30px}.icon-eye:before{content:"";display:block;width:20px;height:20px;margin:5px;background:currentColor;color:var(--text-secondary-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99999 3.25C14.044 3.25 17.4085 6.16 18.1142 10C17.4092 13.84 14.044 16.75 9.99999 16.75C5.95599 16.75 2.59149 13.84 1.88574 10C2.59074 6.16 5.95599 3.25 9.99999 3.25ZM9.99999 15.25C11.5296 15.2497 13.0138 14.7301 14.2096 13.7764C15.4055 12.8226 16.2422 11.4912 16.5827 10C16.2409 8.50998 15.4037 7.18 14.208 6.22752C13.0122 5.27504 11.5287 4.7564 9.99999 4.7564C8.47126 4.7564 6.98776 5.27504 5.79202 6.22752C4.59629 7.18 3.75907 8.50998 3.41724 10C3.75781 11.4912 4.5945 12.8226 5.79035 13.7764C6.9862 14.7301 8.47039 15.2497 9.99999 15.25ZM9.99999 13.375C9.10489 13.375 8.24644 13.0194 7.61351 12.3865C6.98057 11.7535 6.62499 10.8951 6.62499 10C6.62499 9.10489 6.98057 8.24645 7.61351 7.61351C8.24644 6.98058 9.10489 6.625 9.99999 6.625C10.8951 6.625 11.7535 6.98058 12.3865 7.61351C13.0194 8.24645 13.375 9.10489 13.375 10C13.375 10.8951 13.0194 11.7535 12.3865 12.3865C11.7535 13.0194 10.8951 13.375 9.99999 13.375ZM9.99999 11.875C10.4973 11.875 10.9742 11.6775 11.3258 11.3258C11.6774 10.9742 11.875 10.4973 11.875 10C11.875 9.50272 11.6774 9.02581 11.3258 8.67417C10.9742 8.32254 10.4973 8.125 9.99999 8.125C9.50271 8.125 9.0258 8.32254 8.67417 8.67417C8.32254 9.02581 8.12499 9.50272 8.12499 10C8.12499 10.4973 8.32254 10.9742 8.67417 11.3258C9.0258 11.6775 9.50271 11.875 9.99999 11.875Z' fill='%23868C98'/%3E%3C/svg%3E") center/contain no-repeat}.custom_btn{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;border:0;border-radius:14px;background:var(--main-color);color:#fff;cursor:pointer;transition:background var(--transition-duration) var(--transition-function),transform var(--transition-duration) var(--transition-function),opacity var(--transition-duration) var(--transition-function)}.custom_btn:hover{background:var(--main-variant-color);transform:translateY(-1px)}.custom_btn:disabled{opacity:.6;cursor:not-allowed}.actions{margin-top:18px}.mutedText{margin:0;color:var(--text-secondary-color);font:var(--text-regular-medium)}.textButton{width:100%;margin-top:12px;padding:10px 12px;border:0;background:transparent;color:var(--text-secondary-color);cursor:pointer}.biometricCard{gap:12px}.biometricCard .brandIcon{width:72px;height:72px;border-radius:18px;display:block;margin:0 auto 4px}.biometricCard .title,.biometricCard .mutedText{text-align:center}.biometricSubmit{flex-direction:column;gap:10px;min-height:104px}.biometricSubmitIcon{display:block;width:34px;height:34px;background:currentColor;color:#fff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8.976 21C4.05476 21 3 19.9452 3 15.024'/%3E%3Cpath d='M21 15.024C21 19.9452 19.9452 21 15.024 21'/%3E%3Cpath d='M15.024 3C19.9452 3 21 4.05476 21 8.976'/%3E%3Cpath d='M8 14C8.91221 15.2144 10.3645 16 12.0004 16C13.6362 16 15.0885 15.2144 16.0007 14'/%3E%3Cpath d='M9 10.0112V10'/%3E%3Cpath d='M15 10.0112V10'/%3E%3Cpath d='M3 8.976C3 4.05476 4.05476 3 8.976 3'/%3E%3C/svg%3E") center/contain no-repeat}.username{margin:6px 0 10px;color:var(--text-color);font-weight:600}.cselect{position:relative}.cselect__btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line-color);border-radius:var(--border-radius-medium);background:var(--surface-color-variant);color:var(--text-color);font:400 16px/24px var(--font-family);cursor:pointer}.cselect[aria-expanded=true] .cselect__list{display:block}.cselect__list{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:220px;overflow:auto;z-index:10;background:var(--surface-color-variant);border:1px solid var(--line-color);border-radius:8px}.cselect__item{padding:10px 14px;cursor:pointer}.cselect__item:hover,.cselect__item[aria-selected=true]{background:var(--main-color-10)}.chev{width:16px;height:16px;fill:none;stroke:var(--text-secondary-color);stroke-width:2}.toastError{position:fixed;top:calc(16px + env(safe-area-inset-top));left:50%;z-index:20;width:min(408px,calc(100vw - 32px));padding:10px 16px;border-radius:8px;background:var(--danger-color);color:#fff;transform:translate(-50%);box-shadow:var(--box-shadow)}.messengerScreen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:372px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden;background:var(--background-color)}.sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line-color);background:var(--background-secondary-color)}.appHeader,.chatHeader{z-index:5;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:calc(16px + var(--safe-top)) 16px 16px;border-bottom:1px solid var(--line-color);background:var(--background-secondary-color)}.appHeader h1,.chatHeader h2{margin:0;color:var(--title-color);font:800 22px/28px var(--font-family)}.eyebrow,.chatHeader p{margin:0;color:var(--text-secondary-color);font:var(--text-caption)}.headerActions{display:flex;gap:8px}.iconControlText{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:38px;padding:0 12px;border:1px solid var(--line-color);border-radius:10px;background:var(--surface-color-variant);color:var(--text-color);cursor:pointer}.iconControlText:hover{color:var(--main-color);border-color:var(--main-color-20)}.iconControl{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--text-secondary-color);background:var(--background-tertiary-color)}.iconControl:hover{color:var(--main-color)}.sunIcon,.logoutIcon,.searchIcon,.sendIcon,.phoneIcon,.attachIcon,.emojiIcon,.micIcon{display:block;width:19px;height:19px;background:currentColor}.sunIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E") center/contain no-repeat}.logoutIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat}.searchIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat}.sendIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3.4 20.4 21.7 12 3.4 3.6 3 10.1 14 12 3 13.9l.4 6.5Z'/%3E%3C/svg%3E") center/contain no-repeat}.phoneIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.32 1.77.59 2.61a2 2 0 0 1-.45 2.11L8 9.69a16 16 0 0 0 6.31 6.31l1.25-1.25a2 2 0 0 1 2.11-.45c.84.27 1.71.47 2.61.59A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}.attachIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center/contain no-repeat}.emojiIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/svg%3E") center/contain no-repeat}.micIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a3 3 0 0 1 3 3v6a3 3 0 1 1-6 0V6a3 3 0 0 1 3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2M12 19v3M8 22h8'/%3E%3C/svg%3E") center/contain no-repeat}.backIcon{display:block;width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center/contain no-repeat}.chatBack{display:none;flex:0 0 38px;border:1px solid var(--line-color);background:var(--surface-color-variant);color:var(--text-color);box-shadow:0 1px 2px #050c2614}.searchBox{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;margin:14px 16px 10px;padding:10px 12px;border:1px solid var(--line-color);border-radius:var(--border-radius-medium);background:var(--surface-color-variant);color:var(--text-secondary-color)}.searchBox input{min-width:0;border:0;outline:0;background:transparent;color:var(--text-color);font:400 16px/22px var(--font-family)}.notificationPrompt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 16px 0;padding:12px;border:1px solid var(--line-color);border-radius:var(--border-radius-medium);background:var(--main-color-10)}.notificationPrompt strong,.notificationPrompt span{display:block}.notificationPrompt strong{color:var(--title-color);font:var(--text-semibold-medium)}.notificationPrompt span{color:var(--text-secondary-color);font:var(--text-regular-small)}.notificationPrompt button{min-height:34px;padding:0 12px;border:0;border-radius:8px;background:var(--main-color);color:#fff;cursor:pointer}.promptActions{display:flex;gap:8px}.notificationPrompt .ghostPromptButton{background:transparent;color:var(--text-secondary-color);border:1px solid var(--line-color)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 16px 10px;padding:4px;border-radius:var(--border-radius-medium);background:var(--background-tertiary-color)}.segmented button{min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary-color);cursor:pointer}.segmented button.is-active{background:var(--surface-color-variant);color:var(--main-color);box-shadow:var(--box-shadow)}.contactList{flex:1 1 auto;min-height:0;overflow:auto;padding:0 8px max(12px,var(--safe-bottom));-webkit-overflow-scrolling:touch}.contactItem{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:10px 8px;border:0;border-radius:var(--border-radius-medium);background:transparent;text-align:left;cursor:pointer}.contactItem:hover,.contactItem.is-active{background:var(--main-color-10)}.avatarWrap{position:relative;width:48px;height:48px;flex:0 0 48px}.avatar{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--main-color-10);color:var(--main-color);font:800 14px/1 var(--font-family)}.avatar img{width:100%;height:100%;object-fit:cover}.statusDot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--background-secondary-color);background:var(--grey-color-50)}.statusDot.is-online{background:var(--success-color)}.contactMain{min-width:0}.contactTop,.contactBottom{display:flex;justify-content:space-between;gap:8px;min-width:0}.contactName,.contactPreview,.contactRole{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactName{color:var(--text-color);font:var(--text-semibold-medium)}.contactTime,.contactRole,.contactPreview,.emptyList{color:var(--text-secondary-color);font:var(--text-regular-small)}.contactPreview{flex:1}.contactPreview.is-typing{color:var(--main-color)}.contactPreview.is-draft{color:#d97706}.unreadBadge,.newBadge{flex:0 0 auto;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--main-color);color:#fff;font:var(--text-caption)}.newBadge{background:var(--main-color-10);color:var(--main-color)}.emptyList{padding:18px;text-align:center}.chatPanel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-color)}.chatEmpty{margin:auto;width:min(360px,calc(100vw - 32px));text-align:center}.chatEmpty img{width:72px;height:72px;margin-bottom:18px;border-radius:18px}.chatView{position:relative;min-width:0;min-height:0;height:100%;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.chatView:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(36px + var(--safe-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),var(--background-color) 78%);pointer-events:none;z-index:5}html[data-theme=dark] .chatView:after{background:linear-gradient(180deg,rgba(23,33,43,0),var(--background-color) 78%)}.chatHeader{justify-content:flex-start;gap:12px;padding-right:max(16px,var(--safe-right));padding-left:max(16px,var(--safe-left));min-height:68px}.chatHeaderIdentity{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.chatHeaderIdentity .avatarWrap,.chatHeaderIdentity .avatar{width:44px;height:44px}.chatHeaderText{min-width:0}.chatHeader h2{display:-webkit-box;overflow:hidden;font:800 17px/20px var(--font-family);-webkit-box-orient:vertical;-webkit-line-clamp:2}.chatHeader p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatHeader p.is-typing{color:var(--main-color)}.chatHeader p.is-online{color:var(--success-color)}.chatCall{flex:0 0 38px}.callOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;min-height:var(--app-vh, 100dvh);background:#000;overflow:hidden}.callProximityMask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;pointer-events:none}.callStage{position:relative;width:100%;height:var(--app-vh, 100dvh);min-height:var(--app-vh, 100dvh);background:#000;overflow:hidden}.callIdentity{display:flex;align-items:center;gap:12px}.callIdentityText strong,.callIdentityText span{display:block}.callIdentityText strong{color:#fff;font:700 18px/1.15 var(--font-family)}.callIdentityText span{color:#ffffffc2;font:500 14px/1.2 var(--font-family)}.callAvatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#ffffff2e;flex:0 0 auto}.callAvatar.is-large{width:116px;height:116px;font-size:32px}.callAvatar img{width:100%;height:100%;object-fit:cover}.callRemotePlaceholder,.callRemoteVideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.callRemotePlaceholder{display:grid;place-items:center;background:radial-gradient(circle at 20% 0,rgba(81,96,180,.28),transparent 26%),linear-gradient(180deg,#1a1e28b8,#0c0e13e6)}.callRemoteVideo,.callLocalVideo{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.callLocalVideo{border-radius:10px;background:#9d9fad;box-shadow:none}.callRemoteVideo{pointer-events:none;background:#000}.callTopbar{position:absolute;left:0;right:0;top:0;z-index:6;padding:max(12px,var(--safe-top)) 14px 10px;background:linear-gradient(to bottom,#0000008f,#0000)}.callStatusBar{position:absolute;left:50%;top:max(12px,var(--safe-top));transform:translate(-50%);z-index:7;padding:6px 10px;border-radius:12px;background:#171a21b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:1px solid rgba(255,255,255,.12);color:#fff;font:500 14px/1.2 var(--font-family);white-space:nowrap}.callLocalSlot{position:absolute;right:max(12px,var(--safe-right));bottom:max(12px,calc(var(--safe-bottom) + 74px));width:128px;height:96px;border-radius:10px;outline:2px solid rgba(255,255,255,.2);background:#94a3b852;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease;z-index:5}.callLocalSlot.is-active{opacity:1;transform:translateY(0)}.callHud{position:absolute;left:50%;bottom:max(12px,var(--safe-bottom));transform:translate(-50%);z-index:6;display:flex;gap:10px;padding:8px;border-radius:16px;background:#14161c73;-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);outline:1px solid rgba(255,255,255,.12);transition:opacity .18s ease,transform .18s ease}.callHud.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,8px)}.callHudButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:44px;height:44px;border-radius:12px;color:#fff;background:#ffffff14;outline:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center}.callHudButton svg{width:24px;height:24px}.callHudButton.is-active{background:#3b82f657}.callHudButtonDanger{background:#ef4444eb;outline:1px solid rgba(0,0,0,.2)}.callCenterOverlay,.callWaitingOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:4;background:linear-gradient(to bottom,#00000059,#0000008c);-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}.callOverlayBox{max-width:420px;border-radius:14px;padding:16px;background:#171a21eb;border:1px solid rgba(255,255,255,.12);color:#fff;text-align:center}.callOverlayEmoji{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;margin-bottom:6px}.callOverlayEmojiHourglass{color:#fff;animation:callHourglassFlip 2.2s ease-in-out infinite;transform-origin:50% 50%}.callOverlayEmojiHourglass svg{width:24px;height:24px}.callOverlayTitle{font:700 18px/1.2 var(--font-family);margin-bottom:6px;color:#fff}.callOverlayHint{color:#ffffffb3;font:400 15px/1.35 var(--font-family)}@keyframes callHourglassFlip{0%,18%{transform:rotate(0)}38%,56%{transform:rotate(180deg)}to{transform:rotate(180deg)}}.callIncomingActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.callActionButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;min-height:52px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1.2 var(--font-family);color:#fff}.callActionButton.accept{background:#22c55e}.callActionButton.decline{background:#ef4444}.callActionButton svg{width:22px;height:22px}@media (max-width: 900px){.callLocalSlot{width:160px;height:120px}}@media (max-width: 640px){.callLocalSlot{right:16px;bottom:calc(var(--safe-bottom) + 68px);width:116px;height:92px}.callTopbar{padding:max(10px,var(--safe-top)) 12px 8px}.callStatusBar{font-size:13px}.callHud{gap:8px;padding:8px}.callHudButton{width:42px;height:42px;border-radius:12px}.callIncomingActions{grid-template-columns:1fr}}.messageList{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 18px 14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:radial-gradient(circle at 18% 0,var(--main-color-05),transparent 28%),var(--surface-color)}.jumpToLatest{position:absolute;left:50%;bottom:calc(var(--keyboard-inset) + var(--safe-bottom) + 104px);z-index:7;transform:translate(-50%);width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line-color);border-radius:999px;background:#242f3de0;color:#fff;box-shadow:0 12px 24px #050c262e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jumpToLatestIcon{display:block;width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E") center/contain no-repeat}.message{max-width:min(620px,78%);margin-bottom:14px;touch-action:pan-y;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.messageDayDivider{display:flex;justify-content:center;margin:8px 0 14px}.messageDayDivider span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--surface-color-variant);border:1px solid var(--line-color);color:var(--text-secondary-color);font:var(--text-caption)}.message.is-own{margin-left:auto}.message.is-compact{margin-top:-8px}.message.is-compact .bubble{box-shadow:0 1px 1px #050c260a}.message.is-highlighted .bubble{box-shadow:0 0 0 2px var(--main-color-30),0 8px 20px #050c2624}.messageMeta{margin-bottom:5px;color:var(--text-secondary-color);font:var(--text-caption)}.bubble{display:grid;gap:8px;padding:10px 12px;border-radius:14px 14px 14px 6px;background:var(--incoming-bubble-bg);color:var(--text-color);border:1px solid var(--incoming-bubble-border);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #050c260f}.message.is-own .bubble{background:var(--own-bubble-bg);color:#fff;border-color:transparent;border-radius:14px 14px 6px}.messageReadState{justify-self:end;margin-top:-2px;color:#ffffffb8;display:inline-flex;align-items:center;justify-content:flex-end;min-height:18px}.messageReadState.is-read{color:#b8f2ff}.messageStatusText,.messageStatusIconWrap{display:inline-flex;align-items:center;justify-content:flex-end;min-width:0;font:500 11px/1.2 var(--font-family)}.messageStatusText{color:currentColor}.messageStatusText.is-failed{color:#ffd3da}.messageStatusIconWrap.is-read{color:#b8f2ff}.messageReadIcon{width:16px;height:16px;color:currentColor;flex:0 0 auto}.messageText strong{font-weight:800}.messageText em{font-style:italic}.messageText code{padding:1px 5px;border-radius:5px;background:#050c261f;font:600 13px/18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.message.is-own .messageText code{background:#ffffff38}.messageQuote{display:block;margin:2px 0;padding:7px 10px;border-left:3px solid var(--main-color);border-radius:8px;background:var(--main-color-10);color:var(--text-secondary-color);font:var(--text-regular-small)}.message.is-own .messageQuote{border-left-color:#ffffffc7;background:#ffffff29;color:#ffffffdb}.replyPreview{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-left:3px solid var(--main-color);border-radius:8px;background:var(--main-color-10)}.replyPreview.is-link{width:100%;padding:7px 9px;border-top:0;border-right:0;border-bottom:0;cursor:pointer;text-align:left}.replyPreview strong,.replyPreview span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replyPreview strong{color:var(--title-color);font:var(--text-semibold-small)}.replyPreview span{color:var(--text-secondary-color);font:var(--text-regular-small)}.inMessage{grid-template-columns:1fr;padding:7px 9px;background:#ffffff73}html[data-theme=dark] .inMessage{background:#ffffff12}.message.is-own .inMessage{border-left-color:#ffffffbf;background:#ffffff2e}.message.is-own .inMessage strong,.message.is-own .inMessage span{color:#fff}.systemMessage{display:flex;justify-content:center;margin:10px 0 16px;transition:transform .16s ease,box-shadow .16s ease}.systemMessage span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--surface-color-variant);border:1px solid var(--line-color);color:var(--text-secondary-color);font:var(--text-regular-small)}.systemMessage.is-highlighted span{border-color:var(--main-color);color:var(--main-color);box-shadow:0 8px 20px #050c261f}.messageAttachments{display:grid;gap:6px;max-width:min(420px,100%)}.messageAttachments.is-single{grid-template-columns:minmax(180px,1fr)}.messageAttachments.is-pair,.messageAttachments.is-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.messageAttachments.is-gallery .messageImageButton:first-child{grid-row:span 2}.messageImageButton{display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:transparent;cursor:zoom-in}.messageImageButton.is-single{aspect-ratio:4 / 3}.messageImageButton.is-pair,.messageImageButton.is-gallery-side{aspect-ratio:1 / 1}.messageImageButton.is-gallery-main{aspect-ratio:1 / 2}.smartImage{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px;background:#050c2614}.smartImageSkeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff0f,#ffffff2e,#ffffff0f),#050c2614;background-size:200% 100%,auto;animation:attachmentShimmer 1.2s linear infinite}.smartImage.is-loaded .smartImageSkeleton{opacity:0;transition:opacity .18s ease}.messageAttachments img{width:100%;height:100%;display:block;object-fit:cover;border-radius:10px;background:transparent}.imageLoadError{width:100%;min-height:126px;display:grid;gap:5px;align-content:center;padding:10px;border:1px dashed var(--line-color);border-radius:10px;background:var(--background-tertiary-color);color:var(--text-secondary-color);text-align:left;overflow:hidden}.imageLoadError strong{color:var(--text-color);font:var(--text-semibold-small)}.imageLoadError span,.imageLoadError code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-caption)}.imageLoadError code{padding:2px 5px;border-radius:5px;background:#050c2614}.composer{z-index:6;flex:0 0 auto;display:grid;grid-template-columns:1fr;gap:8px;margin:8px max(12px,var(--safe-right)) max(12px,calc(var(--keyboard-inset) + 12px)) max(12px,var(--safe-left));padding:0}.composerReply{padding:8px 10px;border:1px solid var(--line-color);border-radius:14px;background:var(--background-secondary-color);box-shadow:0 8px 22px #050c260d}.composerReply button,.attachmentDraft button{border:0;background:transparent;color:var(--text-secondary-color);cursor:pointer}.attachmentDrafts{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.attachmentDraft{position:relative;flex:0 0 72px;height:72px;overflow:hidden;border-radius:10px;background:var(--surface-color)}.attachmentDraft img{width:100%;height:100%;object-fit:cover}.attachmentDraft button{position:absolute;top:4px;right:4px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#050c26a6;color:#fff}.attachmentProgress{position:absolute;left:4px;bottom:4px;padding:2px 6px;border-radius:999px;background:#050c26ad;color:#fff;font:var(--text-caption)}.attachmentUploadState{min-height:72px;display:grid;align-items:center;padding:0 10px;border-radius:10px;background:var(--background-tertiary-color);color:var(--text-secondary-color);font:var(--text-regular-small)}.emojiPanel{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:4px;border-radius:10px;background:var(--background-tertiary-color)}.emojiPanel button{min-height:34px;border:0;border-radius:8px;background:var(--surface-color-variant);cursor:pointer;font-size:18px}.composerBar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px}.composerSideBtn{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line-color);border-radius:999px;background:var(--background-secondary-color);color:var(--text-secondary-color);box-shadow:0 8px 22px #050c260f;align-self:end}.composerField{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;min-height:46px;padding:7px 10px 7px 14px;border:1px solid var(--line-color);border-radius:26px;background:var(--background-secondary-color);box-shadow:0 8px 22px #050c260f;transition:border-color var(--transition-duration) var(--transition-function),box-shadow var(--transition-duration) var(--transition-function)}.composerField:focus-within{border-color:var(--main-color);box-shadow:0 0 0 2px var(--main-color-20),0 8px 22px #050c260f}.composerFieldAction{width:30px;height:30px;display:grid;place-items:center;align-self:end;border:0;border-radius:999px;background:transparent;color:var(--text-secondary-color);cursor:pointer}.composerSendInside{background:var(--main-color);color:#fff}.composerSendInside:disabled{opacity:.5;cursor:not-allowed}.hiddenFileInput{display:none}.profileOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:var(--backdrop-color)}.profileSheet{width:min(420px,100%);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);overflow:auto;border:1px solid var(--line-color);border-radius:var(--border-radius-medium);background:var(--background-secondary-color);box-shadow:var(--box-shadow)}.groupSheet{width:min(520px,100%)}.profileHeader{display:flex;justify-content:space-between;padding:12px}.profileHero{display:grid;justify-items:center;padding:8px 24px 24px;text-align:center}.profileAvatar{width:88px;height:88px;margin-bottom:14px;font:800 24px/1 var(--font-family)}.profileHero h2{margin:0;color:var(--title-color);font:800 22px/28px var(--font-family)}.profileHero p{margin:6px 0 0;color:var(--text-secondary-color);font:var(--text-regular-medium)}.profileRows{border-top:1px solid var(--line-color)}.groupForm{display:grid;gap:16px;padding-bottom:20px}.groupSection{display:grid;gap:10px;padding:0 18px}.groupSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.groupSectionHead strong{color:var(--title-color);font:var(--text-semibold-medium)}.groupSectionHead span{color:var(--text-secondary-color);font:var(--text-caption)}.groupMemberList{display:grid;gap:8px;max-height:260px;overflow:auto}.groupMemberRow{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line-color);border-radius:10px;background:var(--surface-color-variant);text-align:left;cursor:pointer}.groupMemberRow.is-active{border-color:var(--main-color);background:var(--main-color-10)}.groupMemberRow.is-static{grid-template-columns:40px minmax(0,1fr) auto;cursor:default}.groupMemberAvatar{width:40px;height:40px}.groupMemberMain{min-width:0;display:grid;gap:2px}.groupMemberMain strong{color:var(--text-color);font:var(--text-semibold-small)}.groupMemberMain span{color:var(--text-secondary-color);font:var(--text-caption)}.groupMemberRemove{border:0;background:transparent;color:var(--danger-color);cursor:pointer}.groupAvatarButton{border:0;cursor:pointer}.groupAvatarButton:disabled{cursor:default}.groupFormActions{display:grid;gap:10px;padding:0 18px}.dangerSecondaryBtn{min-height:42px;border:1px solid var(--danger-color-20);border-radius:12px;background:var(--danger-color-10);color:var(--danger-color);cursor:pointer}.groupInlineActions{display:flex;justify-content:flex-end}.profileRow{display:grid;gap:4px;padding:14px 18px;border-bottom:1px solid var(--line-color)}.profileRow span{color:var(--text-secondary-color);font:var(--text-caption)}.profileRow strong{color:var(--text-color);font:var(--text-semibold-medium);word-break:break-word}.composer textarea{min-width:0;max-height:192px;min-height:22px;line-height:22px;padding:4px 0;resize:none;border:0;outline:0;background:transparent;color:var(--text-color);font:400 16px/22px var(--font-family);overflow-y:auto}.messageActionOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;display:grid;place-items:center;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#050c2647}.messageActionSheet{width:min(360px,100%);padding:12px;border:1px solid var(--line-color);border-radius:12px;background:var(--background-secondary-color);box-shadow:var(--box-shadow)}.messageActionTitle{margin-bottom:10px;color:var(--text-secondary-color);font:var(--text-regular-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageActionGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.messageActionGrid button{min-height:38px;border:1px solid var(--line-color);border-radius:8px;background:var(--surface-color-variant);color:var(--text-color);cursor:pointer}.messageDetailsSheet{width:min(360px,100%);padding:16px;border:1px solid var(--line-color);border-radius:12px;background:var(--background-secondary-color);box-shadow:var(--box-shadow)}.messageDetailsSheet h3{margin:0 0 14px;color:var(--title-color);font:var(--text-semibold-medium)}.messageDetailsSheet dl{display:grid;gap:10px;margin:0}.messageDetailsSheet dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}.messageDetailsSheet dt{color:var(--text-secondary-color);font:var(--text-regular-small)}.messageDetailsSheet dd{color:var(--text-color);font:var(--text-regular-small)}.selectionToolbar{position:fixed;z-index:17;display:grid;grid-template-columns:repeat(3,42px);gap:4px;padding:5px;border:1px solid var(--line-color);border-radius:10px;background:var(--background-secondary-color);box-shadow:var(--box-shadow)}.selectionToolbar button{width:42px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--background-tertiary-color);color:var(--text-color);cursor:pointer;font-weight:800}.selectionToolbar code{font:800 16px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.imageViewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;place-items:center;padding:calc(52px + var(--safe-top)) calc(12px + var(--safe-right)) calc(48px + var(--safe-bottom)) calc(12px + var(--safe-left));background:#050c26eb}.imageViewerFrame{max-width:100%;max-height:100%;display:grid;place-items:center}.imageViewer img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.imageViewerAsset{width:min(100%,1200px);height:min(100%,calc(100vh - 144px));border-radius:8px}.imageViewerAsset img{width:100%;height:100%;object-fit:contain}.imageViewerAsset .smartImageSkeleton{background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14),#ffffff0a}.imageViewer .imageLoadError{width:min(680px,calc(100vw - 32px));min-height:180px;color:#ffffffc7;background:#ffffff14;border-color:#ffffff38}.imageViewer .imageLoadError strong{color:#fff}.imageViewer .imageLoadError code{background:#ffffff1f}.imageViewerClose{position:fixed;top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));width:40px;height:40px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;font:700 24px/1 var(--font-family)}.imageViewerCaption{position:fixed;left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));color:#ffffffc7;text-align:center;font:var(--text-regular-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imageViewerCaption strong{margin-left:8px;color:#fff}.imageViewerNav{position:fixed;top:50%;width:46px;height:58px;border:0;border-radius:999px;background:#ffffff1f;color:#fff;cursor:pointer;font:700 42px/1 var(--font-family);transform:translateY(-50%)}.imageViewerPrev{left:calc(12px + var(--safe-left))}.imageViewerNext{right:calc(12px + var(--safe-right))}@keyframes attachmentShimmer{0%{background-position:200% 0,0 0}to{background-position:-200% 0,0 0}}@media (max-width: 760px){.messengerScreen{grid-template-columns:1fr}.sidebar{min-height:0;height:auto;border-right:0}.chatPanel,.messengerScreen.has-chat .sidebar{display:none}.messengerScreen.has-chat .chatPanel{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;height:auto;min-height:0;z-index:12}.messengerScreen:has(.profileOverlay) .chatPanel{display:flex}.message{max-width:88%}.chatBack{display:inline-grid}.chatHeader{padding-top:calc(10px + var(--safe-top));padding-bottom:10px;min-height:64px}.messageList{padding:14px 10px 10px}.composer{margin:6px max(8px,var(--safe-right)) max(0px,var(--keyboard-inset)) max(8px,var(--safe-left))}.composerBar{gap:6px}.composerSideBtn{width:46px;height:46px}.composerField{min-height:46px;padding:7px 9px 7px 13px}.jumpToLatest{bottom:calc(var(--keyboard-inset) + var(--safe-bottom) + 86px)}.emojiPanel{grid-template-columns:repeat(8,minmax(0,1fr))}.messageActionOverlay{align-items:end;padding:0 8px calc(8px + var(--safe-bottom))}.messageActionSheet{width:100%}.notificationPrompt{grid-template-columns:1fr}.promptActions{justify-content:stretch}.promptActions button{flex:1}.profileOverlay{align-items:end;padding:var(--safe-top) 0 0}.profileSheet{width:100%;max-height:calc(100dvh - var(--safe-top));border-right:0;border-bottom:0;border-left:0;border-radius:12px 12px 0 0}}.onboardingScreen{height:var(--app-vh, 100dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:linear-gradient(180deg,var(--background-tertiary-color),transparent 32%),var(--background-color);overflow:hidden}.onboardingIntroScreen{grid-template-rows:minmax(0,1fr)}.onboardingIntro{width:min(100%,420px);margin:auto;display:grid;gap:26px;justify-items:center;text-align:center}.onboardingIntroLogo{width:108px;height:108px;border-radius:26px;box-shadow:0 12px 30px #050c262e}.onboardingIntroCopy h1{margin:8px 0 10px;color:var(--title-color);font:800 clamp(30px,7vw,46px)/1.02 var(--font-family)}.onboardingIntroCopy p{margin:0;color:var(--text-secondary-color);font:var(--text-regular-large)}.onboardingIntroProgress{width:min(100%,280px);height:8px;margin-top:10px;overflow:hidden;border-radius:999px;background:var(--line-color)}.onboardingIntroProgressBar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--main-color),#7f82ff);transition:width .12s linear}.onboardingTopbar,.onboardingFooter{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboardingFooter{position:relative;z-index:2;padding-top:2px}.onboardingSkip{min-height:36px;padding:0 12px;border:1px solid var(--line-color);border-radius:10px;background:var(--surface-color-variant);color:var(--text-secondary-color)}.onboardingViewport{min-height:0;overflow:hidden}.onboardingTrack{height:100%;display:flex;transition:transform .24s ease}.onboardingSlide{flex:0 0 100%;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0}.onboardingSlideVisual{min-height:0;display:grid;align-items:end;position:relative;overflow:hidden}.onboardingSlideVisual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:88px;pointer-events:none;background:linear-gradient(180deg,rgba(13,18,26,0),var(--background-color) 82%)}.onboardingPhoneWrap{min-height:0;height:100%;display:grid;align-items:end}.phoneMockup{width:min(100%,370px);margin:0 auto}.phoneMockupFrame{position:relative;padding:12px;border-radius:34px;background:linear-gradient(180deg,#1a2230,#0c121a);box-shadow:0 24px 60px #00000047}.phoneMockupFrame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff2e,#ffffff0a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.phoneMockupNotch{position:absolute;left:50%;top:10px;width:34%;height:26px;transform:translate(-50%);border-radius:0 0 18px 18px;background:#0a0f15;z-index:2}.phoneMockupScreen{height:clamp(280px,43vh,470px);overflow:hidden;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%),var(--background-color)}.onboardingSlideCopy{display:grid;gap:10px;align-content:start}.onboardingSlideCopy h2{margin:0;color:var(--title-color);font:800 clamp(28px,6vw,40px)/1.05 var(--font-family);max-width:11ch}.onboardingSlideCopy p{margin:0;max-width:34ch;color:var(--text-secondary-color);font:var(--text-regular-large)}.onboardingDots{display:flex;gap:8px}.onboardingDot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:var(--line-color)}.onboardingDot.is-active{width:26px;background:var(--main-color)}.onboardingNext{width:auto;min-width:144px}.onboardingDemoFrame,.onboardingFutureCard,.onboardingCallCard{border:1px solid var(--line-color);border-radius:14px;background:var(--background-secondary-color);box-shadow:var(--box-shadow)}.onboardingDemoFrame{padding:16px;box-shadow:none}.onboardingDemoHeader,.onboardingFutureHead,.onboardingCallTopbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.onboardingSearch{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center;margin-top:14px;padding:10px 12px;border:1px solid var(--line-color);border-radius:12px;color:var(--text-secondary-color);background:var(--surface-color-variant)}.onboardingContactList,.onboardingChatList,.onboardingFutureGrid{display:grid;gap:10px;margin-top:14px}.onboardingContactCard,.onboardingChatRow,.onboardingFutureCard{display:grid;align-items:center}.onboardingContactCard{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:10px;border-radius:12px;background:var(--surface-color)}.onboardingContactCard.is-accent{background:var(--main-color-10);border:1px solid var(--main-color-20)}.onboardingContactMain,.onboardingChatMain{min-width:0;display:grid}.onboardingContactMain strong,.onboardingChatMain strong,.onboardingCallIdentity strong,.onboardingCallCard strong,.onboardingFutureHead strong{color:var(--title-color);font:var(--text-semibold-large)}.onboardingContactMain span,.onboardingChatMain span,.onboardingContactHint,.onboardingHeaderMeta,.onboardingCallIdentity span,.onboardingCallCard span,.onboardingFutureCard p{color:var(--text-secondary-color);font:var(--text-regular-small)}.onboardingContactHint{color:var(--main-color)}.onboardingAvatar{position:relative}.onboardingAvatar.is-accent{background:var(--main-color);color:#fff}.onboardingStatusDot{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border:2px solid var(--background-secondary-color);border-radius:999px;background:var(--success-color);animation:onboardingPulse 1.8s ease-in-out infinite}.onboardingDemoGrid{display:grid;gap:12px;padding:22px 18px 18px}.onboardingDemoConversation .messageBubble{max-width:82%}.onboardingBubbleStack{display:grid;gap:12px;margin-top:14px}.onboardingChatRow{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:10px;border-radius:12px;background:var(--surface-color)}.onboardingUnread,.soonBadge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:var(--main-color);color:#fff;font:var(--text-caption)}.soonBadge{min-width:52px;background:var(--warning-color);color:var(--text-color);animation:onboardingFade 2.2s ease-in-out infinite}.onboardingCallDemo{display:grid;gap:14px;padding:22px 18px 18px}.onboardingCallTopbar,.onboardingCallCard{padding:16px}.onboardingCallIdentity{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.onboardingCallActions{display:flex;gap:10px;color:var(--main-color)}.callMiniIcon,.hudPreviewIcon{display:block;width:20px;height:20px;background:currentColor}.callMiniIcon.phone,.hudPreviewIcon.hang{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.32 1.77.59 2.61a2 2 0 0 1-.45 2.11L8 9.69a16 16 0 0 0 6.31 6.31l1.25-1.25a2 2 0 0 1 2.11-.45c.84.27 1.71.47 2.61.59A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}.callMiniIcon.video,.hudPreviewIcon.video{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m23 7-7 5 7 5V7z'/%3E%3Crect x='1' y='5' width='15' height='14' rx='2' ry='2'/%3E%3C/svg%3E") center/contain no-repeat}.hudPreviewIcon.mic{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8'/%3E%3C/svg%3E") center/contain no-repeat}.hudPreviewIcon.flip{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 1l4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpath d='M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") center/contain no-repeat}.onboardingCallCard{display:grid;justify-items:center;gap:10px;min-height:220px}.onboardingCallPulse{width:72px;height:72px;margin-top:8px;border-radius:999px;background:radial-gradient(circle,var(--main-color-20) 0,rgba(69,76,238,0) 68%);animation:onboardingPulse 2s ease-in-out infinite}.onboardingHudPreview{width:fit-content;display:flex;gap:10px;margin:0 auto;padding:10px;border:1px solid var(--line-color);border-radius:18px;background:var(--surface-color-50);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hudPreviewBtn{width:52px;height:52px;display:inline-grid;place-items:center;border:1px solid var(--line-color);border-radius:14px;background:var(--surface-color-variant);color:var(--text-color)}.hudPreviewBtn.is-active{background:var(--main-color);color:#fff}.hudPreviewBtn.is-danger{background:var(--danger-color);color:#fff}.onboardingFutureGrid{align-content:center;padding:22px 18px 18px}.onboardingFutureCard{gap:14px;padding:18px}@keyframes onboardingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}@keyframes onboardingFade{0%,to{opacity:1}50%{opacity:.65}}@media (max-width: 720px){.onboardingScreen{gap:10px;padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right));padding-bottom:calc(14px + var(--safe-bottom))}.onboardingSlide{gap:12px}.phoneMockup{width:min(100%,320px)}.phoneMockupFrame{padding:10px;border-radius:28px}.phoneMockupScreen{height:clamp(250px,37vh,400px);border-radius:22px}.onboardingSlideCopy h2{font-size:32px;max-width:10ch}.onboardingSlideCopy p{max-width:30ch;font-size:17px}.onboardingSlideVisual:after{height:72px}.onboardingFooter{align-items:stretch;flex-direction:column;gap:10px}.onboardingDots{justify-content:center}.onboardingNext{width:100%}}