.bottom-nav{position:fixed;bottom:var(--phone-floating-bottom);left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 24px);max-width:320px}.bottom-nav-container{display:flex;align-items:center;justify-content:space-around;gap:2px;padding:6px 10px;background:color-mix(in srgb,var(--pm-surface-1) 88%,transparent);backdrop-filter:blur(var(--pm-blur-3));-webkit-backdrop-filter:blur(var(--pm-blur-3));border:1px solid var(--pm-border-soft);border-radius:24px;box-shadow:var(--pm-shadow-3),0 2px 8px color-mix(in srgb,var(--pm-page-shadow) 78%,transparent),inset 0 1px color-mix(in srgb,var(--pm-text-1) 8%,transparent)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 8px;text-decoration:none;color:var(--pm-text-3);transition:all .25s cubic-bezier(.34,1.56,.64,1);border-radius:16px;min-width:48px;position:relative}.nav-icon{width:16px;height:16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.nav-label{font-size:.55rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.nav-item:hover{background:var(--pm-surface-3);color:var(--pm-text-2);transform:translateY(-2px)}.nav-item--active .nav-icon{transform:scale(1.1)}.nav-item--active:hover{background:color-mix(in srgb,var(--pm-accent-secondary) 22%,transparent)}@media (max-width: 360px){.bottom-nav{bottom:var(--phone-floating-bottom);width:calc(100% - 24px)}.bottom-nav-container{padding:4px 8px}.nav-item{padding:3px 6px;min-width:40px}.nav-icon{width:14px;height:14px}.nav-label{font-size:.5rem}}@media (prefers-reduced-motion: reduce){.nav-item,.nav-icon{transition:none}}.call-tooltip{position:fixed;top:calc(var(--phone-safe-top) + 12px);left:50%;z-index:1700;transform:translate(-50%);width:min(calc(100vw - 24px),420px);display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:24px;background:#080f1ce0;border:1px solid rgba(148,163,184,.2);box-shadow:0 18px 46px #02061757;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.call-tooltip__avatar-shell{width:48px;height:48px;flex:0 0 48px;border-radius:16px;overflow:hidden;background:#0ea5e924;box-shadow:inset 0 0 0 1px #ffffff14}.call-tooltip__avatar{width:100%;height:100%;object-fit:cover}.call-tooltip__avatar--fallback{display:grid;place-items:center;color:#f8fafc;font-size:1.15rem;font-weight:800}.call-tooltip__copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.call-tooltip__copy strong,.call-tooltip__copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-tooltip__copy strong{color:#f8fafc;font-size:.98rem;font-weight:800}.call-tooltip__copy span{color:#e2e8f0b8;font-size:.78rem;font-weight:600}.call-tooltip__eyebrow{color:#7dd3fceb!important;font-size:.68rem!important;letter-spacing:.12em;text-transform:uppercase}.call-tooltip__restore{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:0;border-radius:16px;background:#3b82f62e;color:#e0f2fe;box-shadow:inset 0 0 0 1px #7dd3fc1f}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;display:flex;align-items:stretch;justify-content:center}.call-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(15,159,255,.24),transparent 38%),linear-gradient(180deg,#030b17f5,#06101ffa);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.call-overlay__media-bridge{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.call-overlay__content{position:relative;z-index:1;width:min(100%,560px);padding:calc(var(--phone-safe-top) + 20px) 18px calc(var(--phone-safe-bottom) + 26px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:22px}.call-overlay__minimize{position:absolute;top:calc(var(--phone-safe-top) + 4px);right:18px;z-index:6;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:16px;background:#0f172aa3;color:#f1f5f9eb;box-shadow:0 18px 42px #02061742;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.call-overlay__video-stage,.call-overlay__audio-stage{width:100%;flex:1;min-height:0}.call-overlay__audio-stage{display:flex;align-items:center;justify-content:center}.call-overlay__video-stage{position:relative;min-height:320px;border-radius:34px;overflow:hidden;display:block}.call-overlay__video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.call-overlay__video-placeholder-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);filter:saturate(1.08) brightness(.72)}.call-overlay__video-placeholder-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 26%,rgba(125,211,252,.18),transparent 32%),linear-gradient(180deg,#070e1b33,#070e1b94 54%,#070e1bd1)}.call-overlay__video-placeholder-core{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0f172a0a,#070e1b38 54%,#070e1b6b);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.call-overlay__remote-video{position:absolute;object-fit:cover;background:#0a111dd1;transition:top .22s ease,right .22s ease,bottom .22s ease,left .22s ease,width .22s ease,height .22s ease,min-height .22s ease,border-radius .22s ease,transform .22s ease,opacity .22s ease,box-shadow .22s ease}.call-overlay__local-video{position:absolute;object-fit:cover;background:#0a111de6;cursor:pointer;transition:top .22s ease,right .22s ease,bottom .22s ease,left .22s ease,width .22s ease,height .22s ease,min-height .22s ease,border-radius .22s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease}.call-overlay__remote-video--primary,.call-overlay__local-video--primary{top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;border-radius:34px;box-shadow:0 24px 60px #00000052}.call-overlay__remote-video--primary{z-index:1}.call-overlay__local-video--primary{z-index:2}.call-overlay__remote-video--preview,.call-overlay__local-video--preview{top:auto;left:auto;right:16px;bottom:16px;width:112px;height:168px;min-height:0;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 38px #00000052;z-index:3}.call-overlay__remote-video--preview{cursor:pointer}.call-overlay__avatar-shell{width:188px;height:188px;border-radius:46px;display:grid;place-items:center;background:linear-gradient(145deg,#0ea5e92e,#3b82f61a);border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 62px #00000057}.call-overlay__avatar-shell--video{width:164px;height:164px;border-radius:40px;box-shadow:0 20px 52px #0000004d}.call-overlay__avatar{width:100%;height:100%;border-radius:inherit;object-fit:cover}.call-overlay__avatar--fallback{color:#f8fafc;font-size:4.5rem;font-weight:800}.call-overlay__header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#f8fafc}.call-overlay__header h2{margin:0;font-size:2rem;font-weight:800;line-height:1.04}.call-overlay__header span{color:#e2e8f0c2;font-size:1rem;font-weight:600}.call-overlay__eyebrow{margin:0;color:#7dd3fce0;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.call-overlay__incoming-actions,.call-overlay__controls{width:100%;display:flex;align-items:center;justify-content:center;gap:18px}.call-action,.call-control{width:68px;height:68px;display:grid;place-items:center;border:0;border-radius:22px;background:#0f172abd;color:#f8fafc;box-shadow:0 18px 44px #0000003d}.call-action--accept{background:linear-gradient(145deg,#14b8a6eb,#10b981db)}.call-action--danger,.call-control--danger{background:linear-gradient(145deg,#f87171f5,#ef4444e0)}.call-control--active{background:#3b82f6d1}@media (max-width: 640px){.call-tooltip{width:min(calc(100vw - 18px),420px);padding:10px 11px}.call-overlay__content{padding-inline:14px}.call-overlay__minimize{top:calc(var(--phone-safe-top) + 2px);right:14px}.call-overlay__remote-video,.call-overlay__remote-video--primary,.call-overlay__local-video--primary{border-radius:28px}.call-overlay__remote-video--preview,.call-overlay__local-video--preview{width:96px;height:142px;border-radius:20px}.call-overlay__video-stage{min-height:280px;border-radius:28px}.call-overlay__avatar-shell{width:164px;height:164px;border-radius:38px}.call-overlay__avatar-shell--video{width:146px;height:146px;border-radius:34px}.call-overlay__header h2{font-size:1.72rem}}.permission-center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:flex-end;justify-content:center;padding:14px 12px calc(var(--phone-content-bottom) - 2px)}.permission-center__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(87,228,255,.12),transparent 34%),#040a1257;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.permission-center__sheet{position:relative;z-index:1;width:min(100%,520px);max-height:min(82dvh,760px);min-height:0;display:flex;flex-direction:column;border-radius:30px;border:1px solid color-mix(in srgb,var(--pm-text-1) 8%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 20%),color-mix(in srgb,var(--pm-surface-1) 92%,transparent);box-shadow:0 24px 72px #02081457,inset 0 1px #ffffff14;overflow:hidden}.permission-center__handle{width:42px;height:4px;margin:12px auto 4px;border-radius:999px;background:color-mix(in srgb,var(--pm-text-1) 18%,transparent)}.permission-center__header{display:grid;gap:7px;padding:10px 18px 14px}.permission-center__eyebrow{color:color-mix(in srgb,var(--pm-accent) 80%,white);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.permission-center__header h2{margin:0;color:var(--pm-text-1);font-size:clamp(1.5rem,5vw,1.88rem);letter-spacing:-.045em}.permission-center__header p{margin:0;color:var(--pm-text-2);font-size:.92rem;line-height:1.45}.permission-center__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 18px 2px}.permission-center__body::-webkit-scrollbar{width:6px}.permission-center__body::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--pm-text-1) 12%,transparent)}.permission-center__list{display:grid;gap:12px;padding-bottom:10px}.permission-center__card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border-radius:24px;border:1px solid color-mix(in srgb,var(--pm-text-1) 7%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--pm-surface-2) 86%,transparent),color-mix(in srgb,var(--pm-surface-1) 94%,transparent));box-shadow:inset 0 1px #ffffff0a}.permission-center__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:#04121e;background:linear-gradient(135deg,#d9ffe8,#57e4ff);box-shadow:0 12px 26px #0aa3d62e}.permission-center__icon--images{background:linear-gradient(135deg,#effffd,#7ee8fa)}.permission-center__icon--camera{background:linear-gradient(135deg,#dbf4ff,#63b8ff)}.permission-center__icon--mic{background:linear-gradient(135deg,#e3f0ff,#8c9fff)}.permission-center__icon--phone{background:linear-gradient(135deg,#d8ffee,#34d399)}.permission-center__copy{min-width:0;display:grid;gap:5px}.permission-center__copy strong{color:var(--pm-text-1);font-size:1rem;letter-spacing:-.02em}.permission-center__copy p{margin:0;color:var(--pm-text-2);font-size:.86rem;line-height:1.45}.permission-center__action{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:0;border-radius:15px;color:var(--pm-primary-contrast);background:var(--pm-gradient-accent);box-shadow:0 12px 24px var(--pm-glow-accent);font:inherit;font-size:.83rem;font-weight:800}.permission-center__action:disabled{opacity:.74}.permission-center__spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.26);border-top-color:#fffffff5;animation:permission-center-spin .85s linear infinite}.permission-center__footer{padding:10px 18px 16px;border-top:1px solid color-mix(in srgb,var(--pm-text-1) 6%,transparent);background:linear-gradient(180deg,#030a1200,#030a1214)}.permission-center__later{width:100%;min-height:44px;border:0;border-radius:16px;background:color-mix(in srgb,var(--pm-surface-3) 72%,transparent);color:var(--pm-text-2);font:inherit;font-weight:700}.permission-center-fade-enter-active,.permission-center-fade-leave-active{transition:opacity .18s ease}.permission-center-fade-enter-active .permission-center__sheet,.permission-center-fade-leave-active .permission-center__sheet{transition:transform .24s cubic-bezier(.2,.9,.2,1),opacity .24s ease}.permission-center-fade-enter-from,.permission-center-fade-leave-to{opacity:0}.permission-center-fade-enter-from .permission-center__sheet,.permission-center-fade-leave-to .permission-center__sheet{transform:translateY(24px) scale(.985);opacity:0}@keyframes permission-center-spin{to{transform:rotate(360deg)}}@media (max-width: 560px){.permission-center{padding-inline:10px}.permission-center__sheet{max-height:min(84dvh,760px);border-radius:28px}.permission-center__header,.permission-center__body{padding-inline:16px}.permission-center__card{grid-template-columns:52px minmax(0,1fr);align-items:start}.permission-center__action{grid-column:1 / -1;width:100%;margin-top:6px}.permission-center__footer{padding-inline:16px}}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 24px;background:color-mix(in srgb,var(--pm-surface-1) 94%,transparent);backdrop-filter:blur(var(--pm-blur-2));-webkit-backdrop-filter:blur(var(--pm-blur-2));border-radius:12px;border:1px solid var(--pm-border-soft);box-shadow:var(--pm-shadow-3);z-index:9999;min-width:280px;max-width:90%}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{font-size:.95rem;font-weight:500;color:var(--pm-text-1);line-height:1.4}.toast-enter-active,.toast-leave-active{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toast-enter-from{opacity:0;transform:translate(-50%) translateY(20px)}.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.app-container{height:100%;display:flex;flex-direction:column;width:100%;overflow:hidden;background:#0f1419}.header{position:relative;padding:calc(var(--phone-safe-top) + 6px) clamp(16px,4vw,20px) 6px;text-align:left;background:transparent;width:100%;flex-shrink:0}.header-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start}.header-logo{width:clamp(70px,22vw,116px);height:auto;object-fit:contain}.header-subtitle{color:var(--text-secondary);font-size:clamp(.8rem,3vw,.9rem);margin:0}.contacts-btn{position:absolute;top:clamp(16px,4vw,20px);right:calc(clamp(16px,4vw,20px) + 56px);z-index:10;display:flex;align-items:center;justify-content:center;gap:4px;width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:50%;color:#8b5cf6;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.profile-btn{position:absolute;top:clamp(16px,4vw,20px);right:clamp(16px,4vw,20px);z-index:10;display:flex;align-items:center;justify-content:center;width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:50%;color:#8b5cf6;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.contacts-btn:hover,.profile-btn:hover{background:#8b5cf640;transform:scale(1.1);box-shadow:0 4px 16px #8b5cf64d}.contacts-btn:active{transform:scale(.95)}.contacts-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#8b5cf6;color:#fff;font-size:.65rem;font-weight:700;border-radius:50%;padding:0 4px}.main{flex:1;width:100%;max-width:100%;margin:0 auto;padding:clamp(8px,2.5vw,14px);padding-left:max(clamp(12px,4vw,20px),env(safe-area-inset-left));padding-right:max(clamp(12px,4vw,20px),env(safe-area-inset-right));padding-bottom:var(--phone-content-bottom);overflow:hidden}.main--chat-page{padding:0;transform-origin:center center;will-change:transform,border-radius,box-shadow}.main--swipe-back-live{transition:none!important}.main--swipe-back-animating{transition:transform .18s cubic-bezier(.2,.9,.25,1),border-radius .18s cubic-bezier(.2,.9,.25,1),box-shadow .18s cubic-bezier(.2,.9,.25,1)!important}.update-toast{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:calc(var(--phone-content-bottom) + 10px);z-index:9998;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;color:#f8fafc;border:1px solid rgba(125,211,252,.2);border-radius:22px;background:linear-gradient(135deg,#0f172ae0,#0f172ab8),#ffffff1a;box-shadow:0 22px 60px #00000057,0 1px #ffffff1a inset;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);animation:updateToastIn .42s cubic-bezier(.2,.85,.2,1) both}.update-toast__glow{position:absolute;inset:-30px 20px auto;height:60px;pointer-events:none;background:radial-gradient(circle,rgba(56,189,248,.28),transparent 66%);filter:blur(18px)}.update-toast__icon{width:44px;height:44px;display:grid;place-items:center;color:#07111f;border-radius:16px;background:linear-gradient(135deg,#d9ffe8,#57e4ff);box-shadow:0 14px 30px #0ea5e93d}.update-toast__copy{display:grid;gap:3px;min-width:0}.update-toast__copy strong{font-size:.92rem;letter-spacing:-.025em}.update-toast__copy span{color:#e2e8f09e;font-size:.76rem;line-height:1.25}.update-toast__button{height:38px;padding:0 13px;color:#07111f;font-size:.78rem;font-weight:900;border:0;border-radius:14px;background:linear-gradient(135deg,#d9ffe8,#57e4ff);cursor:pointer}.message-push-banner{position:fixed;top:calc(var(--phone-safe-top) + 10px);left:50%;z-index:9997;transform:translate(-50%);width:min(calc(100vw - 24px),460px);display:flex;align-items:center;gap:12px;padding:10px 12px;color:#f8fafc;border:1px solid rgba(125,211,252,.18);border-radius:24px;background:linear-gradient(135deg,#09101deb,#0b1424cc);box-shadow:0 22px 56px #02061757;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);animation:updateToastIn .32s cubic-bezier(.2,.85,.2,1) both}.message-push-banner__avatar-shell{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#38bdf81f;box-shadow:inset 0 0 0 1px #ffffff14}.message-push-banner__avatar{width:100%;height:100%;object-fit:cover}.message-push-banner__avatar--fallback{color:#f8fafc;font-size:1.08rem;font-weight:800}.message-push-banner__copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.message-push-banner__copy strong,.message-push-banner__copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-push-banner__copy strong{font-size:.92rem;font-weight:800}.message-push-banner__copy span{color:#e2e8f0b8;font-size:.78rem;line-height:1.15}.message-push-banner__close{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#e2e8f0cc;border:0;border-radius:14px;background:#94a3b81a}@keyframes updateToastIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-secondary)}.loading-spinner{width:36px;height:36px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-stories-wrapper{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;--chat-list-nav-reserve: 40px;--story-runtime-parallax-x: 0px;--story-runtime-parallax-y: 0px}.chat-controls-shell{position:relative;z-index:3;flex-shrink:0;height:0;overflow:hidden;transition:height .34s cubic-bezier(.22,1,.36,1)}.chat-controls-shell--dragging,.chat-controls-shell--dragging .chat-controls,.chat-controls-shell--dragging .controls-pull-line,.stories-container--dragging,.stories-container--dragging .story-image-bg{transition:none!important}.stories-container--dragging .story-image-bg{animation-play-state:paused}.controls-pull-indicator{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 4px);left:50%;z-index:4;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.controls-pull-line{width:46px;height:4px;border-radius:999px;background:#ffffff2e;box-shadow:0 8px 18px #00000029,inset 0 1px #ffffff14;transition:opacity var(--pm-transition-base),width var(--pm-transition-base),background var(--pm-transition-base),transform var(--pm-transition-base)}.controls-pull-indicator--open .controls-pull-line{width:68px;background:#61d7ff66;transform:translateY(3px) scaleX(1.04)}.chat-view-switch-shell{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 10px);left:50%;z-index:6;transform:translate(-50%);transition:transform .24s ease,opacity .24s ease}.chat-view-toggle{padding:0;border:0;background:transparent;color:var(--pm-text-1, #f7fbff);cursor:pointer;-webkit-tap-highlight-color:transparent}.chat-view-toggle:focus,.chat-view-toggle:focus-visible,.chat-view-toggle:active{outline:none}.chat-view-toggle__glass{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:linear-gradient(180deg,#151f30d1,#0f1624eb);box-shadow:0 18px 36px #0308123d,0 0 0 1px #78dbff0a,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--pm-transition-base),box-shadow var(--pm-transition-base),border-color var(--pm-transition-base),background var(--pm-transition-base)}.chat-view-toggle:hover .chat-view-toggle__glass{transform:translateY(-1px);box-shadow:0 22px 42px #03081242,0 0 0 1px #78dbff0f,inset 0 1px #ffffff1a}.chat-view-toggle__icon{width:19px;height:19px}.chat-controls{display:flex;flex-direction:column;gap:9px;margin:0;padding-top:18px;padding-bottom:10px;flex-shrink:0;will-change:transform,opacity;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .24s ease}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:color .2s ease}.search-input{width:100%;padding:11px 44px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:18px;font-size:.95rem;color:var(--text);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);background:var(--card-hover)}.search-input:focus+.search-icon{color:var(--accent)}.clear-btn{position:absolute;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#fff3;color:var(--text);transform:scale(1.05)}.filter-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{display:flex;align-items:center;gap:6px;padding:7px 13px;background:#ffffff12;border:1px solid rgba(255,255,255,.11);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;flex-shrink:0}.filter-tab:hover{background:var(--card-hover);border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.filter-tab--active{background:var(--gradient-accent);border-color:transparent;color:#fff;box-shadow:0 2px 12px #8b5cf666}.filter-count{padding:2px 6px;background:#fff3;border-radius:10px;font-size:.7rem;font-weight:600}.stories-container{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;position:relative;height:auto;min-height:0;overflow:hidden;transition:transform .34s cubic-bezier(.22,1,.36,1)}.stories-container--dragging{transition:none!important}.stories-wrapper{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;position:relative;height:auto;min-height:0}.stories-swiper{width:100%;height:100%;border-radius:clamp(16px,5vw,24px);overflow:hidden;box-shadow:0 8px 32px #0006;background:#1a2028}.stories-swiper :deep(.swiper-slide){transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease;opacity:0;transform:scale(.98)}.stories-slide{height:100%;display:flex;justify-content:center;background:transparent}.story-image-bg{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;z-index:0!important;overflow:hidden}.story-image-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1a20284d,#1a202880,#1a2028e6);pointer-events:none}.story-card{width:100%;max-width:100%;height:100%;position:relative;overflow:hidden;background:transparent;cursor:pointer;outline:none;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;touch-action:manipulation}.story-card:focus,.story-card:focus-visible,.story-card:active{outline:none;background:transparent;box-shadow:none;filter:none}.chat-list-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block;padding:calc(max(18px,env(safe-area-inset-top)) + 66px) clamp(12px,3.8vw,20px) calc(var(--chat-list-nav-reserve) + env(safe-area-inset-bottom) + 16px);background:radial-gradient(circle at top left,rgba(32,138,255,.14) 0%,transparent 35%),radial-gradient(circle at top right,rgba(71,255,189,.1) 0%,transparent 32%),linear-gradient(180deg,#09101bf2,#080d17fb);overflow:hidden}.chat-list-panel__sheet{width:100%;height:100%;display:flex;flex-direction:column;gap:12px;min-height:0;padding:6px 0 0}.chat-list-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px 4px}.chat-list-panel__kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);color:var(--pm-text-3);font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.chat-list-panel__count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;color:var(--pm-text-1);font-size:.78rem;font-weight:800;background:#73e7ff1f;border:1px solid rgba(115,231,255,.16)}.chat-list-plain{display:flex;flex-direction:column;gap:9px;min-height:0;overflow:auto;padding:0 2px 4px;scrollbar-width:thin}.chat-list-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.085);border-radius:24px;background:linear-gradient(180deg,#ffffff0e,#ffffff09);box-shadow:inset 0 1px #ffffff0d,0 14px 28px #0408101f;color:inherit;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;-webkit-tap-highlight-color:transparent}.chat-list-item:hover{transform:translateY(-1px);border-color:#78dbff24;background:linear-gradient(180deg,#ffffff12,#ffffff0b)}.chat-list-item__avatar-shell{position:relative;width:52px;height:52px;flex-shrink:0}.chat-list-item__avatar{width:100%;height:100%;border-radius:16px;overflow:hidden;display:grid;place-items:center;color:#fff;font-size:.94rem;font-weight:800;box-shadow:0 14px 24px #0000002e}.chat-list-item__avatar--group{border-radius:18px}.chat-list-item__avatar-image{width:100%;height:100%;object-fit:cover}.chat-list-item__avatar-initials{position:relative;z-index:1}.chat-list-item__status-dot{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#8491a5eb;border:2px solid rgba(13,19,31,.92)}.chat-list-item__status-dot--online{background:#34d37b;box-shadow:0 0 0 3px #34d37b2e}.chat-list-item__body{min-width:0;display:flex;flex-direction:column;gap:5px}.chat-list-item__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.chat-list-item__title-wrap{min-width:0;display:flex;align-items:baseline;gap:8px}.chat-list-item__title{margin:0;color:var(--pm-text-1);font-size:.98rem;font-weight:850;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-item__typing{color:var(--pm-accent);font-size:.67rem;font-weight:700;white-space:nowrap}.chat-list-item__time{color:var(--pm-text-4);font-size:.68rem;font-weight:700;white-space:nowrap}.chat-list-item__preview{min-width:0;display:flex;flex-direction:column;gap:1px}.chat-list-item__author{color:var(--pm-accent);font-size:.66rem;font-weight:800}.chat-list-item__message{margin:0;color:var(--pm-text-2);font-size:.8rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-item__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.chat-list-item__meta-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);color:var(--pm-text-3);font-size:.64rem;font-weight:700}.chat-list-item__unread{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#6de3ff3d,#9077ff3d);color:var(--pm-text-1);font-size:.7rem;font-weight:900;box-shadow:inset 0 1px #ffffff14}.chat-list-screen-enter-active,.chat-list-screen-leave-active{transition:opacity .26s ease,transform .36s cubic-bezier(.22,1,.36,1)}.chat-list-screen-enter-from,.chat-list-screen-leave-to{opacity:0;transform:translateY(-32px)}.avatar-container{position:absolute;top:clamp(20px,6vw,40px);left:clamp(16px,4vw,24px);transform:none;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px}.story-avatar{width:clamp(50px,14vw,80px);height:clamp(50px,14vw,80px);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(1.1rem,3.5vw,1.8rem);font-weight:700;color:#fff;position:relative;box-shadow:0 8px 32px #0000004d;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;background:var(--gradient-accent)}.avatar-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.avatar-initials{z-index:1}.avatar--online{box-shadow:0 0 0 3px #22c55e,0 8px 32px #22c55e66}.avatar--busy{box-shadow:0 0 0 3px #f59e0b,0 8px 32px #f59e0b52}.avatar--away{box-shadow:0 0 0 3px #38bdf8,0 8px 32px #38bdf847}.avatar--dnd{box-shadow:0 0 0 3px #a855f7,0 8px 32px #a855f75c}.avatar--offline{box-shadow:0 0 0 3px #64748b,0 8px 32px #64748b4d}.avatar--group{box-shadow:0 0 0 3px #8b5cf6,0 8px 32px #8b5cf666}.online-dot{width:14px;height:14px;border-radius:50%;background:#64748b;border:2px solid #1a2028;transition:all .3s ease}.online-dot--online{background:#22c55e;box-shadow:0 0 12px #22c55e99;animation:pulse-online 2s infinite}.online-dot--busy{background:#f59e0b;box-shadow:0 0 12px #f59e0b8c}.online-dot--away{background:#38bdf8;box-shadow:0 0 12px #38bdf880}.online-dot--dnd{background:#a855f7;box-shadow:0 0 12px #a855f799}@keyframes pulse-online{0%,to{box-shadow:0 0 12px #22c55e99}50%{box-shadow:0 0 20px #22c55ecc}}.stories-progress{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:3px;z-index:20}.progress-segment{flex:1;height:2.5px;background:#ffffff26;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#fffc);width:0%;transition:width .1s linear}.progress-fill--animate{animation:progress 5s linear forwards}.progress-segment--completed .progress-fill{width:100%!important}@keyframes progress{0%{width:0%}to{width:100%}}@keyframes storyBackgroundDrift{0%{transform:translate3d(var(--story-runtime-parallax-x, 0px),var(--story-runtime-parallax-y, 0px),0) scale(var(--story-scale-from, 1.06))}50%{transform:translate3d(calc(var(--story-runtime-parallax-x, 0px) + (var(--story-pan-x, 0px) * -.55)),calc(var(--story-runtime-parallax-y, 0px) + (var(--story-pan-y, 0px) * -.45)),0) scale(calc(var(--story-scale-from, 1.06) + .03))}to{transform:translate3d(calc(var(--story-runtime-parallax-x, 0px) + var(--story-pan-x, 6px)),calc(var(--story-runtime-parallax-y, 0px) + var(--story-pan-y, 5px)),0) scale(var(--story-scale-to, 1.1))}}.story-badge{display:inline-flex;align-items:center;width:fit-content;padding:clamp(3px,1vw,4px) clamp(8px,2vw,12px);background:var(--accent);color:#000;font-size:clamp(.6rem,2vw,.7rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:20px}.typing-indicator-badge{display:flex;align-items:center;gap:3px;padding:4px 10px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:20px}.story-title{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:700;color:#fff;margin:0;line-height:1.2;letter-spacing:-.02em}.story-content{flex:1;padding:clamp(100px,28vw,150px) clamp(14px,3.5vw,20px) clamp(60px,16vw,80px);display:flex;flex-direction:column;gap:clamp(10px,2.5vw,14px);overflow-y:auto;z-index:1;width:100%}.story-content--bottom{position:absolute;bottom:0;left:0;right:0;padding:clamp(16px,4vw,24px);padding-bottom:calc(50px + env(safe-area-inset-bottom));background:linear-gradient(to top,#1a2028f2,#1a2028d9,#1a202899);gap:clamp(12px,3vw,16px);min-height:clamp(200px,45vw,280px);z-index:2}.story-header{display:flex;flex-direction:column;gap:clamp(6px,2vw,8px)}.story-header-row{display:flex;align-items:center;gap:clamp(6px,2vw,10px);flex-wrap:wrap}.story-message-preview{padding:clamp(12px,3vw,16px);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:clamp(10px,2vw,14px)}.message-author{display:inline-flex;max-width:100%;margin-bottom:6px;color:#7dd3fceb;font-size:clamp(.72rem,2.4vw,.8rem);font-weight:800;letter-spacing:.01em}.message-text{font-size:clamp(.9rem,3vw,1rem);color:#fffc;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-meta{display:flex;gap:clamp(6px,2vw,10px)}.story-meta-item{flex:1;display:flex;align-items:center;gap:clamp(6px,2vw,10px);padding:clamp(8px,2vw,12px);border-radius:clamp(8px,2vw,12px);background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.meta-icon{width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);display:flex;align-items:center;justify-content:center;background:#8b5cf626;border-radius:clamp(6px,1.5vw,8px);color:#a78bfa;flex-shrink:0}.meta-icon svg{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px)}.meta-icon--messages{background:#22c55e26;color:#4ade80}.meta-info{display:flex;flex-direction:column;min-width:0}.meta-label{font-size:clamp(.6rem,2vw,.7rem);color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}.meta-value{font-size:clamp(.85rem,3vw,1rem);font-weight:600;color:#fff}.unread-ring-container{position:relative;width:clamp(80px,20vw,110px);height:clamp(80px,20vw,110px);margin:clamp(6px,1.5vw,12px) auto;flex-shrink:0}.unread-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{stroke:#ffffff14}.ring-progress--unread{stroke:#8b5cf6;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.34,1.56,.64,1)}.unread-ring-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.unread-number{font-size:clamp(1.4rem,5vw,2rem);font-weight:700;color:#a78bfa;line-height:1}.unread-unit{font-size:clamp(.6rem,2vw,.7rem);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.members-info{display:flex;align-items:center;gap:8px;padding:clamp(8px,2vw,12px);background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:clamp(8px,2vw,12px);font-size:clamp(.8rem,2.5vw,.9rem);color:#a78bfa}.members-info svg{color:#a78bfa}.story-nav-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;width:100%;z-index:5}.nav-area{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;outline:none;box-shadow:none}.nav-area--prev{width:20%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;padding-left:16px;color:#fff0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.nav-area-spacer{flex:1}.nav-area--next{width:20%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;padding-right:16px;color:#fff0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.nav-area--prev:hover,.nav-area--next:hover{background:transparent}.nav-area--prev:focus,.nav-area--prev:focus-visible,.nav-area--prev:active,.nav-area--next:focus,.nav-area--next:focus-visible,.nav-area--next:active{background:transparent!important;outline:none;box-shadow:none;color:#fff0}.nav-area--prev svg,.nav-area--next svg{opacity:0;transform:scale(.8);transition:all .25s ease}.nav-area--prev:hover svg,.nav-area--next:hover svg{opacity:.5;transform:scale(1)}.story-footer{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;z-index:10}.story-footer--bottom{position:static;margin-top:auto;padding-top:clamp(8px,2vw,12px);border-top:1px solid rgba(255,255,255,.1)}.slide-indicator{display:flex;align-items:center;gap:4px;padding:6px 14px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.8rem;font-weight:500}.current-slide{color:#fff}.separator{color:#ffffff4d}.total-slides{color:#ffffff80}.stories-empty{display:flex;align-items:center;justify-content:center;min-height:400px;padding:24px}.empty-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;text-align:center;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.empty-icon{font-size:4rem;opacity:.5}.empty-title{font-size:1.3rem;font-weight:600;color:var(--text);margin:0}.empty-text{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--gradient-accent);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.chat-stories-wrapper{color:#f8fafc;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:var(--chat-list-nav-reserve)}.chat-stories-wrapper:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(14,165,233,.22),transparent 34%),radial-gradient(circle at 88% 16%,rgba(34,197,94,.16),transparent 30%);opacity:.9}.chat-controls,.stories-container,.stories-empty{position:relative;z-index:1}.search-input{color:#f8fafc;background:linear-gradient(180deg,#ffffff1f,#ffffff12);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14,0 18px 42px #00000024;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.search-input:focus{border-color:#7dd3fcb8;background:linear-gradient(180deg,#0ea5e929,#ffffff17);box-shadow:0 0 0 4px #0ea5e921,0 18px 42px #0ea5e924}.search-icon{color:#bae6fd9e}.filter-tab{color:#e2e8f0a8;background:#ffffff12;border-color:#ffffff1c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.filter-tab--active{color:#07111f;background:linear-gradient(135deg,#d9ffe8,#57e4ff);box-shadow:0 16px 34px #0ea5e933}.stories-swiper{border-radius:30px;background:linear-gradient(135deg,#0f172ac7,#0f172a8a),#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #00000042,0 1px #ffffff14 inset;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.story-image-bg{opacity:.58;filter:saturate(1.12) contrast(.95)}.story-image-bg:after{background:linear-gradient(180deg,#07111f5c,#07111f9e 48%,#07111feb),radial-gradient(circle at 20% 20%,rgba(14,165,233,.22),transparent 34%),radial-gradient(circle at 82% 24%,rgba(34,197,94,.16),transparent 32%)}.stories-progress{top:12px}.progress-segment{height:3px;background:#ffffff29}.progress-fill{background:linear-gradient(90deg,#d9ffe8,#57e4ff)}.story-content--bottom{width:auto;margin:0;left:12px;right:12px;bottom:0;border-radius:28px;padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));min-height:min(310px,50%);background:linear-gradient(135deg,#0f172ac2,#0f172a8a),#ffffff17;border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 70px #00000047,0 1px #ffffff14 inset;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%)}.story-badge{color:#07111f;background:linear-gradient(135deg,#d9ffe8,#57e4ff);font-weight:900}.story-title{font-weight:950;letter-spacing:-.055em}.story-message-preview,.story-meta-item,.members-info{background:#ffffff13;border-color:#ffffff1c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.message-author{color:#7dd3fcf2}.meta-icon{color:#7dd3fc;background:#0ea5e924}.meta-icon--messages{color:#86efac;background:#22c55e24}.avatar-container{top:24px}.story-avatar{border-radius:22px;background:linear-gradient(135deg,#38bdf8,#2563eb 52%,#0f172a)}.story-avatar .avatar-image{border-radius:inherit}.empty-card{border-radius:30px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #00000042;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.btn{color:#07111f;border-radius:18px;background:linear-gradient(135deg,#d9ffe8,#57e4ff);box-shadow:0 16px 34px #0ea5e933}.chat-controls{gap:var(--pm-space-3);margin-top:0;margin-bottom:var(--pm-space-3)}.chat-stories-wrapper:before{opacity:.72}.chat-stories-wrapper--story-interacting .story-image-bg,.chat-stories-wrapper--story-interacting .stories-swiper :deep(.swiper-slide-active) .story-image-bg{animation-play-state:paused}.chat-controls{gap:6px;padding-top:8px;padding-bottom:4px}.search-input{min-height:42px;padding:8px 40px;border-radius:20px;font-size:.92rem;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0000001a}.filter-tabs{display:grid;grid-template-columns:repeat(var(--visible-filter-count, 1),minmax(0,1fr));align-items:center;gap:2px;width:100%;padding:2px 6px;border-radius:20px;background:#1a2028d6;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 18px #00000029,inset 0 1px #ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-tab{position:relative;min-width:0;min-height:38px;padding:3px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:.72rem;font-weight:650;color:#ffffff85;background:transparent;border:1px solid transparent;border-radius:14px;white-space:normal}.filter-tab--active{color:#8b5cf6;background:#8b5cf624;box-shadow:none}.filter-icon{display:block;font-size:.82rem;line-height:1}.filter-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:18px}.filter-label{display:block;font-size:.48rem;font-weight:500;letter-spacing:.02em;line-height:1;text-align:center}.filter-count{position:absolute;top:-4px;right:-8px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#ffffff14;color:inherit;font-size:.5rem;line-height:14px;text-align:center}.filter-tab:hover{background:#ffffff0d;color:#ffffffb8;border-color:transparent;transform:translateY(-1px)}.filter-tab--active:hover{background:#8b5cf62e;color:#9b6bff}.stories-swiper{border-radius:32px;background:linear-gradient(135deg,#0e16258f,#0e16255c),#ffffff0a;border:1px solid rgba(255,255,255,.085);box-shadow:0 22px 58px #030a1633,0 1px #ffffff0e inset;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}.story-image-bg{opacity:.54;filter:blur(1.8px) saturate(1.02) contrast(.93);transform:translate3d(var(--story-runtime-parallax-x, 0px),var(--story-runtime-parallax-y, 0px),0) scale(var(--story-scale-from, 1.06));transition:transform .14s linear,filter .18s ease-out,opacity .18s ease-out;will-change:transform}.story-image-bg:after{background:linear-gradient(180deg,#07111f0a,#07111f1f 40%,#07111f70),radial-gradient(circle at 18% 16%,rgba(14,165,233,.06),transparent 32%),radial-gradient(circle at 82% 20%,rgba(116,192,255,.05),transparent 28%),radial-gradient(circle at 84% 26%,rgba(34,197,94,.045),transparent 30%)}.stories-swiper :deep(.swiper-slide-active) .story-image-bg{animation:storyBackgroundDrift var(--story-pan-duration, 16s) ease-in-out infinite alternate}.avatar-container{top:20px;left:18px;gap:4px}.story-avatar{width:clamp(50px,12.4vw,68px);height:clamp(50px,12.4vw,68px);border-radius:19px;box-shadow:0 10px 24px #0000002e,0 0 0 1px #ffffff0d inset}.online-dot{width:11px;height:11px}.stories-progress{top:11px;left:18px;right:18px}.progress-segment{height:1.5px;background:#ffffff1f}.story-content--bottom{left:0;right:0;top:auto;bottom:0;display:flex;align-items:flex-end;flex:none;height:auto;max-height:none;min-height:0;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.story-content-card{width:100%;display:grid;align-content:start;overflow:hidden;position:relative;padding:6px 14px calc(6px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:linear-gradient(180deg,#151f2e38,#0a121e29),#ffffff04;border:1px solid rgba(255,255,255,.038);box-shadow:0 -10px 30px #0208121f,inset 0 1px #ffffff08;backdrop-filter:blur(14px) saturate(134%);-webkit-backdrop-filter:blur(14px) saturate(134%)}.story-content-card:before{content:"";position:absolute;inset:0 0 auto 0;height:42px;pointer-events:none;background:linear-gradient(180deg,#fff1,#fff0);opacity:.7}.story-content-card>*+*{margin-top:3px}.story-header{gap:0;margin:0}.story-badge{padding:3px 9px;font-size:.56rem;letter-spacing:.16em;border-radius:var(--pm-radius-pill);box-shadow:0 8px 18px #57e4ff1f}.typing-indicator-badge{background:#8b5cf61f;border-color:#8b5cf62e}.story-title{font-size:clamp(.82rem,2.65vw,.94rem);font-weight:820;letter-spacing:-.038em;line-height:1.08;text-shadow:0 1px 10px rgba(0,0,0,.14)}.story-message-preview{display:flex;flex-direction:column;gap:1px;max-width:100%;min-width:0;margin:0;padding:0;background:transparent;border:0;border-radius:0}.message-author{margin-bottom:0;color:#84dbffe6;font-size:.57rem;font-weight:720;letter-spacing:.02em}.message-text{max-width:100%;color:#e9f1fac2;font-size:clamp(.7rem,1.82vw,.77rem);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.story-content-card>.story-meta:not(.story-meta--compact),.story-content-card .unread-ring-container,.story-content-card .members-info{display:none}.story-meta--compact{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;padding-top:2px;border-top:1px solid rgba(255,255,255,.03)}.story-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}.meta-line-item{color:#c8d6e58a;font-size:.55rem;font-weight:560;letter-spacing:.01em}.meta-line-item--time{color:#ecf3fbc2}.meta-line-divider{color:#b8c8d95c;font-size:.52rem}.meta-unread{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;border-radius:var(--pm-radius-pill);color:#f6fafff0;background:#9b7cff1f;border:1px solid rgba(155,124,255,.12);box-shadow:inset 0 1px #ffffff0b,0 8px 18px #9b7cff14;font-size:.58rem;font-weight:760}.story-footer--bottom{margin-top:1px;padding-top:0;border-top:0;justify-content:flex-start}.story-footer-label{color:#b8c7d86b;font-size:.48rem;font-weight:640;letter-spacing:.06em;text-transform:uppercase}.slide-indicator{padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;font-size:.74rem;font-weight:600;gap:2px}.current-slide{color:var(--pm-text-2)}.separator,.total-slides{color:var(--pm-text-4)}@media (max-width: 360px){.chat-stories-wrapper{height:100%}.story-content{padding:clamp(90px,25vw,130px) clamp(12px,3vw,16px) clamp(50px,14vw,70px)}.story-avatar{width:clamp(60px,16vw,80px);height:clamp(60px,16vw,80px)}.story-title{font-size:clamp(1.1rem,4vw,1.5rem)}.message-text{font-size:clamp(.85rem,2.8vw,.95rem)}}@media (orientation: landscape) and (max-height: 500px){.story-content{padding:clamp(60px,20vw,90px) clamp(12px,3vw,16px) clamp(40px,12vw,60px)}}@media (hover: none) and (pointer: coarse){.nav-area--prev,.nav-area--next{min-width:60px;min-height:60px}.filter-tab:hover,.filter-tab--active:hover{transform:none}.story-image-bg{transition:none}.stories-swiper :deep(.swiper-slide),.stories-swiper :deep(.swiper-slide-active){transform:none!important}.stories-swiper :deep(.swiper-slide){transition:opacity .22s ease}}@media (prefers-reduced-motion: reduce){.progress-fill--animate,.typing-dot{animation:none}}.stories-swiper :deep(.swiper-slide){transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s ease;opacity:0;transform:scale(.992)}.stories-swiper :deep(.swiper-slide-active){opacity:1;transform:scale(1)}.stories-swiper :deep(.swiper-slide-prev),.stories-swiper :deep(.swiper-slide-next){opacity:0}.chat-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;overscroll-behavior:contain;width:100%;background:linear-gradient(180deg,#1a1f26d9,#0f1419e6),url(/fones/fon.jpg) center/cover no-repeat;-webkit-overflow-scrolling:touch}.chat-screen-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a1f26d9,#0f1419e6),url(/fones/fon.jpg) center/cover no-repeat;z-index:0;pointer-events:none}.chat-header{position:fixed;top:0;left:0;right:0;padding-top:env(safe-area-inset-top,0px);min-height:calc(60px + env(safe-area-inset-top,0px));height:calc(64px + env(safe-area-inset-top,0px));padding-left:12px;padding-right:12px;width:100%;display:flex;align-items:center;background:linear-gradient(180deg,#0f14199e,#0f14194d);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #00000029;z-index:70}.chat-header:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:28px;background:linear-gradient(180deg,#0f14192e,#0f141900);pointer-events:none}.header-content{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff14;border-radius:50%;color:#fff;text-decoration:none;transition:all .2s ease;flex-shrink:0}.back-btn:hover{background:#ffffff26;transform:scale(1.05)}.back-btn:active{transform:scale(.95)}.chat-avatar-container{position:relative;flex-shrink:0}.chat-profile-link{padding:0;color:inherit;font:inherit;text-align:left;border:0;background:transparent;cursor:pointer}.chat-avatar{width:42px;height:42px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d}.avatar-image{width:100%;height:100%;object-fit:cover}.online-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#64748b;border:2px solid #1a1f26}.chat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-name{font-size:1rem;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status{margin:0;display:flex;align-items:center;gap:6px}.status-text{font-size:.8rem;color:#ffffff80}.status-text--online{color:#22c55e}.status-text--offline{color:#ffffff80}.status-text--busy{color:#f59e0b}.status-text--away{color:#38bdf8}.status-text--dnd{color:#c084fc}.status-text--group{color:#bae6fdc2}.typing-status{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#a78bfa}.typing-dot{width:4px;height:4px;background:#a78bfa;border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.messages-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:none;-ms-overflow-style:none;padding-left:12px;padding-right:12px;padding-top:calc(84px + env(safe-area-inset-top,0px));height:100%;min-height:0;z-index:1}.messages-container::-webkit-scrollbar{width:0;height:0;display:none}.messages-list{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;width:100%;gap:8px}.message{display:flex;animation:messageIn .16s ease;will-change:opacity}.message.mine{justify-content:flex-end}.bubble{max-width:75%;padding:8px 13px;font-size:14px;line-height:1.4;position:relative;display:inline-block;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #00000038,inset 0 1px #ffffff1f;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.message.mine .bubble{background:linear-gradient(145deg,#7dd3fc2e,#22c55e14),linear-gradient(135deg,#3164d8,#1f8fbf 52%,#176f83);color:#fff;border-color:#7dd3fc38;border-radius:17px 17px 6px;box-shadow:0 14px 32px #0ea5e92e,0 6px 18px #0003,inset 0 1px #ffffff2e}.message:not(.mine) .bubble{background:linear-gradient(145deg,#ffffff1d,#ffffff0e),#0d141eb8;color:#fff;border-color:#ffffff1a;border-radius:17px 17px 17px 6px}.message-text{display:block;word-wrap:break-word;white-space:pre-wrap}.message-link{display:inline;padding:0;margin:0;border:0;background:transparent;color:#8bd9ff;font:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;text-decoration-color:#8bd9ffa6;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.message.mine .message-link{color:#ebf8fff5;text-decoration-color:#ebf8ff94}.voice-message{position:relative;min-width:min(228px,66vw);display:flex;align-items:center;gap:6px;padding:0}.attachment-card-message--voice{width:min(360px,calc(100vw - 84px));max-width:100%}.attachment-file-card{width:100%;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.attachment-audio-card{width:min(280px,100%);display:block}.attachment-media-message{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.message.mine .attachment-media-message{align-items:flex-end}.attachment-image-shell,.attachment-video-shell{position:relative;border:0;padding:0;overflow:hidden;color:inherit;cursor:pointer;background:linear-gradient(145deg,#0f172ac7,#0f172a94);box-shadow:0 18px 40px #00000038,0 0 0 1px #ffffff29,0 0 0 4px #7dd3fc0d,inset 0 1px #ffffff38}.attachment-image-shell{width:clamp(188px,56vw,220px);flex:0 0 clamp(188px,56vw,220px);aspect-ratio:1 / 1.14;border-radius:24px}.attachment-video-shell{width:min(220px,58vw);aspect-ratio:1;border-radius:24px}.attachment-image-shell__media,.attachment-video-shell__media{width:100%;height:100%;display:block;object-fit:cover}.attachment-video-shell__play{position:absolute;inset:auto auto 14px 14px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#0f172a94;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 28px #0000003d}.attachment-upload-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0f172a57;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.attachment-upload-state--failed{color:#fecaca;background:#7f1d1d57}.message-upload-progress-badge{width:44px;height:44px;position:relative;display:grid;place-items:center;border-radius:50%;background:#0f172a8a;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff14}.message-upload-progress{width:30px;height:30px;overflow:visible;transform:rotate(-90deg)}.message-upload-progress__track,.message-upload-progress__value{fill:none;stroke-linecap:round}.message-upload-progress__track{stroke:#ffffff29;stroke-width:3}.message-upload-progress__value{stroke:#7dd3fcfa;stroke-width:3;transition:stroke-dashoffset .16s linear;filter:drop-shadow(0 0 8px rgba(125,211,252,.18))}.message-upload-progress-badge--compact{width:32px;height:32px;background:#0f172a6b;box-shadow:0 8px 20px #0000002e,inset 0 1px #ffffff14}.message-upload-progress-badge--compact .message-upload-progress{width:24px;height:24px}.message-transfer-action{position:absolute;inset:50% auto auto 50%;width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#f8fafcf0;background:transparent;transform:translate(-50%,-50%)}.message-transfer-action--compact{width:16px;height:16px}.message-transfer-progress-label{margin-top:8px;font-size:.76rem;font-weight:700;letter-spacing:.01em;color:#f8fafceb}.attachment-inline-progress{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0}.attachment-media-meta{display:inline-flex;align-items:center;gap:7px;padding:0 4px;font-size:.78rem;color:#e2e8f0c7}.attachment-file-card{display:flex;align-items:center;gap:12px;min-width:220px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#0f172a57,#1e293b2e);box-shadow:inset 0 0 0 1px #ffffff14}.attachment-file-card__icon{flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;font-size:1.25rem;border-radius:14px;background:#38bdf829}.attachment-file-card__copy{min-width:0;display:flex;flex-direction:column;gap:3px}.attachment-file-card__progress{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.attachment-file-card__copy strong,.attachment-file-card__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-card__copy strong{font-size:.9rem;color:#f8fafc}.attachment-file-card__copy small{font-size:.74rem;color:#e2e8f0bd}.bubble--video-note{max-width:none;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.video-note-message{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.video-note-shell{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:min(204px,56vw);aspect-ratio:1;padding:0;overflow:hidden;border:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),transparent 32%),linear-gradient(145deg,#0f172ac7,#0f172a94);box-shadow:0 20px 46px #0000003d,0 0 0 1px #ffffff2e,0 0 42px #76cdff29,0 0 78px #76cdff1a,inset 0 16px 22px #ffffff0a,inset 22px 0 26px #01061224,inset -22px 0 26px #01061224,inset 0 -42px 62px #01061285,inset 0 -12px 18px #01061238,inset 0 1px #ffffff38;cursor:pointer;outline:none;transition:transform .18s ease,box-shadow .18s ease}.video-note-shell:hover,.video-note-shell:focus-visible{transform:translateY(-1px) scale(1.01);box-shadow:0 24px 52px #00000047,0 0 0 1px #fff3,0 0 48px #76cdff2e,0 0 92px #76cdff1f,inset 0 16px 22px #ffffff0a,inset 22px 0 26px #01061226,inset -22px 0 26px #01061226,inset 0 -42px 62px #0106128a,inset 0 -12px 18px #01061238,inset 0 1px #ffffff38}.video-note-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 21% 18%,rgba(255,255,255,.16),transparent 28%),radial-gradient(84% 62% at 50% 94%,rgba(1,6,18,.42),transparent 68%),radial-gradient(28% 52% at 4% 62%,rgba(1,6,18,.2),transparent 74%),radial-gradient(28% 52% at 96% 62%,rgba(1,6,18,.2),transparent 74%)}.video-note-player{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;background:#02061785;transition:opacity .18s ease}.video-note-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;object-fit:cover;opacity:0;pointer-events:none;visibility:hidden}.video-note-upload-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f8fafc;background:radial-gradient(circle,#0f172a2e,#02061780)}.video-note-upload-state--failed{color:#fee2e2;background:radial-gradient(circle,#7f1d1d2e,#02061785)}.video-note-player--placeholder{object-fit:cover}.video-note-upload-spinner,.video-note-toggle-spinner{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.24);border-top-color:#fff;animation:videoNoteSpin .9s linear infinite}.video-note-meta{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#f8fafcbd;font-size:.74rem;font-weight:760;padding:5px 10px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 26px #00000029;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.video-note-meta-duration,.video-note-meta-time{white-space:nowrap}.video-note-duration{display:none}.video-note-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#ffffff6b}.message-status--video-note{min-width:auto;font-size:.7rem;transform:translateY(-.5px)}.video-note-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) 18px 132px;background:radial-gradient(circle at 50% 14%,rgba(14,165,233,.18),transparent 26%),#020617cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.video-note-viewer-shell{width:min(88vw,430px);display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:calc(12px + env(safe-area-inset-top,0px))}.video-note-viewer{position:relative;width:min(88vw,430px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 34px 90px #00000061,0 0 0 1px #ffffff2e,0 0 0 10px #38bdf80d;background:#0f172ad1;animation:videoNoteViewerIn .22s cubic-bezier(.2,.9,.25,1)}.video-note-viewer-video{width:100%;height:100%;object-fit:cover;display:block;background:#020617db}.video-note-viewer-controls{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#0ea5e92e,#2563eb24),#0f172a9e;border:1px solid rgba(186,230,253,.16);box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff1f;backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%)}.video-note-viewer-control{width:42px;height:42px;display:grid;place-items:center;color:#f8fafc;border:0;border-radius:50%;background:linear-gradient(135deg,#38bdf83d,#2563eb33),#ffffff1a;box-shadow:0 12px 24px #0000002e,inset 0 1px #ffffff29;cursor:pointer}.video-note-viewer-control--primary{width:48px;height:48px;background:linear-gradient(135deg,#38bdf852,#2563eb42),#ffffff1f}.video-note-viewer-time{min-width:44px;color:#f8fafceb;font-size:.82rem;font-weight:780;text-align:center;letter-spacing:.01em}.attachment-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;justify-content:center;align-items:center;padding:calc(22px + env(safe-area-inset-top,0px)) 18px calc(22px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 14%,rgba(14,165,233,.18),transparent 26%),#020617d6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .22s cubic-bezier(.22,1,.36,1);will-change:opacity}.attachment-viewer-shell{width:min(100%,920px);display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:none}.attachment-viewer{width:min(100%,920px);display:flex;justify-content:center;align-items:center;transform-origin:center center;will-change:transform;pointer-events:auto}.attachment-viewer--image{max-height:calc(100vh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.attachment-viewer--interactive{touch-action:none}.attachment-viewer--video{width:min(100%,860px)}.attachment-viewer-image-shell{display:flex;justify-content:center;align-items:center;will-change:transform}.attachment-viewer-image,.attachment-viewer-video{display:block;width:auto;max-width:100%;max-height:calc(100vh - 168px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:28px;background:#020617eb;box-shadow:0 36px 92px #0000006b,0 0 0 1px #ffffff2e,0 0 0 8px #38bdf80d;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.attachment-viewer-image{max-height:calc(100vh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.attachment-viewer-video{width:min(100%,860px);aspect-ratio:16 / 9;object-fit:contain;background:#020617f5}.attachment-viewer-controls{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#0ea5e92e,#2563eb24),#0f172a9e;border:1px solid rgba(186,230,253,.16);box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff1f;backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);opacity:0;transform:translate3d(0,10px,0) scale(.96);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1);pointer-events:none}.attachment-viewer-controls--visible{opacity:1;transform:translateZ(0) scale(1);pointer-events:auto}.attachment-viewer-control{width:42px;height:42px;display:grid;place-items:center;color:#f8fafc;border:0;border-radius:50%;background:linear-gradient(135deg,#38bdf83d,#2563eb33),#ffffff1a;box-shadow:0 12px 24px #0000002e,inset 0 1px #ffffff29;cursor:pointer}.attachment-viewer-control--primary{width:48px;height:48px;background:linear-gradient(135deg,#38bdf852,#2563eb42),#ffffff1f}.browser-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:116;display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 12%,rgba(56,189,248,.16),transparent 24%),#020617d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.browser-viewer-shell{width:min(100%,980px);height:min(calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),860px);display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#0f172aeb,#080f1af5);border:1px solid rgba(186,230,253,.16);box-shadow:0 32px 86px #00000070,inset 0 1px #ffffff14}.browser-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(186,230,253,.12);background:linear-gradient(135deg,#0ea5e91f,#2563eb1a),#ffffff08}.browser-viewer-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.browser-viewer-eyebrow{font-size:.72rem;font-weight:780;letter-spacing:.12em;text-transform:uppercase;color:#7dd3fce0}.browser-viewer-title{font-size:1rem;font-weight:760;color:#f8fafcfa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-viewer-host{font-size:.78rem;color:#cbd5e1bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-viewer-close{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:50%;color:#f8fafc;cursor:pointer;background:linear-gradient(135deg,#38bdf838,#2563eb2e),#ffffff14;box-shadow:0 12px 24px #0000002e,inset 0 1px #ffffff24;-webkit-tap-highlight-color:transparent}.browser-viewer-stage{position:relative;flex:1;min-height:0;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.08),transparent 28%),#020617eb}.browser-viewer-frame{width:100%;height:100%;border:0;background:#fff}.browser-viewer-frame--hidden{opacity:0}.browser-viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#f8fafceb;background:linear-gradient(180deg,#080f1a57,#080f1a8f)}.browser-viewer-loading__spinner{width:36px;height:36px;border-radius:50%;border:2px solid rgba(186,230,253,.18);border-top-color:#7dd3fcf5;animation:browserViewerSpin .86s linear infinite}.attachment-choice-dialog{min-height:0}@keyframes browserViewerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes videoNoteSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-note-recorder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:91;pointer-events:none}.video-note-recorder-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,rgba(14,165,233,.08),transparent 30%),#02061724}.video-note-recorder-preview{position:absolute;top:calc(26px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);pointer-events:none}.video-note-recorder-preview__shell{position:relative;width:min(88vw,430px);aspect-ratio:1;overflow:hidden;pointer-events:none;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.16),transparent 34%),#020617d1;box-shadow:0 34px 90px #00000061,0 0 0 1px #ffffff2e,0 0 0 10px #38bdf80d}.video-note-recorder-preview__progress{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;width:100%;height:100%;overflow:visible;transform:rotate(-90deg);filter:drop-shadow(0 0 5px rgba(125,211,252,.28)) drop-shadow(0 0 12px rgba(56,189,248,.18));pointer-events:none}.video-note-recorder-preview__progress-track,.video-note-recorder-preview__progress-value{fill:none;stroke-width:1.8}.video-note-recorder-preview__progress-track{stroke:#0a121f61}.video-note-recorder-preview__progress-value{stroke:#b8f4ff;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.video-note-recorder-preview__video{position:relative;z-index:0;width:100%;height:100%;display:block;object-fit:cover}.video-note-recorder-preview__video--mirrored{transform:scaleX(-1)}.voice-play-indicator{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border:0;border-radius:50%;color:#07111f;background:linear-gradient(135deg,#d9ffe8,#57e4ff);box-shadow:0 8px 18px #57e4ff38,inset 0 1px #ffffff80;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.voice-play-indicator:active{transform:scale(.94)}.voice-body{min-width:0;flex:1;display:flex;align-items:center;gap:6px}.voice-footer-meta{display:inline-flex;align-items:center;gap:4px;margin-left:0;padding-left:0;color:#dde9f885;font-size:.7rem;font-weight:520;letter-spacing:-.01em;white-space:nowrap}.voice-wave{--voice-progress: 0%;position:relative;flex:1 1 auto;min-width:68px;height:13px;display:flex;align-items:center;gap:2px;margin-bottom:0;overflow:hidden}.voice-wave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--voice-progress);background:linear-gradient(90deg,#d9ffe847,#57e4ff2e);border-radius:999px;pointer-events:none;transition:width .12s linear}.voice-wave span{flex:1 1 0;min-width:1px;max-width:2px;height:5px;border-radius:999px;background:#ffffff6b;box-shadow:0 0 0 1px #ffffff05;transition:height .18s ease,background .18s ease}.voice-wave span:nth-child(3n){height:11px}.voice-wave span:nth-child(4n){height:8px}.voice-wave span:nth-child(5n){height:13px}.voice-wave--playing span{background:#d9ffe8e6;animation:voiceBar .95s ease-in-out infinite}.voice-wave--playing span:nth-child(2n){animation-delay:90ms}.voice-wave--playing span:nth-child(3n){animation-delay:.17s}.voice-wave--playing span:nth-child(4n){animation-delay:.25s}@keyframes voiceBar{0%,to{transform:scaleY(.72);opacity:.68}50%{transform:scaleY(1.08);opacity:1}}.voice-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:fit-content;flex:0 0 auto;line-height:1}.voice-duration{display:inline-block;color:#ffffffb8;font-size:.64rem;font-weight:700;line-height:1;white-space:nowrap}.message-time{display:flex;align-items:center;gap:4px;font-size:.7rem;opacity:.7;margin-top:3px;justify-content:flex-end}.message.mine .message-time{color:#ffffffb3}.message-status{display:inline-flex;align-items:center;min-width:14px;font-size:.72rem;font-weight:700;letter-spacing:-.14em;color:currentColor}.message-status--read{color:#8be9fd}.message-status--sending{letter-spacing:0;opacity:.75}.message-status--failed{letter-spacing:0;color:#fecaca}@keyframes messageIn{0%{opacity:0}to{opacity:1}}.scroll-down-btn{position:fixed;bottom:calc(112px + var(--phone-safe-bottom));left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background:#8b5cf626;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.3);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px #0003;transition:all .25s ease;z-index:75;flex-shrink:0}.scroll-down-btn--has-new{border-color:#ef444499!important;background:#ef444426!important}.scroll-down-btn--has-new:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid rgba(239,68,68,.5);animation:sonar-pulse 2s ease-out infinite;pointer-events:none;z-index:-1}.scroll-down-btn--has-new:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid rgba(239,68,68,.5);animation:sonar-pulse 2s ease-out infinite 1s;pointer-events:none;z-index:-1}@keyframes sonar-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.scroll-down-btn svg{width:20px;height:20px;flex-shrink:0}.new-count{font-size:.85rem;font-weight:700;color:#fff}.scroll-down-btn:hover{background:#8b5cf64d;border-color:#8b5cf680;color:#fff;box-shadow:0 4px 16px #8b5cf64d}.scroll-down-btn--has-new:hover{background:#ef44444d;border-color:#ef4444cc;box-shadow:0 4px 16px #ef444480}.scroll-down-btn:active{transform:translate(-50%) scale(.95)}.chat-input{position:fixed;left:0;right:0;bottom:var(--phone-floating-bottom);display:flex;align-items:flex-end;gap:8px;padding-left:10px;padding-right:10px;padding-top:10px;background:linear-gradient(180deg,#1c1f2661,#12141a94);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.16);border-radius:26px;margin:0 16px;box-shadow:0 18px 44px #00000052,inset 0 1px #ffffff14;z-index:80;will-change:transform;transition:transform .28s cubic-bezier(.22,1,.36,1)}.chat-input--video-note-recording{align-items:center;gap:10px;padding-top:8px;padding-bottom:8px;z-index:120}.attach-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff14;border-radius:50%;border:none;color:#fff9;cursor:pointer;transition:all .2s ease;flex-shrink:0}.attach-btn:hover{background:#ffffff26;color:#fff}.attach-btn:active{transform:scale(.95)}.attach-btn--camera-switch{border:1px solid rgba(186,230,253,.14);background:linear-gradient(135deg,#0ea5e929,#2563eb24),#ffffff14}.file-input{display:none}.input-container{flex:1;display:flex;align-items:flex-end;min-width:0}.video-note-inline-status{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;border-radius:18px;color:#f8fafcf0;background:#ffffff14;box-shadow:inset 0 1px #ffffff14}.video-note-inline-status__text{font-size:.88rem;font-weight:760}.video-note-inline-status__time{font-size:.88rem;font-weight:820;white-space:nowrap}.chat-textarea{flex:1;resize:none;max-height:120px;overflow-y:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px 14px;font-size:16px;line-height:1.4;color:#fff;font-family:inherit;transition:all .2s ease}.chat-textarea::placeholder{color:#fff6}.chat-textarea:focus{outline:none;border-color:#8b5cf680;background:#ffffff1a}.chat-textarea:disabled{opacity:.62;cursor:not-allowed}.chat-textarea::-webkit-scrollbar{width:4px}.chat-textarea::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;border:none;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #8b5cf666}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn--active{opacity:1}.send-btn:disabled{opacity:.4;cursor:not-allowed}.video-note-btn,.voice-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff14;border-radius:50%;border:none;color:#fff9;cursor:pointer;transition:all .2s ease;flex-shrink:0}.video-note-btn:hover:not(:disabled),.voice-btn:hover:not(:disabled){background:#ffffff26;color:#fff}.video-note-btn:active:not(:disabled),.voice-btn:active:not(:disabled){transform:scale(.95)}.video-note-btn:disabled,.voice-btn:disabled{opacity:.42;cursor:not-allowed}.video-note-btn--recording,.voice-btn--recording{color:#07111f;background:linear-gradient(135deg,#fecaca,#fb7185);box-shadow:0 0 0 8px #fb71851f,0 14px 34px #fb71853d;animation:voicePulse 1.1s ease-in-out infinite}.video-note-btn--stop{display:inline-flex;align-items:center;justify-content:center}.voice-recording-panel{position:fixed;left:50%;bottom:calc(92px + var(--phone-safe-bottom));z-index:90;transform:translate(-50%);width:min(calc(100% - 32px),420px);display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border-radius:999px;color:#fff;font-size:.86rem;font-weight:800;text-align:center;background:#0f172ac7;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px #00000052;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.recording-dot{width:9px;height:9px;border-radius:50%;background:#fb7185;box-shadow:0 0 18px #fb7185c7;animation:voicePulse 1s ease-in-out infinite}.recording-dot--video{background:#38bdf8;box-shadow:0 0 18px #38bdf8c7}@keyframes voicePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width: 360px){.chat-header{height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 8px 0}.chat-avatar{width:38px;height:38px}.bubble{max-width:80%;padding:8px 12px;font-size:13px}.chat-input{margin:0 10px;padding:8px}}@media (orientation: landscape) and (max-height: 500px){.chat-header{height:calc(52px + env(safe-area-inset-top,0px))}.messages-container{padding:calc(64px + env(safe-area-inset-top,0px)) 8px 96px}.bubble{max-width:60%}}@media (prefers-reduced-motion: reduce){.message,.scroll-down-btn,.attach-btn,.send-btn{transition:none;animation:none}}.chat-screen{position:relative;height:100%;min-height:100dvh;overflow:hidden;color:#f8fafc;color-scheme:dark;background:radial-gradient(88% 56% at 14% -8%,rgba(82,201,255,.18),transparent 58%),radial-gradient(76% 48% at 88% 8%,rgba(125,119,255,.16),transparent 56%),radial-gradient(72% 52% at 86% 92%,rgba(52,211,153,.1),transparent 54%),radial-gradient(80% 58% at -10% 84%,rgba(34,197,94,.08),transparent 56%),linear-gradient(160deg,#050b16,#09111d 42%,#0b1620);-webkit-overflow-scrolling:auto;isolation:isolate}.chat-screen:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;pointer-events:none;background:radial-gradient(46% 34% at 16% 18%,rgba(125,221,255,.12),transparent 72%),radial-gradient(34% 28% at 82% 14%,rgba(157,164,255,.1),transparent 74%),radial-gradient(38% 30% at 84% 82%,rgba(74,222,128,.08),transparent 74%),linear-gradient(180deg,rgba(255,255,255,.028),transparent 22%,transparent 78%,rgba(255,255,255,.018));filter:blur(30px);opacity:.92;z-index:0}.chat-screen:after{content:"";position:absolute;width:280px;height:280px;left:-128px;top:132px;border-radius:999px;background:radial-gradient(circle,rgba(86,210,255,.56) 0%,rgba(86,210,255,.22) 34%,transparent 72%);filter:blur(58px);opacity:.22;pointer-events:none;z-index:0}.chat-screen-bg{display:block;position:absolute;width:250px;height:250px;inset:auto -118px 86px auto;border-radius:999px;background:radial-gradient(circle,rgba(74,222,128,.44) 0%,rgba(45,212,191,.2) 36%,transparent 72%);filter:blur(64px);opacity:.2;pointer-events:none;z-index:0}.chat-header{position:absolute;top:0;left:0;right:0;z-index:30;height:auto;min-height:0;padding:var(--phone-header-top) 16px 10px;background:#07111f7a;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 14px 32px #00000029;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.chat-header:after{display:none}.header-content{display:grid;grid-template-columns:42px 48px minmax(0,1fr) auto;gap:10px;align-items:center}.back-btn{width:42px;height:42px;display:grid;place-items:center;color:#e0f2fe;border-radius:15px;background:#ffffff13;border:1px solid rgba(255,255,255,.1);transform:none}.back-btn:hover,.back-btn:active{transform:none;background:#ffffff21}.chat-avatar-container,.chat-info{min-width:0}.chat-profile-link{cursor:pointer}.chat-avatar{width:48px;height:48px;padding:3px;border-radius:16px;background:linear-gradient(135deg,#38bdf8,#2563eb 52%,#0f172a);box-shadow:0 14px 28px #0ea5e924}.avatar-image{width:100%;height:100%;border-radius:13px;object-fit:cover}.online-dot{width:13px;height:13px;right:-3px;bottom:-3px;border:2px solid rgba(7,17,31,.96);background:#64748b}.online-dot--online{background:#22c55e;box-shadow:0 0 8px #22c55e80}.online-dot--busy{background:#f59e0b;box-shadow:0 0 8px #f59e0b8c}.online-dot--away{background:#38bdf8;box-shadow:0 0 8px #38bdf880}.online-dot--dnd{background:#a855f7;box-shadow:0 0 8px #a855f799}.chat-info{gap:4px}.chat-header-menu-btn{width:42px;height:42px;display:grid;place-items:center;color:#e0f2fe;border:0;border-radius:15px;background:#ffffff13;border:1px solid rgba(255,255,255,.1)}.chat-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.chat-header-call-btn{width:42px;height:42px;display:grid;place-items:center;color:#dbeafe;border:0;border-radius:15px;background:#0ea5e91c;border:1px solid rgba(125,211,252,.14);box-shadow:inset 0 1px #ffffff0a}.chat-header-menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31}.chat-header-menu{position:fixed;top:calc(var(--phone-header-top) + 58px);right:16px;z-index:32;width:min(300px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:22px;background:linear-gradient(135deg,#0f172ae6,#0f172abd),#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 64px #0000004d,inset 0 1px #ffffff14;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.chat-header-menu__item{padding:12px 14px;display:flex;flex-direction:column;gap:3px;text-align:left;color:#f8fafc;border:0;border-radius:16px;background:#ffffff0f}.chat-header-menu__item span{font-size:.91rem;font-weight:850}.chat-header-menu__item small{color:#f8fafca3;font-size:.74rem;line-height:1.35}.chat-header-menu__item--danger span{color:#fecaca}.chat-name{margin:0;color:#f8fafc;font-size:1.02rem;font-weight:900;line-height:1.1;letter-spacing:-.045em}.chat-status{min-height:18px}.status-text,.typing-status{font-size:.74rem;font-weight:750;letter-spacing:-.01em}.messages-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;height:auto;min-height:0;padding:calc(var(--phone-header-top) + 72px) 14px 104px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y}.messages-container::-webkit-scrollbar{display:none}.messages-list{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:11px;width:100%;max-width:760px;margin:0 auto}.spam-warning-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:14px;margin-bottom:8px;border-radius:22px;background:linear-gradient(145deg,#7f1d1dc7,#450a0aa8),#ffffff14;border:1px solid rgba(252,165,165,.2);box-shadow:0 20px 44px #450a0a3d,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.spam-warning-card__icon{width:42px;height:42px;display:grid;place-items:center;color:#fee2e2;border-radius:16px;background:#f8717129;border:1px solid rgba(254,202,202,.18)}.spam-warning-card__copy{min-width:0;display:flex;flex-direction:column;gap:4px}.spam-warning-card__copy strong{color:#fff1f2;font-size:.96rem;font-weight:900;letter-spacing:-.018em}.spam-warning-card__copy span{color:#ffe4e6d1;font-size:.81rem;line-height:1.45}.spam-warning-card__actions{grid-column:1 / -1;display:flex;gap:8px;margin-top:2px}.spam-warning-card__action{flex:1;min-height:42px;padding:0 14px;border:0;border-radius:15px;font-size:.83rem;font-weight:850;letter-spacing:-.01em;transition:transform .16s ease,background .16s ease,color .16s ease,opacity .16s ease}.spam-warning-card__action:active{transform:scale(.98)}.spam-warning-card__action:disabled{opacity:.58}.spam-warning-card__action--ghost{color:#ffe4e6;background:#ffffff12}.spam-warning-card__action--danger{color:#fff;background:linear-gradient(135deg,#ef4444fa,#dc2626eb);box-shadow:0 16px 26px #dc26263d}.message{display:flex;flex-direction:column;align-items:flex-start;animation:messageInPremium .18s ease both;will-change:auto}.message.mine{justify-content:flex-end;align-items:flex-end}.message-author-label{margin:0 0 5px 10px;color:#bfdbfee6;font-size:.69rem;font-weight:800;letter-spacing:.01em;text-shadow:0 2px 10px rgba(2,6,23,.24)}.message-author-label--mine{margin-left:0;margin-right:10px;color:#e0f2feeb}.bubble{max-width:min(78%,560px);padding:7px 12px 4px;position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.085);box-shadow:0 10px 22px #0000001f,inset 0 1px #ffffff0d;backdrop-filter:blur(13px) saturate(140%);-webkit-backdrop-filter:blur(13px) saturate(140%)}.message--menu-open .bubble,.message--menu-open .voice-message{box-shadow:0 0 0 1px #7dd3fc42,0 20px 42px #0ea5e924}.message.mine .bubble{color:#fff;border-radius:20px 20px 7px;background:linear-gradient(135deg,#0ea5e9db,#2563ebcc),#ffffff14;border-color:#bae6fd29}.message:not(.mine) .bubble{color:#f8fafc;border-radius:20px 20px 20px 7px;background:linear-gradient(135deg,#0f172aa3,#0f172a61),#ffffff17}.message-text{display:inline;font-size:.95rem;line-height:1.38;letter-spacing:-.012em}.message-reply-preview{width:100%;display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding:8px 10px;border-radius:14px;text-align:left;border-top:0;border-right:0;border-bottom:0;background:#ffffff17;border-left:3px solid rgba(125,211,252,.82);cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.message-reply-preview:hover{background:#ffffff1f;border-left-color:#bae6fdf0}.message-reply-preview:active{transform:scale(.988)}.message-reply-author{font-size:.72rem;font-weight:800;color:#c4f1ff}.message-reply-text{font-size:.78rem;line-height:1.3;color:#f8fafcb8}.message-time{display:inline-flex;vertical-align:text-bottom;gap:5px;margin-top:0;margin-left:8px;color:#f8fafca3;font-size:.68rem;font-weight:760;transform:translateY(2px);white-space:nowrap}.message-status--read{color:#bae6fd}.message-edited{opacity:.74}.message--flash .bubble,.message--flash .voice-message{box-shadow:0 0 0 1px #bae6fd57,0 0 0 8px #0ea5e914,0 18px 42px #0ea5e933}@keyframes messageInPremium{0%{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-down-btn{position:fixed;left:50%;bottom:calc(86px + var(--phone-safe-bottom));z-index:35;width:46px;height:46px;color:#bae6fd;border-radius:17px;background:#0ea5e924;border:1px solid rgba(125,211,252,.22);box-shadow:0 18px 38px #0000003d;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transform:translate(-50%);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,background .22s ease,border-color .22s ease;animation:scrollDownFloat 2.8s ease-in-out infinite}.scroll-down-btn:active{transform:translate(-50%) scale(.96);animation-play-state:paused}.scroll-down-btn:hover,.scroll-down-btn:focus-visible{box-shadow:0 22px 46px #00000047;animation-play-state:paused}.scroll-down-fade-enter-active,.scroll-down-fade-leave-active{transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.scroll-down-fade-enter-from,.scroll-down-fade-leave-to{opacity:0;transform:translate(-50%) translateY(10px) scale(.92)}@keyframes scrollDownFloat{0%{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}to{transform:translate(-50%) translateY(0)}}.chat-input{position:fixed;left:14px;right:14px;bottom:calc(12px + var(--phone-safe-bottom));z-index:40;display:flex;align-items:flex-end;gap:8px;max-width:760px;margin:0 auto;padding:8px;border-radius:24px;background:linear-gradient(135deg,#0f172aad,#0f172a75),#ffffff17;border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 46px #0000003d,0 1px #ffffff0f inset;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transform:none;transition:none}.attach-btn,.voice-btn,.send-btn{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;color:#dbeafe;border:0;border-radius:14px;background:#fff1;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.attach-btn:hover,.voice-btn:hover{color:#fff;background:#ffffff1c;box-shadow:0 10px 20px #0206171f}.attach-btn:active,.voice-btn:active,.send-btn:active{transform:translateY(1px) scale(.97)}.input-container{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.composer-context{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.composer-context-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.composer-context-label{font-size:.73rem;font-weight:800;color:#c4f1ff}.composer-context-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#f8fafcc2}.composer-context-close{width:32px;height:32px;display:grid;place-items:center;color:#f8fafcb8;border:0;border-radius:12px;background:#ffffff12}.message-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#0206176b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.message-menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:94}.message-menu-toolbar{position:fixed;z-index:96;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 6px;border-radius:16px;background:linear-gradient(135deg,#0f172ae0,#0f172ab8),#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff14;backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%)}.message-menu-icon{width:34px;height:30px;display:grid;place-items:center;color:#e0f2fe;border:0;border-radius:11px;background:#ffffff12;transition:transform .16s ease,background .16s ease,color .16s ease}.message-menu-icon:hover{color:#fff;background:#ffffff1f}.message-menu-icon:active{transform:scale(.95)}.message-menu-icon:disabled{opacity:.42}.message-menu-icon--danger{color:#fecaca}.message--deleting{pointer-events:none;overflow:hidden;max-height:var(--message-height, 160px);animation:messageRowCollapse 1.24s cubic-bezier(.19,1,.22,1) forwards}.message--deleting .bubble,.message--deleting .voice-message{animation:messageEvaporate 1.38s cubic-bezier(.16,.84,.22,1) forwards;transform-origin:center center;overflow:visible;will-change:opacity,transform,filter}.message--deleting .bubble>*,.message--deleting .voice-message>*{position:relative;z-index:1;animation:messageContentEvaporate 1.38s cubic-bezier(.16,.84,.22,1) forwards;will-change:opacity,transform,filter}.delete-burst-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;pointer-events:none;overflow:hidden}.delete-burst-particle{position:fixed;border-radius:.5px;box-shadow:0 0 0 .35px #ffffff14,0 0 4px #bae6fd29;animation:deleteBurstParticle var(--burst-duration, .52s) linear forwards;animation-delay:var(--burst-delay, 0ms);will-change:transform,opacity,filter}.message--deleting .bubble:after,.message--deleting .voice-message:after{content:none}.message.mine.message--deleting .bubble:after,.message.mine.message--deleting .voice-message:after{content:none}.message-menu-sheet{display:none}.message-menu-action{padding:14px 16px;display:flex;flex-direction:column;gap:4px;text-align:left;color:#f8fafc;border:0;border-radius:18px;background:#ffffff0f}.message-menu-action span{font-size:.96rem;font-weight:800}.message-menu-action small{font-size:.76rem;color:#f8fafc9e}.message-menu-action:disabled{opacity:.46}.message-menu-action--danger span{color:#fecaca}.delete-dialog{position:fixed;top:50%;left:50%;z-index:97;width:min(320px,calc(100vw - 32px));min-height:320px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:20px;border-radius:28px;background:linear-gradient(145deg,#0f172af2,#0f172acc),#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff14;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%)}.delete-dialog__icon{width:52px;height:52px;margin:0 auto 4px;display:grid;place-items:center;color:#fecaca;border-radius:18px;background:#f8717124}.delete-dialog__icon--danger{color:#fecaca;background:#f8717124}.delete-dialog__title{text-align:center;color:#fff;font-size:1.02rem;font-weight:900;letter-spacing:-.02em}.delete-dialog__text{margin:0 0 4px;text-align:center;color:#f8fafcad;font-size:.82rem;line-height:1.45}.delete-dialog__cancel{margin-top:4px;padding:12px 14px;color:#f8fafcd1;border:0;border-radius:18px;background:#ffffff0f;font-size:.9rem;font-weight:800}@keyframes messageEvaporate{0%{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}8%{opacity:.98;filter:blur(.05px) drop-shadow(0 10px 24px rgba(0,0,0,.16));transform:translate3d(0,-1.5px,0) scale(1.014)}18%{opacity:.56;filter:blur(.28px) drop-shadow(0 12px 30px rgba(0,0,0,.18));transform:translate3d(0,-1.6px,0) scale(1.012)}36%{opacity:.18;filter:blur(1px) drop-shadow(0 8px 20px rgba(0,0,0,.1));transform:translate3d(0,-.4px,0) scale(1.006)}to{opacity:0;filter:blur(2.8px);transform:translateZ(0) scale(.994)}}@keyframes messageMist{0%{opacity:0;transform:translateZ(0) scale(.84)}18%{opacity:.12}38%{opacity:.56}68%{opacity:.44}to{opacity:0;transform:translateZ(0) scale(1.32)}}.message--deleting .bubble:before,.message--deleting .voice-message:before{content:none}.message.mine.message--deleting .bubble:before,.message.mine.message--deleting .voice-message:before{content:none}@keyframes messageEdgeCrushOther{0%{opacity:0;transform:translateZ(0) scale(.92)}18%{opacity:.28}44%{opacity:.68}to{opacity:0;transform:translate3d(18px,14px,0) scale(1.04)}}@keyframes messageEdgeCrushMine{0%{opacity:0;transform:translateZ(0) scale(.92)}18%{opacity:.28}44%{opacity:.68}to{opacity:0;transform:translate3d(-18px,14px,0) scale(1.04)}}@keyframes messageContentEvaporate{0%{opacity:1;filter:blur(0);transform:translateZ(0)}8%{opacity:.72;filter:blur(.12px);transform:translateZ(0)}20%{opacity:.18;filter:blur(.56px);transform:translateZ(0)}to{opacity:0;filter:blur(2.5px);transform:translateZ(0)}}@keyframes deleteBurstParticle{0%{transform:translateZ(0) rotate(0) scale(1);opacity:0;filter:blur(0)}8%{opacity:1}36%{opacity:.96}74%{opacity:.76}to{transform:translate3d(var(--burst-dx, 18px),var(--burst-dy, 14px),0) rotate(var(--burst-rotate, 14deg)) scale(.14);opacity:0;filter:blur(.22px)}}@keyframes messageRowCollapse{0%{max-height:var(--message-height, 160px);opacity:1;margin-top:0;margin-bottom:0}88%{max-height:var(--message-height, 160px);opacity:1;margin-top:0;margin-bottom:0}96%{max-height:var(--message-height, 160px);opacity:0;margin-top:0;margin-bottom:0}to{max-height:0;opacity:0;margin-top:0;margin-bottom:-1px}}@keyframes messagePixelCrushOther{0%{opacity:0;transform:translateZ(0) scale(.94);filter:blur(0)}14%{opacity:.24}36%{opacity:1}68%{opacity:.92}to{opacity:0;transform:translate3d(26px,18px,0) scale(1.06);filter:blur(.18px)}}@keyframes messagePixelCrushMine{0%{opacity:0;transform:translateZ(0) scale(.94);filter:blur(0)}14%{opacity:.24}36%{opacity:1}68%{opacity:.92}to{opacity:0;transform:translate3d(-26px,18px,0) scale(1.06);filter:blur(.18px)}}.chat-textarea{width:100%;min-height:40px;max-height:118px;padding:10px 13px;color:#f8fafc;font-family:inherit;font-size:16px;line-height:1.32;border:1px solid rgba(255,255,255,.1);border-radius:16px;outline:none;resize:none;background:linear-gradient(180deg,#ffffff1a,#ffffff0e);box-shadow:inset 0 1px #ffffff0f,0 10px 24px #0000001a}.chat-textarea:focus{border-color:#7dd3fcb8;background:linear-gradient(180deg,#0ea5e921,#ffffff14);box-shadow:0 0 0 3px #0ea5e91c,0 14px 30px #0ea5e91f,inset 0 1px #ffffff17}.chat-textarea::placeholder{color:#e2e8f061;font-weight:650}.send-btn{color:#fff;background:linear-gradient(135deg,#38d39f,#2cb8ff);box-shadow:0 14px 28px #0ea5e933,inset 0 1px #ffffff29}.send-btn:disabled{opacity:.48}@media (max-width: 380px){.chat-header{padding-left:12px;padding-right:12px}.header-content{grid-template-columns:42px 48px minmax(0,1fr) auto;gap:10px}.back-btn,.chat-header-call-btn,.chat-header-menu-btn,.attach-btn,.voice-btn,.send-btn{width:42px;height:42px}.chat-avatar{width:48px;height:48px}.messages-container{padding-left:10px;padding-right:10px}.chat-input{left:10px;right:10px;padding:8px}}.chat-screen-preview{--preview-panel: rgba(11, 18, 31, .5);--preview-panel-strong: rgba(8, 15, 27, .68);--preview-line: rgba(205, 230, 255, .12);--preview-line-strong: rgba(205, 230, 255, .18);--preview-soft-text: rgba(229, 239, 250, .7);--preview-shadow: rgba(1, 6, 18, .24);--preview-shadow-strong: rgba(1, 6, 18, .36);--preview-glow-cyan: rgba(120, 224, 255, .12);--preview-glow-blue: rgba(98, 143, 255, .12);background:radial-gradient(78% 48% at -8% 10%,rgba(95,214,255,.11),transparent 72%),radial-gradient(64% 40% at 108% 16%,rgba(104,130,255,.11),transparent 68%),radial-gradient(52% 34% at 82% 84%,rgba(40,196,142,.08),transparent 70%),linear-gradient(180deg,#060d18f6,#040a12fd)}.chat-screen-preview:before{background:radial-gradient(52% 32% at 18% 18%,rgba(120,228,255,.12),transparent 72%),radial-gradient(44% 28% at 74% 16%,rgba(94,149,255,.1),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 34%);opacity:.86;filter:blur(34px);animation:previewAmbientDriftA 24s ease-in-out infinite alternate}.chat-screen-preview:after{width:460px;height:460px;left:-180px;top:120px;background:radial-gradient(58% 56% at 40% 38%,rgba(61,198,255,.18),rgba(61,198,255,.06) 36%,transparent 76%);opacity:.28;filter:blur(120px);animation:previewAmbientDriftB 28s ease-in-out infinite alternate}.chat-screen-preview .chat-screen-bg{opacity:.48;filter:blur(28px) saturate(.72) contrast(.82) brightness(.68);transform:scale(1.12);animation:previewBackdropPulse 32s ease-in-out infinite alternate}.chat-screen-preview--scrolling:before,.chat-screen-preview--scrolling:after,.chat-screen-preview--scrolling .chat-screen-bg{animation-play-state:paused}.chat-screen-preview .chat-header{position:absolute;background:linear-gradient(180deg,#0f182775,#0a121e38),radial-gradient(circle at 22% 0%,rgba(121,225,255,.1),transparent 38%),radial-gradient(circle at 84% 6%,rgba(107,132,255,.09),transparent 32%);border-bottom:1px solid var(--preview-line);box-shadow:0 18px 38px #02081424,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(38px) saturate(148%);backdrop-filter:blur(38px) saturate(148%)}.chat-screen-preview .chat-header:before{content:"";position:absolute;left:0;right:0;bottom:-58px;height:86px;pointer-events:none;background:linear-gradient(180deg,rgba(8,14,24,.24),rgba(8,14,24,.08),transparent)}.chat-screen-preview .chat-header:after{opacity:.3;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent),linear-gradient(180deg,rgba(255,255,255,.06),transparent 88%)}.chat-screen-preview .back-btn,.chat-screen-preview .chat-header-call-btn,.chat-screen-preview .chat-header-menu-btn{border:1px solid var(--preview-line);background:linear-gradient(180deg,#ffffff1a,#ffffff07),#0a121e33;box-shadow:0 12px 24px #0308121f,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%)}.chat-screen-preview .chat-info{padding:0;border:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-shadow:0 8px 20px rgba(3,8,18,.16);text-align:left}.chat-screen-preview .chat-name{letter-spacing:-.02em;font-weight:740}.chat-screen-preview .chat-status,.chat-screen-preview .status-text{color:#e0ebf88f;letter-spacing:.008em;font-weight:500}.chat-screen-preview .messages-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;height:auto;min-height:0;padding:calc(var(--phone-header-top) + 78px) 16px 132px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;-webkit-mask-image:none;mask-image:none;will-change:scroll-position;transform:translateZ(0);backface-visibility:hidden}.chat-screen-preview .messages-container{background:linear-gradient(180deg,rgba(7,14,25,.38) 0%,rgba(7,14,25,.12) 12%,transparent 24%,transparent 78%,rgba(7,14,25,.18) 90%,rgba(7,14,25,.56) 100%)}.chat-screen-preview .messages-container:before,.chat-screen-preview .messages-container:after{content:none}.chat-screen-preview .messages-list{min-height:100%;justify-content:flex-end;gap:12px;width:100%;max-width:780px;margin:0 auto;padding-bottom:18px}.chat-screen-preview .messages-list:before{content:"";position:fixed;left:50%;top:calc(var(--phone-header-top) + 62px);width:min(760px,calc(100vw - 56px));height:78px;transform:translate(-50%);pointer-events:none;background:linear-gradient(180deg,rgba(7,14,25,.42),rgba(7,14,25,.18),transparent);filter:blur(16px);opacity:.76;z-index:3}.chat-screen-preview .message{margin-bottom:14px;transition:transform .24s ease,opacity .24s ease}.chat-screen-preview .message:hover{transform:translate3d(0,-1px,0)}.chat-screen-preview .message-author-label{color:#e1ecfb70;letter-spacing:.08em;font-weight:620}.chat-screen-preview .bubble,.chat-screen-preview .voice-message,.chat-screen-preview .video-note-shell,.chat-screen-preview .attachment-file-card{border:1px solid var(--preview-line);background:linear-gradient(180deg,#ffffff21,#ffffff08),#08101c47;box-shadow:0 14px 30px var(--preview-shadow),inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(24px) saturate(152%);backdrop-filter:blur(24px) saturate(152%)}.chat-screen-preview .message.mine .bubble,.chat-screen-preview .message.mine .voice-message,.chat-screen-preview .message.mine .attachment-file-card{border-color:#a7dcff33;background:linear-gradient(180deg,#80d8ff2b,#6f8cff12),#183a7033;box-shadow:0 14px 30px #04183833,inset 0 1px #ffffff24}.chat-screen-preview .message:not(.mine) .bubble,.chat-screen-preview .message:not(.mine) .voice-message,.chat-screen-preview .message:not(.mine) .attachment-file-card{margin-left:2px;border-color:#e1ecfb1a;background:linear-gradient(180deg,#ffffff1c,#ffffff05),#08101c33;box-shadow:0 12px 26px #0106122e,inset 0 1px #ffffff14}.chat-screen-preview .message:not(.mine) .bubble{color:#f0f6ffc2;border-color:#e1ecfb14;background:linear-gradient(180deg,#ffffff18,#ffffff05),#08101c29;box-shadow:0 10px 22px #01061229,inset 0 1px #fff1}.chat-screen-preview .message:not(.mine) .message-text{color:#ebf3fcbf}.chat-screen-preview .message:not(.mine) .message-time,.chat-screen-preview .message:not(.mine) .video-note-meta-time,.chat-screen-preview .message:not(.mine) .video-note-meta-duration,.chat-screen-preview .message:not(.mine) .voice-footer-meta,.chat-screen-preview .message:not(.mine) .attachment-file-card__meta{color:#e0ebf86b}.chat-screen-preview .attachment-card-message{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:min(360px,calc(100vw - 84px));max-width:100%}.chat-screen-preview .message.mine .attachment-card-message{align-items:flex-end}.chat-screen-preview .attachment-card-message--image{width:auto;max-width:min(320px,calc(100vw - 84px));align-self:flex-start}.chat-screen-preview .message.mine .attachment-card-message--image{align-self:flex-end}.chat-screen-preview .attachment-card-message--voice .voice-message{width:100%;min-width:0;padding:5px 9px 5px 8px;border-radius:18px}.chat-screen-preview .attachment-card-reply{width:100%;max-width:min(320px,calc(100vw - 112px));border:1px solid rgba(205,230,255,.08);background:linear-gradient(180deg,#ffffff14,#ffffff05),#08101c29;box-shadow:0 10px 24px #0106121f,inset 0 1px #ffffff0f}.chat-screen-preview .attachment-image-shell{display:inline-flex;width:auto;flex:0 0 auto;max-width:100%;align-self:inherit;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate;line-height:0;aspect-ratio:auto}.chat-screen-preview .attachment-image-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto;max-width:min(320px,calc(100vw - 84px));max-height:min(320px,calc(100vw - 84px));overflow:visible;background:transparent;box-shadow:none;aspect-ratio:auto}.chat-screen-preview .attachment-video-shell,.chat-screen-preview .video-note-shell{box-shadow:0 20px 44px #01061238,0 0 42px #76cdff24,inset 0 14px 20px #ffffff09,inset 18px 0 22px #01061221,inset -18px 0 22px #01061221,inset 0 -34px 54px #01061270,inset 0 -10px 16px #0106122e,inset 0 1px #ffffff14;overflow:hidden}.chat-screen-preview .attachment-image-shell:before,.chat-screen-preview .attachment-video-shell:before,.chat-screen-preview .video-note-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 22%,transparent 72%,rgba(255,255,255,.03));opacity:.82}.chat-screen-preview .attachment-image-shell:before{content:none}.chat-screen-preview .attachment-image-shell__media,.chat-screen-preview .attachment-video-shell__media{width:100%;height:auto;object-fit:contain;filter:saturate(.95) contrast(.96) brightness(.97);background:transparent}.chat-screen-preview .attachment-image-shell__media{width:100%;height:100%;border-radius:30px;object-fit:contain;box-shadow:0 24px 56px #01061242,0 0 0 1px #dfeeff17,0 0 56px #76cdff33,0 0 92px #76cdff1f}.chat-screen-preview .attachment-card-meta{display:inline-flex;align-items:center;gap:7px;color:#eff6ffe6;font-size:.74rem;letter-spacing:-.01em}.chat-screen-preview .attachment-card-meta--overlay{position:absolute;right:10px;bottom:10px;padding:5px 9px;border:1px solid rgba(205,230,255,.12);border-radius:999px;background:linear-gradient(180deg,#09111cc2,#09111c80),#09111c8f;box-shadow:0 10px 20px #0106122e,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(16px) saturate(148%);backdrop-filter:blur(16px) saturate(148%);font-size:.7rem;letter-spacing:-.008em}.chat-screen-preview .attachment-card-meta--inline{margin-top:8px;justify-content:flex-end;color:#dde9f88a}.chat-screen-preview .attachment-file-card{position:relative;width:min(360px,calc(100vw - 84px));max-width:100%;min-width:0;gap:14px;padding:16px 18px;border-radius:26px;background:linear-gradient(180deg,#ffffff1f,#ffffff08),#08101c42;box-shadow:0 18px 38px #01061233,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(24px) saturate(154%);backdrop-filter:blur(24px) saturate(154%)}.chat-screen-preview .attachment-audio-shell{width:min(360px,calc(100vw - 84px));max-width:100%;padding:14px 16px 10px;border:1px solid var(--preview-line);border-radius:26px;background:linear-gradient(180deg,#ffffff1f,#ffffff08),#08101c3d;box-shadow:0 18px 38px #01061233,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(24px) saturate(154%);backdrop-filter:blur(24px) saturate(154%)}.chat-screen-preview .attachment-audio-card{width:100%;display:block}.chat-screen-preview .attachment-file-card__icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,#78e0ff38,#5e95ff1f),#50aaff14;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #04183829}.chat-screen-preview .attachment-file-card__copy{padding-right:34px}.chat-screen-preview .attachment-file-card__subline{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.chat-screen-preview .attachment-file-card__copy strong{font-size:.94rem;letter-spacing:-.015em}.chat-screen-preview .attachment-file-card__copy small{flex:1;min-width:0;color:#dde9f88f}.chat-screen-preview .attachment-file-card__progress{position:absolute;top:14px;right:14px;margin:0}.chat-screen-preview .attachment-file-card__meta-inline{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:#dde9f88f;font-size:.74rem;letter-spacing:-.01em}.chat-screen-preview .attachment-file-card__time{font-weight:520}.chat-screen-preview .voice-message{border-color:#e1ecfb1a}.chat-screen-preview .voice-message__wave{height:13px;gap:2px;opacity:.72}.chat-screen-preview .voice-wave span{max-width:2px;height:3px}.chat-screen-preview .voice-wave span:nth-child(3n){height:8px}.chat-screen-preview .voice-wave span:nth-child(4n){height:6px}.chat-screen-preview .voice-wave span:nth-child(5n){height:10px}.chat-screen-preview .voice-play-indicator{width:22px;height:22px;box-shadow:0 5px 12px #57e4ff29,inset 0 1px #ffffff70}.chat-screen-preview .voice-play-indicator svg{width:12px;height:12px}.chat-screen-preview .voice-footer{gap:3px}.chat-screen-preview .voice-duration{font-size:.58rem}.chat-screen-preview .voice-footer-meta{padding-left:0;font-size:.58rem;gap:2px}.chat-screen-preview .video-note-shell:after{border-color:#ffffff2e}.chat-screen-preview .message-text,.chat-screen-preview .attachment-file-card__name,.chat-screen-preview .voice-message__time,.chat-screen-preview .voice-message__duration,.chat-screen-preview .attachment-caption,.chat-screen-preview .video-note-meta,.chat-screen-preview .message-time{color:#f0f6ffd1;letter-spacing:-.01em}.chat-screen-preview .message-text,.chat-screen-preview .attachment-caption{font-weight:430;line-height:1.52}.chat-screen-preview .message-time,.chat-screen-preview .video-note-meta-time,.chat-screen-preview .video-note-meta-duration,.chat-screen-preview .attachment-file-card__meta,.chat-screen-preview .voice-footer-meta{color:#dde9f885;font-weight:520}.chat-screen-preview .chat-input{left:12px;right:12px;bottom:10px;z-index:40;width:auto;max-width:780px;margin:0 auto;padding:5px;border:1px solid var(--preview-line);border-radius:20px;background:linear-gradient(180deg,#ffffff1c,#ffffff08),#08101c57;box-shadow:0 28px 54px #0106124d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(34px) saturate(164%);backdrop-filter:blur(34px) saturate(164%);transform:translateZ(0)}.chat-screen-preview .chat-input:before{content:"";position:absolute;left:12px;right:12px;top:-20px;height:28px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(7,14,25,.22),rgba(7,14,25,.38));filter:blur(10px);opacity:.72}.chat-screen-preview .chat-textarea{min-height:32px;padding:6px 11px;border:1px solid rgba(216,233,255,.095);border-radius:14px;color:#f6faffeb;background:linear-gradient(180deg,#ffffff1c,#ffffff08),#08101c2e;box-shadow:inset 0 1px #ffffff12,0 10px 24px #0106121a}.chat-screen-preview .chat-textarea::placeholder{color:#e4eefc66}.chat-screen-preview .chat-textarea:focus{border-color:#8cd9ff6b;box-shadow:0 0 0 3px #5cb1ff1a,0 16px 34px #06122633,inset 0 1px #ffffff1f}.chat-screen-preview .attach-btn,.chat-screen-preview .voice-btn{width:34px;height:34px;border:1px solid var(--preview-line);background:linear-gradient(180deg,#ffffff1c,#ffffff08),#09101c38;box-shadow:0 14px 26px #03081224,inset 0 1px #ffffff17;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.chat-screen-preview .send-btn{width:34px;height:34px}.chat-screen-preview .attach-btn:hover,.chat-screen-preview .voice-btn:hover,.chat-screen-preview .send-btn:hover{transform:translate3d(0,-1px,0)}.chat-screen-preview .send-btn{width:35px;height:35px;background:linear-gradient(135deg,#7eeafff5,#6786ffe6);box-shadow:0 16px 30px #2476ff3d,inset 0 1px #ffffff38}.chat-screen-preview .chat-header-menu,.chat-screen-preview .message-menu,.chat-screen-preview .message-reaction-sheet,.chat-screen-preview .attachment-viewer-card,.chat-screen-preview .video-note-viewer-card{border:1px solid var(--preview-line-strong);background:linear-gradient(180deg,#ffffff26,#ffffff0d),#08101cb8;box-shadow:0 26px 56px #02081457,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(34px) saturate(165%);backdrop-filter:blur(34px) saturate(165%)}.chat-screen-preview .message-link{color:#97dffff5}@keyframes previewAmbientDriftA{0%{transform:translate3d(-10px,-8px,0) scale(1);opacity:.82}to{transform:translate3d(12px,18px,0) scale(1.04);opacity:1}}@keyframes previewAmbientDriftB{0%{transform:translateZ(0) scale(1);opacity:.34}to{transform:translate3d(28px,22px,0) scale(1.08);opacity:.52}}@keyframes previewBackdropPulse{0%{transform:scale(1.08) translateZ(0);filter:blur(16px) saturate(.78) contrast(.88) brightness(.72)}to{transform:scale(1.11) translate3d(-8px,10px,0);filter:blur(20px) saturate(.84) contrast(.9) brightness(.7)}}@media (min-width: 1024px){.chat-screen-preview .messages-list:before{width:min(760px,calc(100vw - 120px))}.chat-screen-preview .messages-container{padding-left:26px;padding-right:26px}.chat-screen-preview .chat-header{max-width:min(1120px,calc(100vw - 72px));margin:16px auto 0;border-radius:34px}.chat-screen-preview .messages-container{max-width:min(1120px,calc(100vw - 72px));margin:0 auto;padding-left:30px;padding-right:30px}.chat-screen-preview .chat-input{left:50%;right:auto;width:min(1120px,calc(100vw - 72px));transform:translate(-50%)}}.contacts-page{position:relative;width:100%;flex:1 1 auto;height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;color:var(--pm-text-1);background:var(--pm-gradient-page)}.contacts-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.036) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 78%)}.contacts-page:after{content:"";position:absolute;left:-104px;top:112px;width:252px;height:252px;border-radius:50%;background:radial-gradient(circle at 34% 34%,rgba(140,232,255,.26),rgba(66,190,255,.14) 46%,transparent 78%);filter:blur(58px);opacity:.52;pointer-events:none}.contacts-top-shell{position:sticky;top:0;z-index:10;padding-top:var(--phone-safe-top);background:linear-gradient(180deg,#070e19ad,#070e197a 56%,#070e1900);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px) saturate(148%);-webkit-backdrop-filter:blur(20px) saturate(148%)}.contacts-header{position:relative;display:flex;align-items:center;gap:12px;padding:8px 18px}.contacts-back-btn{width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--pm-text-1);border-radius:16px;background:linear-gradient(180deg,#ffffff1c,#ffffff0d),#08101c2e;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 24px #0208121f,inset 0 1px #ffffff12;transition:background var(--pm-transition-base),border-color var(--pm-transition-base),transform var(--pm-transition-base)}.contacts-back-btn:hover{transform:translateY(-1px);background:var(--pm-surface-4);border-color:var(--pm-border-accent)}.contacts-header-info{min-width:0}.contacts-header-title{margin:0;color:var(--pm-text-1);font-size:1.08rem;font-weight:900;letter-spacing:-.04em;line-height:1.06}.contacts-header-count{color:#d1e3f57a;font-size:.74rem;font-weight:620}.contacts-create-group-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-left:auto;padding:0 13px;color:var(--pm-text-1);border-radius:16px;background:linear-gradient(135deg,#ffffff1c,#ffffff0d),#08101c26;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 24px #0208121c,inset 0 1px #ffffff12;font-size:.78rem;font-weight:720;letter-spacing:-.02em;white-space:nowrap;transition:transform var(--pm-transition-base),background var(--pm-transition-base),border-color var(--pm-transition-base)}.contacts-create-group-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#2cbcff2e,#ffffff1a);border-color:var(--pm-border-accent)}.contacts-search{position:relative;z-index:1;padding:0 16px 10px}.contacts-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--pm-text-3);pointer-events:none}.contacts-search-input{width:100%;min-height:44px;padding:10px 40px 10px 44px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d),#08101c24;color:var(--pm-text-1);font-size:.9rem;font-weight:540;outline:none;box-shadow:inset 0 1px #ffffff0f,0 14px 28px #0000001f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:border-color var(--pm-transition-base),box-shadow var(--pm-transition-base),background var(--pm-transition-base)}.contacts-search-input::placeholder{color:var(--pm-text-3)}.contacts-search-input:focus{border-color:#7dd3fcb8;background:linear-gradient(180deg,#0ea5e929,#ffffff17);box-shadow:0 0 0 4px #0ea5e921,0 18px 42px #0ea5e924}.contacts-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--pm-text-2)}.contacts-search-clear:hover{color:var(--pm-text-1)}.contacts-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:calc(100dvh - 160px);padding:40px 24px var(--phone-content-bottom);color:var(--pm-text-2)}.contacts-loading-spinner{width:28px;height:28px;border:3px solid var(--pm-border-soft);border-top-color:var(--pm-accent);border-radius:50%;animation:contacts-spin 1s linear infinite}@keyframes contacts-spin{to{transform:rotate(360deg)}}.contacts-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;padding:6px 16px calc(var(--phone-content-bottom) + 16px);touch-action:pan-y;scrollbar-width:none}.contacts-list::-webkit-scrollbar{display:none}.contacts-card{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:22px;background:linear-gradient(180deg,#ffffff1a,#ffffff0b),#08101c1a;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 28px #0208121a,inset 0 1px #ffffff0f;backdrop-filter:blur(16px) saturate(136%);-webkit-backdrop-filter:blur(16px) saturate(136%);transition:transform var(--pm-transition-base),background var(--pm-transition-base),border-color var(--pm-transition-base)}.contacts-card:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ffffff1c,#ffffff12);border-color:var(--pm-border-accent)}.contacts-card-avatar{width:50px;height:50px;padding:2px;flex-shrink:0;border-radius:17px;background:linear-gradient(135deg,#38bdf8,#2563eb 52%,#0f172a);box-shadow:0 12px 24px #0ea5e924}.contacts-card-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:15px}.contacts-card-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:1.02rem;font-weight:800;color:#f8fbff;border-radius:15px;background:#09121fc7}.contacts-card-body{flex:1;min-width:0}.contacts-card-name{margin:0 0 4px;font-size:.94rem;font-weight:820;letter-spacing:-.03em;color:var(--pm-text-1)}.contacts-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.contacts-card-username{margin:0;font-size:.77rem;font-weight:540;color:var(--pm-text-3)}.contacts-card-status{margin:0;font-size:.73rem;font-weight:620;text-transform:lowercase}.contacts-card-status--online{color:var(--pm-success)}.contacts-card-status--offline{color:var(--pm-text-3)}.contacts-card-status--busy{color:var(--pm-warning)}.contacts-card-status--away{color:#38bdf8}.contacts-card-status--dnd{color:#c084fc}.contacts-empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:calc(100dvh - 160px);padding:40px 24px var(--phone-content-bottom);text-align:center}.contacts-empty-icon{width:74px;height:74px;display:grid;place-items:center;color:#f1f8ffeb;border-radius:23px;background:linear-gradient(145deg,#0ea5e93d,#22c55e24);box-shadow:0 18px 36px #0ea5e924}.contacts-empty-icon__glyph{display:block}.contacts-empty-title{margin:0;font-size:1.18rem;font-weight:900;letter-spacing:-.03em;color:var(--pm-text-1)}.contacts-empty-text{margin:0;font-size:.9rem;color:var(--pm-text-2)}.contacts-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0206176b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contacts-dialog{position:fixed;top:50%;left:50%;z-index:41;width:min(320px,calc(100vw - 32px));transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:28px;background:linear-gradient(145deg,#0f172af2,#0f172acc),#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff14;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%)}.contacts-dialog-icon{width:52px;height:52px;margin:0 auto 4px;display:grid;place-items:center;color:#fecaca;border-radius:18px;background:#f8717124}.contacts-dialog-title{text-align:center;color:#fff;font-size:1.02rem;font-weight:900;letter-spacing:-.02em}.contacts-dialog-text{margin:0 0 4px;text-align:center;color:#f8fafcad;font-size:.82rem;line-height:1.45}.contacts-dialog-action,.contacts-dialog-cancel{min-height:46px;border:0;border-radius:18px;font-size:.9rem;font-weight:800}.contacts-dialog-action{color:#fff;background:linear-gradient(135deg,#ef4444fa,#dc2626eb)}.contacts-dialog-cancel{color:#f8fafcd1;background:#ffffff0f}@media (max-width: 420px){.contacts-header{gap:10px;padding-inline:14px}.contacts-create-group-btn{padding-inline:12px;font-size:.78rem}.contacts-list{padding-inline:14px}.contacts-card{border-radius:22px}}.group-create-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--pm-gradient-page);color:var(--pm-text-1)}.group-create-header{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:12px;padding:calc(var(--phone-safe-top) + 8px) 18px 12px;background:var(--pm-shell-overlay);border-bottom:1px solid var(--pm-border-soft);backdrop-filter:blur(var(--pm-blur-3)) saturate(160%);-webkit-backdrop-filter:blur(var(--pm-blur-3)) saturate(160%)}.back-btn,.hero-avatar,.selected-chip,.contact-row,.create-btn{border:0}.back-btn{width:46px;height:46px;display:grid;place-items:center;color:var(--pm-text-1);border-radius:17px;border:1px solid var(--pm-border-strong);background:var(--pm-surface-3)}.header-copy{min-width:0}.header-title{margin:0;font-size:1.2rem;font-weight:900;letter-spacing:-.04em}.header-subtitle{margin:4px 0 0;color:var(--pm-text-2);font-size:.82rem;font-weight:600}.group-create-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(var(--phone-content-bottom) + 94px);display:flex;flex-direction:column;gap:14px}.hero-card,.selected-card,.contacts-card{border-radius:28px;padding:18px;border:1px solid var(--pm-border-strong);background:var(--pm-gradient-surface),var(--pm-glass-elevated);box-shadow:0 20px 60px var(--pm-page-shadow);backdrop-filter:blur(var(--pm-blur-2)) saturate(140%);-webkit-backdrop-filter:blur(var(--pm-blur-2)) saturate(140%)}.hero-avatar{position:relative;width:104px;height:104px;margin:0 auto 14px;padding:4px;display:block;border-radius:30px;background:var(--pm-gradient-accent-alt);box-shadow:0 18px 38px var(--pm-glow-accent)}.hero-avatar__image{width:100%;height:100%;border-radius:26px;object-fit:cover}.hero-avatar__badge{position:absolute;right:-6px;bottom:-6px;min-width:44px;min-height:32px;padding:0 10px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--pm-bg-canvas) 90%,transparent);border:1px solid var(--pm-border-accent);color:var(--pm-text-1);font-size:.72rem;font-weight:800}.field-label{display:block;margin:14px 0 8px;font-size:.84rem;font-weight:700;color:var(--pm-text-2)}.text-input,.textarea-input,.search-input{width:100%;border-radius:18px;border:1px solid var(--pm-border-soft);background:linear-gradient(180deg,var(--pm-field-top),var(--pm-field-bottom));color:var(--pm-text-1);box-shadow:inset 0 1px color-mix(in srgb,var(--pm-text-1) 8%,transparent)}.text-input,.search-input{min-height:52px;padding:0 16px}.textarea-input{min-height:112px;padding:14px 16px;resize:vertical}.text-input:focus,.textarea-input:focus,.search-input:focus{outline:none;border-color:var(--pm-border-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-accent) 12%,transparent)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{margin:0;font-size:1rem;font-weight:850;letter-spacing:-.02em}.section-head p{margin:6px 0 0;color:var(--pm-text-3);font-size:.8rem;line-height:1.45}.section-head span{color:var(--pm-text-2);font-size:.82rem;font-weight:700}.selected-chips{display:flex;flex-wrap:wrap;gap:10px}.selected-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px 0 8px;border-radius:999px;color:var(--pm-text-1);border:1px solid var(--pm-border-soft);background:color-mix(in srgb,var(--pm-accent) 14%,transparent)}.selected-chip__avatar,.selected-chip__avatar--fallback{width:28px;height:28px;border-radius:50%}.selected-chip__avatar--fallback{display:grid;place-items:center;background:var(--pm-gradient-accent-alt);font-size:.78rem;font-weight:900}.selected-chip__name{font-size:.82rem;font-weight:700}.selected-chip__remove{color:var(--pm-text-3);font-size:1rem;line-height:1}.search-shell{position:relative;margin-bottom:12px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--pm-text-3)}.contacts-list{display:flex;flex-direction:column;gap:10px}.contact-row{display:flex;align-items:center;gap:14px;width:100%;padding:13px;border-radius:22px;text-align:left;border:1px solid var(--pm-border-soft);background:var(--pm-surface-3)}.contact-row--selected{border-color:var(--pm-border-accent);background:color-mix(in srgb,var(--pm-accent) 14%,transparent)}.contact-row__avatar,.contact-row__avatar--fallback{width:52px;height:52px;border-radius:16px;object-fit:cover;flex-shrink:0}.contact-row__avatar--fallback{display:grid;place-items:center;background:var(--pm-gradient-accent-alt);font-weight:900}.contact-row__info{min-width:0;flex:1}.contact-row__name{font-size:.96rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-row__meta{margin-top:4px;color:var(--pm-text-3);font-size:.78rem}.contact-row__toggle{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--pm-surface-3)}.contact-row__check{color:var(--pm-accent);font-weight:900}.group-create-footer{position:sticky;bottom:0;z-index:12;padding:12px 16px calc(var(--phone-safe-bottom) + 12px);background:var(--pm-shell-overlay);backdrop-filter:blur(var(--pm-blur-3)) saturate(150%);-webkit-backdrop-filter:blur(var(--pm-blur-3)) saturate(150%)}.create-btn{width:100%;min-height:52px;border-radius:18px;color:var(--pm-primary-contrast);font-weight:850;background:var(--pm-gradient-accent);box-shadow:0 16px 24px var(--pm-glow-accent)}.create-btn:disabled{opacity:.55}.state-block{min-height:160px;display:grid;place-items:center;gap:12px;color:var(--pm-text-3);text-align:center}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--pm-border-soft);border-top-color:var(--pm-accent);animation:spin .9s linear infinite}.group-profile-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 22% 0%,rgba(30,144,255,.12),transparent 28%),linear-gradient(180deg,#0f1c29,#101c2a 52%,#0d1723);color:#f8fafc}.telegram-group-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:calc(var(--phone-safe-top) + 8px) 16px 10px;background:#0f1c292e;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);transition:background .18s ease,border-color .18s ease}.telegram-group-header--compact{background:#0f1c29d6;border-bottom:1px solid rgba(255,255,255,.06)}.telegram-group-header__copy{min-width:0;min-height:46px;display:flex;align-items:center}.telegram-group-header__compact-copy{opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.telegram-group-header__compact-copy--visible{opacity:1;transform:translateY(0)}.telegram-group-header__title{font-size:1.12rem;font-weight:900;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telegram-group-header__subtitle{margin-top:2px;color:#e2e8f094;font-size:.84rem;font-weight:650}.telegram-group-header__actions{display:flex;align-items:center;gap:8px}.header-icon,.telegram-action-card,.telegram-members-card__add,.telegram-member-row__main,.telegram-member-row__remove,.telegram-media-tab,.telegram-media-tile,.telegram-resource-row,.secondary-btn,.primary-btn,.sheet-close,.telegram-contact-option,.sheet-action-row{border:0}.header-icon{width:46px;height:46px;display:grid;place-items:center;color:#f8fafc;border-radius:17px;background:#ffffff0d}.header-icon--back{justify-self:start}.telegram-group-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 calc(var(--phone-content-bottom) + 26px);scrollbar-width:none}.telegram-group-scroll::-webkit-scrollbar{display:none}.telegram-group-hero{padding:18px 22px 10px;display:flex;flex-direction:column;align-items:center;text-align:center}.telegram-group-hero__avatar-shell{position:relative;width:118px;height:118px;display:grid;place-items:center;border-radius:30px;background:transparent;transform-origin:center top;transition:transform .22s cubic-bezier(.2,.9,.25,1),opacity .18s ease,width .22s cubic-bezier(.2,.9,.25,1),height .22s cubic-bezier(.2,.9,.25,1),border-radius .22s cubic-bezier(.2,.9,.25,1)}.telegram-group-hero__avatar-shell--editable{cursor:pointer}.telegram-group-hero__avatar{width:100%;height:100%;border-radius:inherit;object-fit:cover;box-shadow:0 22px 44px #00000047}.telegram-group-hero__avatar-badge{position:absolute;right:4px;bottom:4px;min-width:46px;min-height:30px;padding:0 11px;display:grid;place-items:center;border-radius:999px;background:#0c141ee0;border:1px solid rgba(255,255,255,.08);color:#dbeafe;font-size:.72rem;font-weight:800}.telegram-group-hero__copy{transition:transform .22s cubic-bezier(.2,.9,.25,1),opacity .18s ease}.telegram-group-hero__title{margin:18px 0 0;font-size:2.1rem;font-weight:900;letter-spacing:-.06em;line-height:1.02}.telegram-group-hero__meta{margin:10px 0 0;color:#e2e8f08a;font-size:.98rem;font-weight:700}.telegram-group-hero__description{margin:16px auto 0;max-width:500px;color:#e2e8f0bd;font-size:.98rem;line-height:1.62;transition:transform .18s ease,opacity .18s ease}.telegram-group-actions{padding:14px 16px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.9,.25,1),max-height .24s cubic-bezier(.2,.9,.25,1),margin-top .24s cubic-bezier(.2,.9,.25,1)}.telegram-group-actions--hidden{opacity:0;transform:translateY(-14px);max-height:0;overflow:hidden;pointer-events:none;margin-top:-8px;padding-top:0}.telegram-group-actions--revealed{opacity:1;transform:translateY(0);max-height:180px}.telegram-action-card{min-height:96px;padding:14px 10px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.06);border-radius:26px;background:linear-gradient(180deg,#243144db,#182231eb);color:#f8fafc;box-shadow:0 18px 34px #0308122e,inset 0 1px #ffffff0d}.telegram-action-card--danger{color:#dbeafe}.telegram-action-card__icon{display:grid;place-items:center;color:#fffffff0}.telegram-action-card__label{font-size:.82rem;font-weight:800;letter-spacing:-.02em}.telegram-panel{margin:16px 16px 0;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:linear-gradient(180deg,#1d293ae6,#141d2bf0);box-shadow:0 24px 54px #0308122e,inset 0 1px #ffffff0a}.telegram-members-card{overflow:hidden}.telegram-members-card__header{min-height:78px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.05)}.telegram-members-card__headline{min-width:0;display:flex;flex-direction:column;gap:5px}.telegram-members-card__headline strong{font-size:1rem;font-weight:850;letter-spacing:-.03em}.telegram-members-card__headline span{color:#e2e8f08f;font-size:.82rem;font-weight:650}.telegram-members-card__manage{min-height:38px;padding:0 15px;display:inline-flex;align-items:center;border:1px solid rgba(109,184,255,.18);border-radius:999px;background:#4e84d624;color:#89c9ff;font-size:.82rem;font-weight:850}.telegram-members-card__list{display:flex;flex-direction:column}.telegram-member-row{min-height:88px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:0 18px 0 14px}.telegram-member-row+.telegram-member-row,.telegram-members-card__add+.telegram-members-card__list .telegram-member-row:first-child{border-top:1px solid rgba(255,255,255,.05)}.telegram-member-row__main{min-width:0;min-height:88px;display:flex;align-items:center;gap:14px;background:transparent;color:inherit;text-align:left}.telegram-member-row__avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;flex-shrink:0}.telegram-member-row__avatar--fallback{display:grid;place-items:center;background:linear-gradient(135deg,#5bb5ff,#7569ff);color:#fff;font-weight:900}.telegram-member-row__copy{min-width:0;display:flex;flex-direction:column}.telegram-member-row__copy strong{font-size:1rem;font-weight:800;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telegram-member-row__copy small{margin-top:5px;color:#e2e8f080;font-size:.8rem;font-weight:600}.telegram-member-row__status--online{color:#5eb7ff}.telegram-member-row__meta{display:flex;align-items:center;gap:10px}.telegram-role-pill{min-height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:#8b5cf62e;color:#c084fc;font-size:.82rem;font-weight:800}.telegram-role-pill--owner{background:#a855f72e;color:#d8b4fe}.telegram-member-row__remove{min-height:34px;padding:0 14px;border-radius:999px;background:#ef444424;color:#fecaca;font-size:.82rem;font-weight:800}.telegram-media-section{padding:18px 16px 0}.telegram-media-tabs{position:sticky;top:calc(var(--phone-safe-top) + 68px);z-index:18;min-height:58px;padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-radius:999px;background:#253243e6;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}.telegram-media-tab{min-height:42px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;background:transparent;color:#e2e8f08f;font-size:.88rem;font-weight:800;transition:background .18s ease,color .18s ease}.telegram-media-tab small{color:#ffffff61;font-size:.72rem;font-weight:800}.telegram-media-tab--active{background:#4e84d63d;color:#6db8ff}.telegram-media-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.telegram-media-tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;background:#ffffff0a}.telegram-media-tile__image{width:100%;height:100%;object-fit:cover}.telegram-media-tile__video-mark{position:absolute;left:8px;right:8px;bottom:8px;min-height:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;background:#020617a8;color:#fff;font-size:.76rem;font-weight:800}.telegram-resource-list{margin-top:18px;display:flex;flex-direction:column;gap:10px}.telegram-resource-row{min-height:72px;padding:0 16px;display:flex;align-items:center;gap:14px;border-radius:20px;background:#1e2939d1;color:#f8fafc;text-align:left}.telegram-resource-row__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#ffffff0d;font-size:1.1rem;flex-shrink:0}.telegram-resource-row__copy{min-width:0;display:flex;flex-direction:column}.telegram-resource-row__copy strong,.telegram-resource-row__copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telegram-resource-row__copy strong{font-size:.96rem;font-weight:800}.telegram-resource-row__copy small{margin-top:4px;color:#e2e8f085;font-size:.78rem}.telegram-resource-row--link .telegram-resource-row__copy strong{color:#76b8ff}.attachment-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:radial-gradient(circle at top,rgba(56,189,248,.12),transparent 36%),#020617d6;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.attachment-viewer-shell{width:min(100%,540px);display:flex;flex-direction:column;align-items:center;gap:18px}.attachment-viewer{width:100%;max-height:74vh;display:flex;justify-content:center}.attachment-viewer-image,.attachment-viewer-video{width:100%;max-height:74vh;border-radius:28px;object-fit:contain;background:#0f172abd;box-shadow:0 28px 80px #00000057}.attachment-viewer-controls{width:min(100%,520px);min-height:64px;padding:10px 12px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;border-radius:28px;background:#0f172ab8;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.attachment-viewer-control{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:#ffffff14;color:#f8fafc}.attachment-viewer-control--primary{background:linear-gradient(135deg,#3b82f6e6,#0ea5e9e0)}.attachment-viewer-caption{min-width:0;text-align:center}.attachment-viewer-caption strong,.attachment-viewer-caption small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-viewer-caption strong{font-size:.94rem;font-weight:800}.attachment-viewer-caption small{margin-top:3px;color:#e2e8f08a;font-size:.76rem;font-weight:650}.telegram-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0206178a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.telegram-sheet{position:fixed;left:16px;right:16px;bottom:calc(var(--phone-safe-bottom) + 14px);z-index:101;max-height:min(78vh,720px);padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px;border-radius:30px;background:#131e2be6;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 90px #00000052;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.telegram-sheet__grab{width:52px;height:5px;margin:2px auto 0;border-radius:999px;background:#ffffff29}.telegram-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.telegram-sheet__header h3{margin:0;font-size:1.02rem;font-weight:850;letter-spacing:-.03em}.telegram-sheet__header p{margin:6px 0 0;color:#e2e8f094;font-size:.82rem;line-height:1.45}.sheet-close{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#ffffff14;color:#f8fafc;font-size:1.4rem;line-height:1}.field-label{display:block;margin-top:2px;font-size:.84rem;font-weight:750;color:#e2e8f0d6}.text-input,.textarea-input,.search-input{width:100%;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#f8fafc}.text-input,.search-input{min-height:54px;padding:0 16px}.textarea-input{min-height:120px;padding:14px 16px;resize:vertical}.text-input:focus,.textarea-input:focus,.search-input:focus{outline:none;border-color:#5dadffb3;box-shadow:0 0 0 4px #2563eb24}.telegram-sheet__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.secondary-btn,.primary-btn{min-height:46px;padding:0 16px;border-radius:16px;font-weight:800}.secondary-btn{background:#ffffff14;color:#e0f2fe}.primary-btn{color:#fff;background:linear-gradient(135deg,#3b82f6fa,#0ea5e9e6)}.search-shell{position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#e2e8f06b}.search-input{padding-left:44px}.telegram-contact-list{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px}.telegram-contact-option{min-height:74px;padding:0 14px;display:flex;align-items:center;gap:14px;border-radius:22px;background:#ffffff0d;color:#f8fafc;text-align:left}.telegram-contact-option--selected{background:#2563eb2e;box-shadow:inset 0 0 0 1px #5dadff38}.telegram-contact-option__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}.telegram-contact-option__avatar--fallback{display:grid;place-items:center;background:linear-gradient(135deg,#5bb5ff,#7569ff);color:#fff;font-weight:900}.telegram-contact-option__copy{min-width:0;flex:1;display:flex;flex-direction:column}.telegram-contact-option__copy strong,.telegram-contact-option__copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telegram-contact-option__copy strong{font-size:.96rem;font-weight:800}.telegram-contact-option__copy small{margin-top:4px;color:#e2e8f08a;font-size:.78rem}.telegram-contact-option__check{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;color:#6db8ff;font-weight:900}.sheet-action-row{min-height:54px;padding:0 16px;display:flex;align-items:center;border-radius:18px;background:#ffffff0d;color:#f8fafc;font-size:.94rem;font-weight:700;text-align:left}.sheet-action-row--danger{color:#fecaca;background:#ef44441f}.state-block{min-height:140px;display:grid;place-items:center;gap:12px;color:#e2e8f09e;text-align:center}.state-block--compact{min-height:120px}.state-block--empty{color:#e2e8f080}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:#6db8ff;animation:spin .9s linear infinite}.hidden-input{display:none}@media (max-width: 520px){.telegram-group-hero__title{font-size:1.82rem}.telegram-action-card{min-height:96px;border-radius:24px}.telegram-members-card__header{padding-inline:18px}.telegram-member-row{padding-right:14px}.telegram-role-pill,.telegram-member-row__remove{padding-inline:11px}.telegram-media-tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:26px}}.contact-profile-page{position:relative;height:100dvh;min-height:100dvh;overflow:hidden;color:var(--pm-text-1, #f8fafc);background:radial-gradient(circle at 14% 2%,rgba(20,184,166,.15),transparent 32%),radial-gradient(circle at 100% 16%,rgba(56,189,248,.14),transparent 36%),linear-gradient(180deg,#0c121f,#070b12)}.contact-profile-page__glow{position:absolute;border-radius:999px;filter:blur(56px);pointer-events:none;opacity:.44}.contact-profile-page__glow--teal{width:250px;height:250px;left:-116px;top:132px;background:#14b8a657}.contact-profile-page__glow--cyan{width:236px;height:236px;right:-108px;bottom:106px;background:#38bdf847}.contact-profile-header{position:absolute;top:0;left:0;right:0;z-index:3;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:calc(var(--phone-safe-top) + 8px) 16px 8px;background:linear-gradient(180deg,#070b1285,#070b1224);backdrop-filter:blur(20px) saturate(146%);-webkit-backdrop-filter:blur(20px) saturate(146%)}.contact-profile-header__back,.contact-profile-header__aux{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0f;box-shadow:0 12px 24px #02081224,inset 0 1px #ffffff14;-webkit-tap-highlight-color:transparent}.contact-profile-header__aux--ghost{opacity:0;pointer-events:none}.contact-profile-header__copy{min-width:0;display:flex;justify-content:center}.contact-profile-header__compact-copy{display:flex;flex-direction:column;align-items:center;gap:1px;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.contact-profile-header__compact-copy strong{font-size:.95rem;font-weight:780;letter-spacing:-.03em}.contact-profile-header__compact-copy span{color:var(--pm-text-3, rgba(226, 232, 240, .72));font-size:.74rem;font-weight:560}.contact-profile-header__compact-copy--visible{opacity:1;transform:translateY(0)}.contact-profile-scroll{position:relative;z-index:1;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--phone-safe-top) + 70px) 16px calc(var(--phone-content-bottom) + 24px);overscroll-behavior-y:contain}.contact-profile-loading,.contact-profile-empty{min-height:calc(100% - 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 18px 32px;text-align:center}.contact-profile-loading__avatar,.contact-profile-loading__line,.contact-profile-loading__panel{background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:contactProfileSkeleton 1.4s linear infinite}.contact-profile-loading__avatar{width:148px;height:148px;border-radius:36px}.contact-profile-loading__line{height:18px;border-radius:999px}.contact-profile-loading__line--title{width:190px}.contact-profile-loading__line--meta{width:120px;height:14px}.contact-profile-loading__panel{width:100%;max-width:520px;height:230px;border-radius:34px}.contact-profile-hero{position:relative;min-height:332px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 0 16px}.contact-profile-hero__orb{position:absolute;left:50%;top:142px;width:min(86vw,400px);height:min(86vw,400px);border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(56,189,248,.16),transparent 48%),radial-gradient(circle at 68% 72%,rgba(16,185,129,.14),transparent 52%);filter:blur(30px);pointer-events:none}.contact-profile-hero__avatar-shell{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff14,#0f172a29);box-shadow:0 22px 52px #03081238,0 0 0 5px #ffffff06,inset 0 1px #ffffff1a;transition:width .22s ease,height .22s ease,border-radius .22s ease,transform .22s ease}.contact-profile-hero__avatar-shell--online{box-shadow:0 22px 52px #03081238,0 0 0 2px #4ade803d,0 0 0 7px #4ade800f,inset 0 1px #ffffff1a}.contact-profile-hero__avatar-shell--busy,.contact-profile-hero__avatar-shell--away{box-shadow:0 22px 52px #03081238,0 0 0 2px #fbbf243d,0 0 0 7px #fbbf240f,inset 0 1px #ffffff1a}.contact-profile-hero__avatar-shell--dnd{box-shadow:0 22px 52px #03081238,0 0 0 2px #f871713d,0 0 0 7px #f871710f,inset 0 1px #ffffff1a}.contact-profile-hero__avatar{width:100%;height:100%;object-fit:cover;display:block}.contact-profile-hero__fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:#f8fafc;font-size:clamp(2.6rem,10vw,4.5rem);font-weight:900;background:linear-gradient(135deg,#38bdf86b,#10b98142)}.contact-profile-hero__copy{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:22px;text-align:center;transition:transform .22s ease,opacity .22s ease}.contact-profile-hero__title{margin:0;font-size:clamp(1.84rem,7.2vw,2.92rem);line-height:.98;letter-spacing:-.06em;font-weight:900}.contact-profile-hero__chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.contact-profile-chip{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;color:var(--pm-text-2, #e2e8f0);border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14;font-size:.88rem;font-weight:660}.contact-profile-chip--username{cursor:pointer;-webkit-tap-highlight-color:transparent}.contact-profile-chip__dot{width:9px;height:9px;border-radius:50%;background:#94a3b8cc;box-shadow:0 0 0 5px #94a3b812}.contact-profile-chip--online .contact-profile-chip__dot{background:#4ade80;box-shadow:0 0 0 5px #4ade8012}.contact-profile-chip--busy .contact-profile-chip__dot,.contact-profile-chip--away .contact-profile-chip__dot{background:#fbbf24;box-shadow:0 0 0 5px #fbbf2412}.contact-profile-chip--dnd .contact-profile-chip__dot{background:#f87171;box-shadow:0 0 0 5px #f8717112}.contact-profile-sheet{position:relative;transition:transform .24s ease}.contact-profile-sheet__glass{position:relative;display:flex;flex-direction:column;gap:16px;width:100%;min-height:254px;padding:24px 20px 18px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:linear-gradient(180deg,#131f31b8,#0c1422db);box-shadow:0 24px 54px #03081238,inset 0 1px #ffffff14;backdrop-filter:blur(20px) saturate(136%);-webkit-backdrop-filter:blur(20px) saturate(136%)}.contact-profile-sheet__glass:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:31px;background:linear-gradient(140deg,#ffffff0f,#ffffff03 42%,#38bdf808);pointer-events:none}.contact-profile-sheet__copy{position:relative;z-index:1;min-height:104px;color:#e2e8f0e0;font-size:1rem;line-height:1.62;letter-spacing:-.01em}.contact-profile-sheet__link{color:#7dd3fc;text-decoration:none;font-weight:700}.contact-profile-sheet__note{position:relative;z-index:1;margin:0;padding:13px 15px;border:1px solid rgba(248,113,113,.12);border-radius:20px;background:#f8717114;color:#fee2e2e0;font-size:.88rem;line-height:1.46}.contact-profile-sheet__footer{position:relative;z-index:1;margin-top:auto}.contact-profile-primary{width:100%;min-height:54px;padding:0 20px;color:#08111d;border:0;border-radius:999px;background:linear-gradient(135deg,#f8fdff,#c8efff);box-shadow:0 14px 30px #2baaff29,inset 0 1px #ffffff9e;font-size:1rem;font-weight:820;letter-spacing:-.02em;cursor:pointer}.contact-profile-primary:disabled{opacity:.66;cursor:default}.contact-profile-empty h2{margin:0;font-size:1.6rem}.contact-profile-empty p{margin:0;max-width:260px;color:var(--pm-text-3, rgba(226, 232, 240, .72));line-height:1.6}@keyframes contactProfileSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 520px){.contact-profile-scroll{padding-left:14px;padding-right:14px}.contact-profile-hero{min-height:312px}.contact-profile-sheet__glass{min-height:228px;padding:22px 18px 18px;border-radius:30px}.contact-profile-sheet__copy{font-size:.96rem;min-height:92px}.contact-profile-primary{min-height:52px;font-size:.98rem}}.auth-page{position:relative;min-height:100dvh;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;align-items:flex-start;justify-content:flex-start;padding:10px 16px var(--phone-content-bottom);background:var(--pm-gradient-page)}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--pm-screen-grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--pm-screen-grid) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%)}.auth-orb{position:absolute;width:220px;height:220px;border-radius:999px;filter:blur(18px);opacity:.42;animation:drift 9s ease-in-out infinite}.auth-orb--one{left:-90px;bottom:6%;background:var(--pm-glow-accent)}.auth-orb--two{right:-110px;top:12%;background:var(--pm-glow-success);animation-delay:-4s}.auth-shell{position:relative;z-index:1;width:min(100%,440px);display:flex;flex-direction:column;gap:12px;margin:0 auto}.brand-panel,.auth-card{border:1px solid var(--pm-border-strong);background:var(--pm-gradient-surface),var(--pm-glass-elevated);box-shadow:0 24px 70px var(--pm-page-shadow);backdrop-filter:blur(var(--pm-blur-3));-webkit-backdrop-filter:blur(var(--pm-blur-3))}.brand-panel{min-height:0;border-radius:28px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden}.brand-badge{width:62px;height:62px;margin-bottom:14px;border-radius:20px;display:grid;place-items:center;background:var(--pm-surface-3);border:1px solid var(--pm-border-strong);box-shadow:inset 0 1px color-mix(in srgb,var(--pm-text-1) 12%,transparent),0 18px 38px var(--pm-page-shadow)}.brand-badge img{width:44px;height:44px;border-radius:14px;object-fit:cover}.eyebrow{width:fit-content;margin-bottom:9px;padding:7px 12px;border-radius:999px;color:color-mix(in srgb,var(--pm-success) 82%,var(--pm-text-1));background:color-mix(in srgb,var(--pm-success) 12%,transparent);border:1px solid color-mix(in srgb,var(--pm-success) 24%,transparent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-panel h1{max-width:360px;margin:0;color:var(--pm-text-1);font-size:clamp(1.7rem,7vw,2.45rem);line-height:1;letter-spacing:-.055em}.brand-panel p{max-width:350px;margin:11px 0 0;color:var(--pm-text-2);font-size:.88rem;line-height:1.45}.service-pill{width:fit-content;display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:8px 11px;border-radius:999px;color:var(--pm-text-1);background:var(--pm-surface-3);border:1px solid var(--pm-border-soft);font-size:.8rem;font-weight:700}.service-pill--success .service-dot{background:var(--pm-success);box-shadow:0 0 16px color-mix(in srgb,var(--pm-success) 72%,transparent)}.service-pill--error .service-dot{background:var(--pm-danger);box-shadow:0 0 16px color-mix(in srgb,var(--pm-danger) 72%,transparent)}.service-dot{width:9px;height:9px;border-radius:50%}.auth-card{border-radius:30px;padding:18px}.auth-form--register{gap:8px}.auth-form--register .field input{min-height:44px}.auth-form--register .field span{font-size:.8rem}.brand-panel--compact{padding:16px 18px}.brand-panel--compact .brand-badge,.brand-panel--compact p{display:none}.brand-panel--compact h1{font-size:clamp(1.45rem,6vw,2rem)}.brand-panel--compact .service-pill{margin-top:10px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:16px;border-radius:20px;background:var(--pm-surface-3);border:1px solid var(--pm-border-soft)}.tab{min-height:46px;border:0;border-radius:16px;background:transparent;color:var(--pm-text-2);font:inherit;font-weight:800;cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease}.tab--active{color:var(--pm-primary-contrast);background:var(--pm-gradient-accent);box-shadow:0 12px 28px var(--pm-glow-accent)}.auth-form{display:grid;gap:13px}.field{display:grid;gap:8px}.field span{color:var(--pm-text-2);font-size:.86rem;font-weight:750}.field input{width:100%;min-height:52px;padding:0 15px;border-radius:17px;color:var(--pm-text-1);background:linear-gradient(180deg,var(--pm-field-top),var(--pm-field-bottom));border:1px solid var(--pm-border-soft);outline:none;box-shadow:inset 0 1px color-mix(in srgb,var(--pm-text-1) 5%,transparent);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input::placeholder{color:var(--pm-text-3)}.field input:focus{border-color:var(--pm-border-accent);background:color-mix(in srgb,var(--pm-surface-1) 86%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-accent) 10%,transparent)}.field-hint,.error-message{padding:11px 13px;border-radius:16px;font-size:.88rem;line-height:1.35}.field-hint{color:color-mix(in srgb,var(--pm-success) 82%,var(--pm-text-1));background:color-mix(in srgb,var(--pm-success) 12%,transparent);border:1px solid color-mix(in srgb,var(--pm-success) 20%,transparent)}.field-hint--error,.error-message{color:color-mix(in srgb,var(--pm-danger) 74%,white);background:color-mix(in srgb,var(--pm-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--pm-danger) 24%,transparent)}.auth-segmented-field{display:flex;flex-direction:column;gap:10px;margin-top:4px}.auth-segmented-copy{display:flex;flex-direction:column;gap:4px}.auth-segmented-copy span{color:var(--pm-text-2);font-size:.84rem;font-weight:700}.auth-segmented-copy p{margin:0;color:var(--pm-text-3);font-size:.76rem;line-height:1.45}.auth-segmented-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border-radius:20px;background:color-mix(in srgb,var(--pm-surface-4) 88%,transparent);border:1px solid var(--pm-border-soft)}.auth-segmented-btn{min-width:0;padding:10px 12px;border:0;border-radius:16px;background:transparent;color:var(--pm-text-3);font-size:.76rem;font-weight:700;letter-spacing:.01em;transition:color var(--pm-transition-base),background var(--pm-transition-base),box-shadow var(--pm-transition-base),transform var(--pm-transition-base)}.auth-segmented-btn--active{color:var(--pm-text-on-accent);background:var(--pm-gradient-accent-alt);box-shadow:0 10px 22px color-mix(in srgb,var(--pm-accent-strong) 24%,transparent)}.auth-segmented-btn:not(.auth-segmented-btn--active):hover{color:var(--pm-text-2);background:color-mix(in srgb,var(--pm-surface-2) 82%,transparent)}.error-message{margin-bottom:13px}.primary-btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;border:0;border-radius:18px;color:var(--pm-primary-contrast);background:var(--pm-gradient-accent);font:inherit;font-weight:900;cursor:pointer;box-shadow:0 16px 34px var(--pm-glow-accent);transition:transform .18s ease,filter .18s ease,opacity .18s ease}.auth-form--register .primary-btn{margin-top:0}.primary-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.primary-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.25)}.mini-spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--pm-primary-contrast) 26%,transparent);border-top-color:var(--pm-primary-contrast);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(16px,-14px,0) scale(1.05)}}@media (max-width: 820px){.auth-page{align-items:stretch;padding:8px 10px var(--phone-content-bottom)}.auth-shell{min-height:100%;justify-content:flex-start;gap:10px}.brand-panel{min-height:0;flex:0 0 auto;padding:18px;border-radius:26px}.brand-badge{width:58px;height:58px;margin-bottom:14px;border-radius:19px}.brand-badge img{width:42px;height:42px;border-radius:14px}.brand-panel h1{font-size:clamp(1.72rem,8vw,2.45rem);letter-spacing:-.055em}.eyebrow{margin-bottom:9px;padding:6px 10px;font-size:.68rem}.service-pill{margin-top:13px;padding:8px 11px;font-size:.78rem}.auth-card{width:100%;padding:13px;border-radius:24px}.auth-tabs{margin-bottom:12px}.tab{min-height:42px;border-radius:14px}.auth-form{gap:10px}.field{gap:6px}.field input{min-height:48px;border-radius:15px}.primary-btn{min-height:50px;border-radius:16px}}@media (max-width: 380px),(max-height: 720px){.auth-page{padding:6px 8px var(--phone-content-bottom)}.brand-panel{padding:14px}.brand-badge{width:48px;height:48px;margin-bottom:10px}.brand-badge img{width:34px;height:34px}.brand-panel h1{font-size:1.52rem}.brand-panel p,.service-pill{display:none}.auth-card{padding:11px}.field span{font-size:.78rem}.field input{min-height:44px;padding:0 13px}.auth-form--register{gap:7px}.auth-form--register .field input{min-height:40px}.primary-btn{min-height:47px}}@media (max-height: 610px){.brand-panel{display:none}.auth-shell{justify-content:flex-start}}:root{--bg: #0f1419;--bg-alt: #1a1f26;--card: #1e2630;--card-solid: #1e2630;--card-hover: #252d38;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .2);--accent-subtle: rgba(139, 92, 246, .1);--danger: #ef4444;--warning: #f59e0b;--success: #22c55e;--gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--gradient-card: linear-gradient(145deg, #1e2630 0%, #0f1419 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--shadow-glow-sm: 0 0 10px var(--accent-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--grid-gap: 20px;--glass-bg: rgba(30, 38, 48, .8);--glass-blur: blur(10px);--glass-border: rgba(255, 255, 255, .05);--phone-safe-top: env(safe-area-inset-top, 0px);--phone-safe-right: env(safe-area-inset-right, 0px);--phone-safe-bottom: env(safe-area-inset-bottom, 0px);--phone-safe-left: env(safe-area-inset-left, 0px);--phone-page-x: max(16px, var(--phone-safe-left));--phone-page-right: max(16px, var(--phone-safe-right));--phone-header-top: calc(14px + var(--phone-safe-top));--phone-content-bottom: calc(28px + var(--phone-safe-bottom));--phone-floating-bottom: calc(12px + var(--phone-safe-bottom))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(14px,2.5vw,16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100%;width:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-normal);line-height:1.6;color:var(--text);background-color:var(--bg);margin:0;padding:0}textarea,input{font-size:16px!important}html,body{height:100%;width:100%;overflow:hidden}#app{height:100%;display:flex;flex-direction:column;width:100%;overflow:hidden;background-color:var(--bg)}.app-container{height:100%;background-color:var(--bg)}.phone-page{height:100%;min-height:0;overflow:hidden}.phone-header{padding-top:var(--phone-header-top);padding-left:var(--phone-page-x);padding-right:var(--phone-page-right)}.phone-scroll{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-left:var(--phone-page-x);padding-right:var(--phone-page-right);padding-bottom:var(--phone-content-bottom)}body:before{content:"";top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--bg-alt) 0%,var(--bg) 100%);pointer-events:none;z-index:-2}body:after{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px 24px;font-size:var(--font-size-base);font-weight:var(--font-semibold);letter-spacing:-.01em;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn--primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn--primary:active{transform:translateY(0) scale(.98)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn--ghost{background:transparent;color:var(--text-secondary);padding:10px 16px}.btn--ghost:hover{background:#ffffff14;color:var(--text)}.input{width:100%;padding:16px 20px;font-size:var(--font-size-base);font-weight:var(--font-normal);color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle),var(--shadow-glow-sm);background:var(--card-hover)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;cursor:pointer}select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding:12px 36px 12px 16px!important;font-size:var(--font-size-base)!important;font-family:var(--font-family)!important}select option{background-color:var(--card)!important;color:var(--text)!important;padding:12px!important}.card{background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);transition:all var(--transition-base);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.card--hoverable:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.container{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--grid-gap)}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--gap-sm{gap:var(--spacing-sm)}.flex--gap-md{gap:var(--spacing-md)}.title{font-size:var(--font-size-xl);font-weight:var(--font-semibold);color:var(--text);letter-spacing:-.02em;line-height:1.3}.title--lg{font-size:var(--font-size-2xl)}.title--xl{font-size:var(--font-size-3xl)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.fade-enter-active,.fade-leave-active{transition:all var(--transition-slow)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all var(--transition-slow)}.slide-enter-from{opacity:0;transform:translateY(30px)}.slide-leave-to{opacity:0;transform:translateY(-20px)}.list-enter-active,.list-leave-active{transition:all var(--transition-base)}.list-enter-from{opacity:0;transform:translate(-40px) scale(.95)}.list-leave-to{opacity:0;transform:translate(40px) scale(.95)}.list-move{transition:transform var(--transition-slow)}.scale-enter-active,.scale-leave-active{transition:all var(--transition-slow)}.scale-enter-from{opacity:0;transform:scale(.9) translateY(20px)}.scale-leave-to{opacity:0;transform:scale(.95)}.scale-move{transition:transform var(--transition-slow)}@media (max-width: 640px){:root{--grid-gap: 16px;--spacing-lg: 20px}.grid{grid-template-columns:1fr}.title--xl{font-size:var(--font-size-2xl)}}@media (min-width: 641px) and (max-width: 1024px){.grid{grid-template-columns:repeat(2,1fr)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.float{animation:float 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}h1,.title--xl{font-size:clamp(1.5rem,5vw,2rem)}h2,.title--lg{font-size:clamp(1.25rem,4vw,1.5rem)}h3,.title{font-size:clamp(1rem,3.5vw,1.25rem)}.section-gap{margin-bottom:clamp(16px,4vw,24px)}@media (max-width: 359px){:root{--spacing-md: 12px;--spacing-lg: 20px;--radius-md: 10px;--radius-lg: 14px}.btn{padding:12px 16px;font-size:.875rem}.input{padding:12px 14px;font-size:.875rem}}@media (min-width: 360px) and (max-width: 390px){:root{--spacing-md: 14px;--spacing-lg: 22px}}@media (min-width: 391px) and (max-width: 430px){:root{--spacing-md: 16px;--spacing-lg: 24px}}@media (min-width: 431px) and (max-width: 480px){:root{--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 28px}}@media (min-width: 481px) and (max-width: 768px){:root{--spacing-lg: 28px;--spacing-xl: 36px}.container{max-width:100%;padding:0 var(--spacing-lg)}}@media (min-width: 769px) and (max-width: 1024px){:root{--spacing-lg: 32px;--spacing-xl: 40px}.container{max-width:800px}}@media (min-width: 1025px){:root{--spacing-lg: 36px;--spacing-xl: 48px}.container{max-width:900px}}@media (orientation: landscape) and (max-height: 500px){body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px;min-width:44px}.input{min-height:44px;font-size:16px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}.btn,.modal-overlay{display:none!important}}:root{--pm-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--pm-font-display: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--pm-space-1: 4px;--pm-space-2: 8px;--pm-space-3: 12px;--pm-space-4: 16px;--pm-space-5: 20px;--pm-space-6: 24px;--pm-space-7: 32px;--pm-space-8: 40px;--pm-space-9: 48px;--pm-radius-1: 8px;--pm-radius-2: 12px;--pm-radius-3: 16px;--pm-radius-4: 22px;--pm-radius-5: 30px;--pm-radius-pill: 999px;--pm-blur-1: 10px;--pm-blur-2: 18px;--pm-blur-3: 24px;--pm-blur-4: 32px;--pm-shadow-1: 0 8px 20px rgba(0, 0, 0, .14);--pm-shadow-2: 0 16px 34px rgba(0, 0, 0, .18);--pm-shadow-3: 0 24px 70px rgba(0, 0, 0, .24);--pm-shadow-4: 0 28px 90px rgba(0, 0, 0, .32);--pm-transition-fast: .16s cubic-bezier(.4, 0, .2, 1);--pm-transition-base: .24s cubic-bezier(.4, 0, .2, 1);--pm-transition-slow: .38s cubic-bezier(.22, 1, .36, 1);--pm-transition-spring: .52s cubic-bezier(.2, .9, .2, 1);--pm-page-max-width: 940px;--pm-header-height: 64px}:root,:root[data-theme=midnight]{color-scheme:dark;--pm-bg-canvas: #081018;--pm-bg-canvas-alt: #0d1621;--pm-surface-1: rgba(19, 30, 44, .88);--pm-surface-2: rgba(23, 37, 54, .78);--pm-surface-3: rgba(255, 255, 255, .075);--pm-surface-4: rgba(255, 255, 255, .11);--pm-text-1: #f8fbff;--pm-text-2: rgba(232, 240, 249, .78);--pm-text-3: rgba(191, 204, 222, .56);--pm-text-4: rgba(191, 204, 222, .36);--pm-border-soft: rgba(255, 255, 255, .08);--pm-border-strong: rgba(255, 255, 255, .14);--pm-border-accent: rgba(125, 211, 252, .26);--pm-accent: #61d7ff;--pm-accent-strong: #2cbcff;--pm-accent-soft: rgba(44, 188, 255, .18);--pm-accent-secondary: #9b7cff;--pm-success: #6ddb77;--pm-warning: #f6b54b;--pm-danger: #ff6c79;--pm-gradient-accent: linear-gradient(135deg, #d9ffe8 0%, #57e4ff 100%);--pm-gradient-accent-alt: linear-gradient(135deg, #7dd3fc 0%, #2563eb 100%);--pm-gradient-surface: linear-gradient(135deg, rgba(15, 23, 42, .76), rgba(15, 23, 42, .54));--pm-gradient-page: radial-gradient(circle at 18% 0%, rgba(14, 165, 233, .22), transparent 34%), radial-gradient(circle at 88% 16%, rgba(34, 197, 94, .16), transparent 30%), linear-gradient(180deg, #0d141d 0%, #070d13 100%);--pm-glow-accent: rgba(44, 188, 255, .22);--pm-glow-success: rgba(109, 219, 119, .24);--pm-glow-violet: rgba(155, 124, 255, .26);--pm-shell-overlay: rgba(7, 17, 31, .36);--pm-shell-overlay-strong: rgba(7, 17, 31, .66);--pm-screen-grid: rgba(255, 255, 255, .03);--pm-screen-grid-strong: rgba(255, 255, 255, .035);--pm-glass-elevated: rgba(255, 255, 255, .08);--pm-glass-strong: rgba(255, 255, 255, .12);--pm-field-top: rgba(255, 255, 255, .12);--pm-field-bottom: rgba(255, 255, 255, .07);--pm-note-accent: rgba(14, 165, 233, .1);--pm-page-shadow: rgba(0, 0, 0, .24);--pm-primary-contrast: #07111f;--bg: var(--pm-bg-canvas);--bg-alt: var(--pm-bg-canvas-alt);--card: color-mix(in srgb, var(--pm-bg-canvas-alt) 86%, white);--card-solid: color-mix(in srgb, var(--pm-bg-canvas-alt) 90%, white);--card-hover: color-mix(in srgb, var(--pm-bg-canvas-alt) 80%, white);--border: var(--pm-border-soft);--border-hover: var(--pm-border-strong);--text: var(--pm-text-1);--text-secondary: var(--pm-text-2);--text-muted: var(--pm-text-3);--accent: var(--pm-accent-secondary);--accent-glow: var(--pm-glow-violet);--accent-subtle: rgba(155, 124, 255, .12);--danger: var(--pm-danger);--warning: var(--pm-warning);--success: var(--pm-success);--gradient-accent: var(--pm-gradient-accent-alt);--gradient-card: linear-gradient(145deg, rgba(20, 30, 42, .98) 0%, rgba(9, 14, 22, .96) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%);--glass-bg: var(--pm-surface-2);--glass-blur: blur(var(--pm-blur-2));--glass-border: var(--pm-border-soft)}:root[data-theme=graphite]{color-scheme:dark;--pm-bg-canvas: #101319;--pm-bg-canvas-alt: #171c24;--pm-surface-1: rgba(31, 37, 48, .88);--pm-surface-2: rgba(40, 47, 58, .76);--pm-surface-3: rgba(255, 255, 255, .07);--pm-surface-4: rgba(255, 255, 255, .1);--pm-text-1: #f5f7fb;--pm-text-2: rgba(223, 230, 240, .78);--pm-text-3: rgba(180, 192, 208, .56);--pm-text-4: rgba(180, 192, 208, .34);--pm-border-soft: rgba(255, 255, 255, .075);--pm-border-strong: rgba(255, 255, 255, .12);--pm-border-accent: rgba(245, 158, 11, .24);--pm-accent: #ffd07b;--pm-accent-strong: #ffb347;--pm-accent-soft: rgba(255, 179, 71, .16);--pm-accent-secondary: #7dd3fc;--pm-success: #7edc8c;--pm-warning: #f4b45f;--pm-danger: #ff7a7a;--pm-gradient-accent: linear-gradient(135deg, #fff0bd 0%, #ffb65c 100%);--pm-gradient-accent-alt: linear-gradient(135deg, #ffe7b6 0%, #ff9c52 100%);--pm-gradient-surface: linear-gradient(135deg, rgba(27, 32, 42, .76), rgba(23, 28, 36, .56));--pm-gradient-page: radial-gradient(circle at 12% 0%, rgba(255, 179, 71, .16), transparent 34%), radial-gradient(circle at 82% 12%, rgba(125, 211, 252, .12), transparent 28%), linear-gradient(180deg, #14181f 0%, #0b0f14 100%);--pm-glow-accent: rgba(255, 179, 71, .2);--pm-glow-success: rgba(126, 220, 140, .2);--pm-glow-violet: rgba(125, 211, 252, .22);--pm-shell-overlay: rgba(16, 19, 25, .4);--pm-shell-overlay-strong: rgba(16, 19, 25, .7);--pm-screen-grid: rgba(255, 255, 255, .026);--pm-screen-grid-strong: rgba(255, 255, 255, .032);--pm-glass-elevated: rgba(255, 255, 255, .075);--pm-glass-strong: rgba(255, 255, 255, .11);--pm-field-top: rgba(255, 255, 255, .1);--pm-field-bottom: rgba(255, 255, 255, .06);--pm-note-accent: rgba(255, 179, 71, .08);--pm-page-shadow: rgba(0, 0, 0, .22);--pm-primary-contrast: #07111f}:root[data-theme=light]{color-scheme:light;--pm-bg-canvas: #eff5fb;--pm-bg-canvas-alt: #e4edf7;--pm-surface-1: rgba(255, 255, 255, .94);--pm-surface-2: rgba(255, 255, 255, .82);--pm-surface-3: rgba(9, 20, 36, .042);--pm-surface-4: rgba(9, 20, 36, .08);--pm-text-1: #081420;--pm-text-2: rgba(8, 20, 32, .78);--pm-text-3: rgba(8, 20, 32, .52);--pm-text-4: rgba(8, 20, 32, .28);--pm-border-soft: rgba(8, 20, 32, .085);--pm-border-strong: rgba(8, 20, 32, .13);--pm-border-accent: rgba(37, 99, 235, .18);--pm-accent: #0f86ff;--pm-accent-strong: #2563eb;--pm-accent-soft: rgba(37, 99, 235, .1);--pm-accent-secondary: #6a63ff;--pm-success: #119d68;--pm-warning: #c98912;--pm-danger: #e5484d;--pm-gradient-accent: linear-gradient(135deg, #ffffff 0%, #def3ff 48%, #cae7ff 100%);--pm-gradient-accent-alt: linear-gradient(135deg, #76dbff 0%, #377dff 100%);--pm-gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 251, 255, .82));--pm-gradient-page: radial-gradient(circle at 12% 0%, rgba(14, 165, 233, .12), transparent 28%), radial-gradient(circle at 82% 12%, rgba(37, 99, 235, .08), transparent 24%), radial-gradient(circle at 68% 30%, rgba(34, 197, 94, .05), transparent 28%), linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);--pm-glow-accent: rgba(37, 99, 235, .14);--pm-glow-success: rgba(15, 159, 99, .12);--pm-glow-violet: rgba(106, 99, 255, .12);--pm-shell-overlay: rgba(255, 255, 255, .64);--pm-shell-overlay-strong: rgba(255, 255, 255, .84);--pm-screen-grid: rgba(8, 20, 32, .026);--pm-screen-grid-strong: rgba(8, 20, 32, .034);--pm-glass-elevated: rgba(255, 255, 255, .72);--pm-glass-strong: rgba(255, 255, 255, .9);--pm-field-top: rgba(255, 255, 255, .95);--pm-field-bottom: rgba(241, 247, 253, .88);--pm-note-accent: rgba(37, 99, 235, .08);--pm-page-shadow: rgba(32, 48, 72, .1);--pm-primary-contrast: #07111f}html{background:var(--pm-bg-canvas);color-scheme:inherit;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}body{font-family:var(--pm-font-sans);background:var(--pm-gradient-page);color:var(--pm-text-1)}#app{background:transparent;color:inherit}#app,#app *{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#app *::selection{background:transparent;color:inherit}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}input,textarea,select,[contenteditable=true],.chat-textarea,.profile-field-input,.text-input,.textarea-input,.search-input,.contacts-search-input{user-select:text!important;-webkit-user-select:text!important;-webkit-touch-callout:default}button,a,[role=button],summary,label,.story-card,.nav-area--prev,.nav-area--next,.message,.bubble,.video-note-shell,.contact-row,.contacts-card,.settings-row,.profile-status-card,.telegram-action-card,.telegram-member-row__main,.telegram-resource-row,.sheet-action-row{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}img,video{display:block;max-width:100%}.pm-page-shell{position:relative;min-height:100%;color:var(--pm-text-1)}.pm-page-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--pm-accent-strong) 14%,transparent),transparent 32%),radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--pm-success) 12%,transparent),transparent 28%);opacity:.95}.pm-hidden-scrollbar{scrollbar-width:none}.pm-hidden-scrollbar::-webkit-scrollbar{display:none}.pm-glass-card{background:var(--pm-gradient-surface),var(--pm-surface-2);border:1px solid var(--pm-border-strong);border-radius:var(--pm-radius-5);box-shadow:var(--pm-shadow-3);backdrop-filter:blur(var(--pm-blur-3)) saturate(160%);-webkit-backdrop-filter:blur(var(--pm-blur-3)) saturate(160%)}.pm-soft-card{background:var(--pm-surface-3);border:1px solid var(--pm-border-soft);border-radius:var(--pm-radius-4);box-shadow:var(--pm-shadow-1)}.pm-chip{display:inline-flex;align-items:center;gap:var(--pm-space-2);min-height:42px;padding:0 var(--pm-space-4);border-radius:var(--pm-radius-pill);background:var(--pm-surface-3);border:1px solid var(--pm-border-soft);color:var(--pm-text-2);transition:transform var(--pm-transition-base),background var(--pm-transition-base),border-color var(--pm-transition-base),color var(--pm-transition-base)}.pm-chip--active{background:var(--pm-gradient-accent);border-color:transparent;color:#07111f;box-shadow:0 16px 34px var(--pm-glow-accent)}.pm-icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--pm-border-soft);border-radius:16px;background:var(--pm-surface-3);color:var(--pm-text-1);transition:transform var(--pm-transition-fast),border-color var(--pm-transition-base),background var(--pm-transition-base)}.pm-icon-button:active{transform:scale(.97)}.pm-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--pm-space-2);min-height:48px;padding:0 var(--pm-space-5);border:0;border-radius:18px;background:var(--pm-gradient-accent);color:#07111f;font-weight:800;box-shadow:0 16px 34px var(--pm-glow-accent);transition:transform var(--pm-transition-fast),box-shadow var(--pm-transition-base),opacity var(--pm-transition-base)}.pm-primary-button:active{transform:translateY(1px) scale(.985)}.pm-input-shell{background:linear-gradient(180deg,#ffffff1f,#ffffff12);border:1px solid var(--pm-border-strong);border-radius:24px;box-shadow:inset 0 1px #ffffff14,0 18px 42px #00000024;backdrop-filter:blur(var(--pm-blur-2)) saturate(145%);-webkit-backdrop-filter:blur(var(--pm-blur-2)) saturate(145%)}.pm-input-shell:focus-within{border-color:color-mix(in srgb,var(--pm-accent) 70%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-accent-strong) 13%,transparent),0 18px 42px color-mix(in srgb,var(--pm-accent-strong) 14%,rgba(0,0,0,.14))}.pm-section-heading{display:flex;flex-direction:column;gap:4px}.pm-section-heading>span{color:var(--pm-text-1);font-weight:850;letter-spacing:-.03em}.pm-section-heading>small{color:var(--pm-text-3);line-height:1.35}.pm-hairline{width:100%;height:1px;background:var(--pm-border-soft)}:root{--phone-safe-top: env(safe-area-inset-top, 0px);--phone-safe-right: env(safe-area-inset-right, 0px);--phone-safe-bottom: env(safe-area-inset-bottom, 0px);--phone-safe-left: env(safe-area-inset-left, 0px);--phone-page-x: max(16px, var(--phone-safe-left));--phone-page-right: max(16px, var(--phone-safe-right));--phone-header-top: calc(14px + var(--phone-safe-top));--phone-content-bottom: calc(28px + var(--phone-safe-bottom));--phone-floating-bottom: calc(12px + var(--phone-safe-bottom))}.pm-phone-page{height:100%;min-height:0;overflow:hidden}.pm-phone-header{padding-top:var(--phone-header-top);padding-left:var(--phone-page-x);padding-right:var(--phone-page-right)}.pm-phone-scroll{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-left:var(--phone-page-x);padding-right:var(--phone-page-right);padding-bottom:var(--phone-content-bottom)}.pm-page-width{width:min(100%,var(--pm-page-max-width));margin-inline:auto}.pm-fade-enter-active,.pm-fade-leave-active{transition:opacity var(--pm-transition-slow),transform var(--pm-transition-slow)}.pm-fade-enter-from,.pm-fade-leave-to{opacity:0;transform:translateY(12px)}.pm-pop-enter-active,.pm-pop-leave-active{transition:opacity var(--pm-transition-base),transform var(--pm-transition-spring)}.pm-pop-enter-from,.pm-pop-leave-to{opacity:0;transform:scale(.96)}@keyframes pmPulseGlow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--pm-accent-strong) 0%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--pm-accent-strong) 0%,transparent)}}@keyframes pmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pmShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pm-float{animation:pmFloat 3.2s ease-in-out infinite}.pm-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);background-size:200% 100%;animation:pmShimmer 2.2s linear infinite}.settings-page,.profile-page{position:relative;height:100%;overflow:hidden;color:var(--pm-text-1);background:var(--pm-gradient-page)}.settings-page:before,.profile-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--pm-screen-grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--pm-screen-grid) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 86%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 86%)}.settings-glow,.profile-glow{position:absolute;border-radius:999px;filter:blur(32px);opacity:.82;pointer-events:none}.settings-glow--one,.profile-glow--one{width:190px;height:190px;left:-78px;top:110px;background:var(--pm-glow-accent)}.settings-glow--two,.profile-glow--two{width:170px;height:170px;right:-60px;bottom:120px;background:var(--pm-glow-success)}.settings-header,.profile-header{position:absolute;top:0;left:0;right:0;z-index:10;display:grid;align-items:center;gap:12px;padding:calc(var(--phone-safe-top) + 10px) 16px 10px;background:color-mix(in srgb,var(--pm-shell-overlay-strong) 78%,transparent);border-bottom:1px solid var(--pm-border-soft);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.settings-header{grid-template-columns:46px 1fr}.profile-header{grid-template-columns:44px 1fr auto}.settings-back-btn,.profile-back-btn,.profile-save-btn,.profile-username-pill,.profile-avatar,.profile-status-card,.profile-logout-btn{font:inherit;border:0}.settings-back-btn,.profile-back-btn{width:44px;height:44px;display:grid;place-items:center;color:var(--pm-text-1);border-radius:16px;background:var(--pm-surface-3);border:1px solid var(--pm-border-soft);box-shadow:inset 0 1px color-mix(in srgb,var(--pm-text-1) 5%,transparent)}.settings-header-copy,.profile-header-copy{min-width:0}.settings-header-kicker,.profile-header-kicker{display:block;margin-bottom:2px;color:var(--pm-text-3);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.settings-header h1,.profile-header h1{margin:0;color:var(--pm-text-1);font-size:1.18rem;letter-spacing:-.035em}.profile-save-btn{min-width:92px;min-height:42px;padding:0 16px;color:var(--pm-primary-contrast);border-radius:999px;background:var(--pm-gradient-accent);font-weight:850;box-shadow:0 16px 34px var(--pm-glow-accent)}.profile-save-btn:disabled{opacity:.58}.settings-content,.profile-content{position:relative;z-index:1;height:100%;overflow-y:auto;padding:calc(var(--phone-safe-top) + 78px) 16px var(--phone-content-bottom);scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-content::-webkit-scrollbar,.profile-content::-webkit-scrollbar{display:none}.settings-hero-card,.settings-section-card,.profile-hero-card,.profile-section-card,.profile-danger-card{position:relative;overflow:hidden;border-radius:30px;background:var(--pm-gradient-surface),var(--pm-glass-elevated);border:1px solid var(--pm-border-strong);box-shadow:0 24px 64px var(--pm-page-shadow),inset 0 1px color-mix(in srgb,var(--pm-text-1) 5%,transparent);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.settings-hero-card{display:flex;gap:16px;align-items:center;min-height:132px;padding:22px}.settings-hero-icon{width:76px;height:76px;display:grid;place-items:center;flex-shrink:0;color:var(--pm-accent);border-radius:24px;background:color-mix(in srgb,var(--pm-accent-soft) 82%,var(--pm-surface-1));box-shadow:0 20px 40px var(--pm-glow-accent)}.settings-hero-copy{min-width:0}.settings-hero-kicker{color:var(--pm-text-3);font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.settings-hero-copy h2{margin:5px 0 6px;color:var(--pm-text-1);font-size:clamp(1.5rem,8vw,2.3rem);line-height:.96;letter-spacing:-.07em}.settings-hero-copy p{margin:0;color:var(--pm-text-2);font-size:.92rem;line-height:1.45}.settings-section-card,.profile-section-card,.profile-danger-card{margin-top:16px;padding:18px}.settings-section-head,.profile-section-head{margin-bottom:13px}.settings-section-head span,.profile-section-head span{color:var(--pm-text-2);font-size:.8rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.settings-row{width:100%;min-height:68px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:12px 0;color:inherit;border:0;border-top:1px solid var(--pm-border-soft);background:transparent;text-align:left}.settings-row:first-of-type{border-top:0}.settings-row:disabled{opacity:.48}.settings-row--static{cursor:default}.settings-row--language{grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon copy" "switch switch";align-items:start;row-gap:12px}.settings-row--language .settings-language-switch{grid-area:switch;justify-self:stretch;width:100%;margin-top:0;max-width:none}.settings-row--language .settings-row-icon{grid-area:icon}.settings-row--language .settings-row-copy{grid-area:copy}.settings-row-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--pm-accent);border-radius:17px;background:color-mix(in srgb,var(--pm-accent-soft) 82%,transparent)}.settings-row-icon--green{color:var(--pm-success);background:color-mix(in srgb,var(--pm-success) 14%,transparent)}.settings-row-icon--amber{color:var(--pm-warning);background:color-mix(in srgb,var(--pm-warning) 16%,transparent)}.settings-row-icon--violet{color:var(--pm-accent-secondary);background:color-mix(in srgb,var(--pm-accent-secondary) 12%,transparent)}.settings-row-copy{display:grid;gap:4px;min-width:0}.settings-row-copy strong{color:var(--pm-text-1);font-size:.98rem;letter-spacing:-.02em}.settings-row-copy span{color:var(--pm-text-3);font-size:.79rem;line-height:1.35}.settings-row-arrow{color:var(--pm-text-4)}.settings-switch{width:54px;height:31px;padding:3px;border-radius:999px;background:var(--pm-surface-4);border:1px solid var(--pm-border-soft);transition:background var(--pm-transition-base),border-color var(--pm-transition-base)}.settings-switch span{display:block;width:23px;height:23px;border-radius:999px;background:var(--pm-surface-1);box-shadow:0 8px 18px var(--pm-page-shadow);transition:transform var(--pm-transition-spring)}.settings-switch--active{background:var(--pm-gradient-accent-alt);border-color:color-mix(in srgb,var(--pm-accent-strong) 32%,transparent)}.settings-switch--active span{transform:translate(23px)}.settings-language-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;width:100%;border-radius:999px;background:color-mix(in srgb,var(--pm-surface-4) 90%,transparent);border:1px solid var(--pm-border-soft)}.settings-language-pill{min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--pm-text-3);font-size:.76rem;font-weight:700;letter-spacing:.01em;transition:color var(--pm-transition-base),background var(--pm-transition-base),box-shadow var(--pm-transition-base),transform var(--pm-transition-base)}.settings-language-pill--active{color:var(--pm-text-on-accent);background:var(--pm-gradient-accent-alt);box-shadow:0 10px 22px color-mix(in srgb,var(--pm-accent-strong) 24%,transparent)}.settings-language-pill:not(.settings-language-pill--active):hover{color:var(--pm-text-2);background:color-mix(in srgb,var(--pm-surface-2) 82%,transparent)}.settings-session-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;grid-column:1 / -1;padding:4px;width:100%;border-radius:20px;background:color-mix(in srgb,var(--pm-surface-4) 90%,transparent);border:1px solid var(--pm-border-soft)}.settings-session-pill{min-width:0;padding:9px 10px;border:0;border-radius:16px;background:transparent;color:var(--pm-text-3);font-size:.74rem;font-weight:700;letter-spacing:.01em;transition:color var(--pm-transition-base),background var(--pm-transition-base),box-shadow var(--pm-transition-base),transform var(--pm-transition-base)}.settings-session-pill--active{color:var(--pm-text-on-accent);background:var(--pm-gradient-accent-alt);box-shadow:0 10px 22px color-mix(in srgb,var(--pm-accent-strong) 24%,transparent)}.settings-session-pill:not(.settings-session-pill--active):hover{color:var(--pm-text-2);background:color-mix(in srgb,var(--pm-surface-2) 82%,transparent)}.settings-row-note{grid-column:1 / -1;margin:2px 0 0;color:var(--pm-text-3);font-size:.76rem;line-height:1.45}.settings-note{display:grid;grid-template-columns:9px 1fr;gap:10px;margin-top:14px;padding:13px;border-radius:18px;background:var(--pm-note-accent);border:1px solid color-mix(in srgb,var(--pm-accent-strong) 14%,transparent)}.settings-note-dot{width:9px;height:9px;margin-top:5px;border-radius:999px;background:var(--pm-accent);box-shadow:0 0 16px var(--pm-glow-accent)}.settings-note p{margin:0;color:var(--pm-text-3);font-size:.8rem;line-height:1.45}.settings-update-panel{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;margin-bottom:10px;padding:15px;border-radius:22px;background:var(--pm-surface-3);border:1px solid var(--pm-border-soft)}.settings-update-panel--available{background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--pm-success) 18%,transparent),transparent 48%),color-mix(in srgb,var(--pm-accent-soft) 62%,transparent);border-color:color-mix(in srgb,var(--pm-success) 26%,transparent)}.settings-update-badge{width:52px;height:52px;display:grid;place-items:center;color:var(--pm-accent);border-radius:19px;background:color-mix(in srgb,var(--pm-accent-soft) 86%,var(--pm-surface-1));box-shadow:0 18px 38px var(--pm-glow-accent)}.settings-update-panel--available .settings-update-badge{color:var(--pm-success);background:color-mix(in srgb,var(--pm-success) 12%,var(--pm-surface-1))}.settings-update-copy{display:grid;gap:5px}.settings-update-copy strong{color:var(--pm-text-1);font-size:1.01rem;letter-spacing:-.025em}.settings-update-copy span{color:var(--pm-text-3);font-size:.8rem;line-height:1.4}.settings-about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-about-grid div{display:grid;gap:5px;padding:14px;border-radius:18px;background:var(--pm-surface-3)}.settings-about-grid span{color:var(--pm-text-4);font-size:.75rem}.settings-about-grid strong{color:var(--pm-text-1);font-size:.95rem}.settings-theme-note{padding-top:4px}.settings-theme-pill{min-height:30px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--pm-text-2);background:var(--pm-surface-3);font-size:.74rem;font-weight:750}.profile-page{display:block}.profile-content{padding-bottom:calc(var(--phone-content-bottom) + 12px)}.profile-hero-card{position:sticky;top:4px;z-index:6;display:flex;align-items:center;gap:18px;min-height:132px;padding:calc(18px - (var(--profile-scroll) * 5px)) 20px;transform:translateY(calc(var(--profile-scroll) * -2px));transition:transform .18s ease,padding .18s ease,box-shadow .18s ease,opacity .22s ease,filter .22s ease}.profile-page--keyboard .profile-hero-card{min-height:0;height:0;margin-bottom:-18px;padding-top:0;padding-bottom:0;border-width:0;opacity:0;pointer-events:none;transform:translateY(-24px) scale(.94);filter:blur(10px);box-shadow:none}.profile-avatar-wrap{flex-shrink:0}.profile-avatar{position:relative;width:104px;height:104px;padding:4px;overflow:hidden;color:var(--pm-text-1);border-radius:26px;background:var(--pm-gradient-accent-alt);box-shadow:0 24px 44px var(--pm-glow-accent),inset 0 1px #ffffff1f}.profile-avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:var(--profile-avatar-ring, var(--pm-gradient-accent-alt));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}.profile-avatar--online{--profile-avatar-ring: linear-gradient(135deg, #22c55e 0%, #86efac 45%, #14b8a6 100%)}.profile-avatar--away{--profile-avatar-ring: linear-gradient(135deg, #f59e0b 0%, #fde68a 48%, #fb923c 100%)}.profile-avatar--busy{--profile-avatar-ring: linear-gradient(135deg, #ef4444 0%, #fecaca 48%, #f97316 100%)}.profile-avatar--dnd{--profile-avatar-ring: linear-gradient(135deg, #a855f7 0%, #e9d5ff 48%, #6366f1 100%)}.profile-avatar-image,.profile-avatar-text{width:100%;height:100%;border-radius:22px}.profile-avatar-image{object-fit:cover}.profile-avatar-text{display:grid;place-items:center;color:#fff;font-size:2.1rem;font-weight:900;background:color-mix(in srgb,var(--pm-accent-soft) 72%,var(--pm-surface-1))}.profile-avatar-edit{position:absolute;right:8px;bottom:8px;width:34px;height:34px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--pm-shell-overlay-strong) 82%,transparent);border:1px solid var(--pm-border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-file-input{display:none}.profile-hero-copy{min-width:0}.profile-hero-copy h2{margin:0 0 10px;color:var(--pm-text-1);font-size:clamp(1.45rem,7vw,2rem);line-height:.96;letter-spacing:-.065em}.profile-username-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 11px;color:var(--pm-accent);border-radius:999px;background:color-mix(in srgb,var(--pm-accent-soft) 70%,transparent);border:1px solid color-mix(in srgb,var(--pm-accent-strong) 14%,transparent)}.profile-hero-status{margin:12px 0 0;color:var(--pm-text-3);font-size:.92rem;line-height:1.4}.profile-field{position:relative;display:grid;gap:9px;padding:15px 0;border-top:1px solid var(--pm-border-soft)}.profile-field:first-of-type{border-top:0}.profile-field-label{color:var(--pm-text-3);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.profile-page .profile-field-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-width:0;min-height:52px;padding:15px 16px;color:var(--pm-text-1);font-family:inherit;font-size:16px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(180deg,var(--pm-field-top),var(--pm-field-bottom));border:1px solid var(--pm-border-strong);border-radius:20px;outline:none;box-shadow:inset 0 1px color-mix(in srgb,var(--pm-text-1) 4%,transparent),0 16px 34px var(--pm-page-shadow);transition:border-color var(--pm-transition-base),box-shadow var(--pm-transition-base),transform var(--pm-transition-base),background var(--pm-transition-base)}.profile-page .profile-field-input:focus{border-color:color-mix(in srgb,var(--pm-accent) 70%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--pm-accent-soft) 46%,var(--pm-field-top)),var(--pm-field-bottom));box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-accent-strong) 13%,transparent),0 18px 42px color-mix(in srgb,var(--pm-accent-strong) 10%,var(--pm-page-shadow));transform:translateY(-1px)}.profile-page .profile-field-input::placeholder{color:var(--pm-text-4);font-weight:600}.profile-page input[type=date].profile-field-input{color-scheme:light dark}.profile-page input[type=date].profile-field-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.profile-field-textarea{min-height:96px;resize:none;line-height:1.4}.profile-char-counter{position:absolute;right:14px;bottom:24px;padding:4px 8px;color:var(--pm-text-4);font-size:.72rem;font-weight:800;border-radius:999px;background:color-mix(in srgb,var(--pm-shell-overlay-strong) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-status-card{display:flex;align-items:center;gap:9px;padding:13px;color:var(--pm-text-2);text-align:left;border-radius:18px;background:var(--pm-surface-3);border:1px solid var(--pm-border-soft)}.profile-status-card--active{color:var(--pm-text-1);background:color-mix(in srgb,var(--pm-accent-soft) 82%,var(--pm-surface-1));border-color:color-mix(in srgb,var(--pm-accent-strong) 26%,transparent)}.profile-status-dot{width:10px;height:10px;border-radius:50%}.profile-status-dot--online{background:#22c55e;box-shadow:0 0 12px #22c55e66}.profile-status-dot--away{background:#f59e0b}.profile-status-dot--busy{background:#ef4444}.profile-status-dot--dnd{background:#a855f7}.profile-toggle-row{position:relative;display:grid;grid-template-columns:1fr 52px;gap:14px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--pm-border-soft)}.profile-toggle-copy strong{display:block;margin-bottom:3px;color:var(--pm-text-1)}.profile-toggle-copy small{color:var(--pm-text-3);line-height:1.35}.profile-toggle-input{position:absolute;opacity:0;pointer-events:none}.profile-toggle-track{position:relative;width:52px;height:31px;border-radius:999px;background:var(--pm-surface-4);transition:background var(--pm-transition-base)}.profile-toggle-track:after{content:"";position:absolute;top:4px;left:4px;width:23px;height:23px;border-radius:50%;background:var(--pm-surface-1);transition:transform var(--pm-transition-spring)}.profile-toggle-input:checked+.profile-toggle-track{background:var(--pm-gradient-accent-alt)}.profile-toggle-input:checked+.profile-toggle-track:after{transform:translate(21px)}.profile-danger-card{padding:8px;background:color-mix(in srgb,var(--pm-danger) 8%,var(--pm-surface-1))}.profile-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 15px;color:var(--pm-danger);border-radius:22px;background:color-mix(in srgb,var(--pm-danger) 10%,transparent)}.auth-page,.group-create-page,.contacts-page{color:var(--pm-text-1);background:var(--pm-gradient-page)}.auth-page:before,.contacts-page:before{background-image:linear-gradient(var(--pm-screen-grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--pm-screen-grid) 1px,transparent 1px)}.brand-panel,.auth-card,.hero-card,.selected-card,.contacts-card,.contacts-dialog,.contacts-search,.contact-row,.bottom-nav-container,.toast{border-color:var(--pm-border-soft);box-shadow:var(--pm-shadow-3)}.brand-panel,.auth-card,.hero-card,.selected-card,.contacts-card,.contacts-search,.contacts-dialog{background:var(--pm-gradient-surface),var(--pm-glass-elevated);backdrop-filter:blur(var(--pm-blur-3)) saturate(150%);-webkit-backdrop-filter:blur(var(--pm-blur-3)) saturate(150%)}.brand-panel h1,.header-title,.contacts-header-title,.contacts-card-name{color:var(--pm-text-1)}.brand-panel p,.header-subtitle,.contacts-header-count,.contacts-card-username,.contacts-card-status,.contacts-empty-text,.contacts-dialog-text,.field span,.field-label,.section-head p,.contact-row__meta{color:var(--pm-text-2)}.field input,.text-input,.textarea-input,.search-input,.contacts-search-input{color:var(--pm-text-1);background:linear-gradient(180deg,var(--pm-field-top),var(--pm-field-bottom));border-color:var(--pm-border-soft)}.field input::placeholder,.text-input::placeholder,.textarea-input::placeholder,.search-input::placeholder,.contacts-search-input::placeholder{color:var(--pm-text-3)}.field input:focus,.text-input:focus,.textarea-input:focus,.search-input:focus,.contacts-search-input:focus{border-color:var(--pm-border-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-accent) 12%,transparent)}.eyebrow,.contacts-create-group-btn,.contacts-dialog-action,.primary-btn,.create-btn{color:var(--pm-primary-contrast);background:var(--pm-gradient-accent);box-shadow:0 16px 34px var(--pm-glow-accent)}.contacts-dialog-cancel,.settings-back-btn,.profile-back-btn,.back-btn,.contacts-back-btn{color:var(--pm-text-1);background:var(--pm-surface-3);border-color:var(--pm-border-strong)}.contacts-empty-icon,.contacts-search-icon,.contacts-search-clear,.search-icon,.service-pill,.selected-chip,.contact-row__toggle,.settings-row-icon,.profile-status-card,.profile-avatar,.profile-save-btn,.call-action,.call-control{color:var(--pm-text-1)}.contacts-card,.contact-row,.selected-chip{background:var(--pm-surface-3)}.selected-chip,.contact-row--selected,.contacts-card-status--online{border-color:var(--pm-border-accent)}.selected-chip__avatar--fallback,.contact-row__avatar--fallback,.contacts-card-fallback{color:var(--pm-primary-contrast);background:var(--pm-gradient-accent-alt)}.bottom-nav-container{background:color-mix(in srgb,var(--pm-surface-1) 88%,transparent)}.nav-item{color:var(--pm-text-3)}.nav-item:hover{color:var(--pm-text-2);background:var(--pm-surface-3)}.nav-item--active{color:var(--pm-accent-secondary);background:color-mix(in srgb,var(--pm-accent-secondary) 16%,transparent)}.toast{background:color-mix(in srgb,var(--pm-surface-1) 94%,transparent)}.toast-message{color:var(--pm-text-1)}.toast--success{border-color:color-mix(in srgb,var(--pm-success) 44%,transparent);background:color-mix(in srgb,var(--pm-success) 12%,var(--pm-surface-1))}.toast--error{border-color:color-mix(in srgb,var(--pm-danger) 44%,transparent);background:color-mix(in srgb,var(--pm-danger) 10%,var(--pm-surface-1))}.toast--warning{border-color:color-mix(in srgb,var(--pm-warning) 44%,transparent);background:color-mix(in srgb,var(--pm-warning) 12%,var(--pm-surface-1))}.call-overlay__backdrop{background:radial-gradient(circle at top,color-mix(in srgb,var(--pm-accent) 18%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--pm-bg-canvas) 92%,black),color-mix(in srgb,var(--pm-bg-canvas-alt) 96%,black))}.call-action--accept{background:linear-gradient(145deg,color-mix(in srgb,var(--pm-success) 90%,white),var(--pm-success))}.call-action--danger,.call-control--danger{background:linear-gradient(145deg,color-mix(in srgb,var(--pm-danger) 92%,white),var(--pm-danger))}.call-control--active{background:color-mix(in srgb,var(--pm-accent-strong) 82%,transparent)}:root[data-theme=light] .chat-stories-wrapper,:root[data-theme=light] .chat-screen,:root[data-theme=light] .contact-profile-page,:root[data-theme=light] .group-profile-page{color:var(--pm-text-1)}:root[data-theme=light] .chat-stories-wrapper:before{opacity:.44}:root[data-theme=light] .stories-swiper,:root[data-theme=light] .story-content-card,:root[data-theme=light] .chat-input,:root[data-theme=light] .chat-header,:root[data-theme=light] .contact-profile-sheet__glass,:root[data-theme=light] .telegram-panel,:root[data-theme=light] .telegram-sheet,:root[data-theme=light] .chat-header-menu{background:var(--pm-gradient-surface),var(--pm-glass-strong)!important;border-color:var(--pm-border-strong)!important;box-shadow:0 20px 52px var(--pm-page-shadow)!important}:root[data-theme=light] .story-image-bg:after,:root[data-theme=light] .chat-screen-bg:after,:root[data-theme=light] .contact-profile-page,:root[data-theme=light] .group-profile-page{filter:none}:root[data-theme=light] .story-image-bg:after{background:linear-gradient(180deg,#ffffff0a,#ffffff2e 42%,#ffffff8f),radial-gradient(circle at 18% 16%,rgba(14,165,233,.08),transparent 30%),radial-gradient(circle at 84% 22%,rgba(34,197,94,.04),transparent 30%)!important}:root[data-theme=light] .bubble,:root[data-theme=light] .story-message-preview,:root[data-theme=light] .profile-status-card,:root[data-theme=light] .settings-row,:root[data-theme=light] .telegram-resource-row,:root[data-theme=light] .telegram-contact-option{color:var(--pm-text-1)}:root[data-theme=light] .message:not(.mine) .bubble{background:linear-gradient(135deg,#ffffffe0,#f6faffbd),#fffc!important;border-color:var(--pm-border-soft)!important}:root[data-theme=light] .message.mine .bubble{background:linear-gradient(135deg,#50c4fff0,#2563ebd1),#2563ebcc!important}:root[data-theme=light] .chat-textarea,:root[data-theme=light] .search-input,:root[data-theme=light] .text-input,:root[data-theme=light] .textarea-input{color:var(--pm-text-1);background:linear-gradient(180deg,var(--pm-field-top),var(--pm-field-bottom))!important;border-color:var(--pm-border-strong)!important}:root[data-theme=light] .settings-language-switch{background:color-mix(in srgb,var(--pm-surface-2) 94%,transparent);border-color:var(--pm-border-strong)}:root[data-theme=light] .settings-language-pill:not(.settings-language-pill--active):hover{background:color-mix(in srgb,var(--pm-surface-1) 94%,transparent)}:root[data-theme=light] .settings-session-switch{background:color-mix(in srgb,var(--pm-surface-2) 94%,transparent);border-color:var(--pm-border-strong)}:root[data-theme=light] .settings-session-pill:not(.settings-session-pill--active):hover{background:color-mix(in srgb,var(--pm-surface-1) 94%,transparent)}:root[data-theme=light] .search-icon,:root[data-theme=light] .chat-header-call-btn,:root[data-theme=light] .chat-header-menu-btn,:root[data-theme=light] .attach-btn,:root[data-theme=light] .voice-btn{color:var(--pm-text-2)}:root[data-theme=light] .message-text,:root[data-theme=light] .message-time,:root[data-theme=light] .chat-status,:root[data-theme=light] .settings-row-copy span,:root[data-theme=light] .profile-hero-status,:root[data-theme=light] .contact-profile-sheet__copy,:root[data-theme=light] .telegram-group-hero__meta,:root[data-theme=light] .telegram-group-hero__description{color:var(--pm-text-2)!important}:root[data-theme=light] .contact-profile-page{background:var(--pm-gradient-page)!important}:root[data-theme=light] .contact-profile-page__glow--teal{background:color-mix(in srgb,var(--pm-success) 28%,transparent)!important}:root[data-theme=light] .contact-profile-page__glow--cyan{background:color-mix(in srgb,var(--pm-accent) 24%,transparent)!important}:root[data-theme=light] .contact-profile-header{background:linear-gradient(180deg,color-mix(in srgb,var(--pm-shell-overlay-strong) 76%,transparent),color-mix(in srgb,var(--pm-shell-overlay) 48%,transparent))!important}:root[data-theme=light] .contact-profile-header__back,:root[data-theme=light] .contact-profile-header__aux,:root[data-theme=light] .contact-profile-sheet__status,:root[data-theme=light] .contact-profile-sheet__username{color:var(--pm-text-1)!important;background:var(--pm-surface-1)!important;border-color:var(--pm-border-strong)!important;box-shadow:0 20px 40px var(--pm-page-shadow)!important}:root[data-theme=light] .contact-profile-hero__avatar-shell{border-color:var(--pm-border-strong)!important;background:linear-gradient(180deg,#ffffffeb,#ecf4fbdb)!important;box-shadow:0 26px 68px var(--pm-page-shadow),0 0 0 6px #ffffff70,inset 0 1px #ffffffdb!important}:root[data-theme=light] .contact-profile-hero__avatar-shell--online{box-shadow:0 26px 68px var(--pm-page-shadow),0 0 0 2px color-mix(in srgb,var(--pm-success) 38%,transparent),0 0 0 8px color-mix(in srgb,var(--pm-success) 10%,transparent),inset 0 1px #ffffffdb!important}:root[data-theme=light] .contact-profile-hero__avatar-shell--busy,:root[data-theme=light] .contact-profile-hero__avatar-shell--away{box-shadow:0 26px 68px var(--pm-page-shadow),0 0 0 2px color-mix(in srgb,var(--pm-warning) 40%,transparent),0 0 0 8px color-mix(in srgb,var(--pm-warning) 10%,transparent),inset 0 1px #ffffffdb!important}:root[data-theme=light] .contact-profile-hero__avatar-shell--dnd{box-shadow:0 26px 68px var(--pm-page-shadow),0 0 0 2px color-mix(in srgb,var(--pm-danger) 38%,transparent),0 0 0 8px color-mix(in srgb,var(--pm-danger) 10%,transparent),inset 0 1px #ffffffdb!important}:root[data-theme=light] .contact-profile-hero__fallback{color:var(--pm-primary-contrast)!important;background:var(--pm-gradient-accent)!important}:root[data-theme=light] .contact-profile-sheet__glass,:root[data-theme=light] .contact-profile-sheet__description,:root[data-theme=light] .contact-profile-sheet__action{background:var(--pm-gradient-surface),var(--pm-glass-strong)!important;border-color:var(--pm-border-strong)!important}:root[data-theme=light] .contact-profile-sheet__button{color:var(--pm-primary-contrast)!important;background:var(--pm-gradient-accent)!important;box-shadow:0 18px 34px var(--pm-glow-accent)!important}:root[data-theme=light] .group-profile-page{background:var(--pm-gradient-page)!important}:root[data-theme=light] .telegram-group-header,:root[data-theme=light] .group-create-header,:root[data-theme=light] .contacts-header{background:color-mix(in srgb,var(--pm-shell-overlay-strong) 72%,transparent)!important;border-color:var(--pm-border-soft)!important}:root[data-theme=light] .telegram-group-header--compact{background:color-mix(in srgb,var(--pm-shell-overlay-strong) 92%,transparent)!important}:root[data-theme=light] .telegram-group-header__subtitle,:root[data-theme=light] .telegram-members-card__headline span,:root[data-theme=light] .telegram-member-row__subtitle,:root[data-theme=light] .telegram-resource-row__meta,:root[data-theme=light] .telegram-media-empty,:root[data-theme=light] .telegram-sheet__subtitle,:root[data-theme=light] .group-create-footer-copy,:root[data-theme=light] .contacts-card-meta,:root[data-theme=light] .contacts-card-status{color:var(--pm-text-2)!important}:root[data-theme=light] .header-icon,:root[data-theme=light] .telegram-group-hero__avatar-badge,:root[data-theme=light] .telegram-members-card__manage,:root[data-theme=light] .telegram-member-row__remove,:root[data-theme=light] .telegram-media-tab,:root[data-theme=light] .sheet-close,:root[data-theme=light] .telegram-contact-option,:root[data-theme=light] .sheet-action-row{color:var(--pm-text-1)!important;background:var(--pm-surface-1)!important;border-color:var(--pm-border-strong)!important}:root[data-theme=light] .telegram-action-card,:root[data-theme=light] .telegram-member-row__main,:root[data-theme=light] .telegram-media-tile,:root[data-theme=light] .telegram-resource-row{color:var(--pm-text-1)!important;background:var(--pm-gradient-surface),var(--pm-glass-elevated)!important;border-color:var(--pm-border-soft)!important;box-shadow:0 18px 34px var(--pm-page-shadow)!important}:root[data-theme=light] .telegram-action-card__icon{color:var(--pm-text-1)!important}:root[data-theme=light] .telegram-action-card--danger,:root[data-theme=light] .telegram-resource-row--danger,:root[data-theme=light] .sheet-action-row--danger{color:var(--pm-danger)!important}:root[data-theme=light] .telegram-media-tab--active,:root[data-theme=light] .telegram-members-card__manage,:root[data-theme=light] .contacts-create-group-btn,:root[data-theme=light] .contacts-dialog-action{color:var(--pm-primary-contrast)!important;background:var(--pm-gradient-accent)!important;box-shadow:0 16px 34px var(--pm-glow-accent)!important}:root[data-theme=light] .chat-screen{background:linear-gradient(180deg,#ffffff8f,#f0f6fcbd),url(/fones/fon.jpg) center/cover no-repeat!important}:root[data-theme=light] .chat-header{background:linear-gradient(180deg,color-mix(in srgb,var(--pm-shell-overlay-strong) 76%,transparent),color-mix(in srgb,var(--pm-shell-overlay) 48%,transparent))!important;border-bottom-color:var(--pm-border-soft)!important;box-shadow:0 12px 30px var(--pm-page-shadow)!important}:root[data-theme=light] .back-btn,:root[data-theme=light] .chat-header-call-btn,:root[data-theme=light] .chat-header-menu-btn,:root[data-theme=light] .attach-btn,:root[data-theme=light] .voice-btn,:root[data-theme=light] .send-btn{color:var(--pm-text-1)!important;background:var(--pm-surface-1)!important;border-color:var(--pm-border-strong)!important}:root[data-theme=light] .chat-name,:root[data-theme=light] .status-text,:root[data-theme=light] .typing-status,:root[data-theme=light] .chat-view-toggle{color:var(--pm-text-1)!important}:root[data-theme=light] .chat-avatar{background:var(--pm-gradient-accent-alt)!important;color:var(--pm-primary-contrast)!important;box-shadow:0 12px 28px var(--pm-page-shadow)!important}:root[data-theme=light] .online-dot{border-color:color-mix(in srgb,var(--pm-surface-1) 92%,white)!important}:root[data-theme=light] .chat-view-toggle__glass,:root[data-theme=light] .filter-tab,:root[data-theme=light] .clear-btn{background:var(--pm-surface-1)!important;border-color:var(--pm-border-strong)!important;color:var(--pm-text-1)!important;box-shadow:0 18px 36px var(--pm-page-shadow)!important}:root[data-theme=light] .controls-pull-line{background:color-mix(in srgb,var(--pm-text-1) 14%,transparent)!important;box-shadow:0 8px 18px var(--pm-page-shadow),inset 0 1px color-mix(in srgb,var(--pm-text-1) 8%,transparent)!important}:root[data-theme=light] .controls-pull-indicator--open .controls-pull-line{background:color-mix(in srgb,var(--pm-accent) 32%,transparent)!important}@media (max-width: 390px){.settings-hero-card{align-items:flex-start;flex-direction:column}.profile-hero-card{align-items:flex-start;padding:18px}.profile-avatar{width:88px;height:88px;border-radius:23px}.profile-avatar-image,.profile-avatar-text{border-radius:19px}}.carousel-lab-screen{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(78,220,255,.12),transparent 34%),radial-gradient(circle at 82% 72%,rgba(80,255,190,.1),transparent 28%),linear-gradient(180deg,#06101d,#08111f 44%,#050b16);color:#f7fafff5}.carousel-lab-bg{position:absolute;inset:auto;pointer-events:none;filter:blur(86px);opacity:.72;mix-blend-mode:screen}.carousel-lab-bg--a{left:-10%;top:-6%;width:52vw;height:52vw;min-width:280px;min-height:280px;background:radial-gradient(circle,rgba(102,237,255,.46) 0%,rgba(102,237,255,.18) 36%,transparent 74%)}.carousel-lab-bg--b{right:-8%;top:10%;width:58vw;height:58vw;min-width:320px;min-height:320px;background:radial-gradient(circle,rgba(101,113,255,.42) 0%,rgba(101,113,255,.14) 38%,transparent 74%)}.carousel-lab-bg--c{left:20%;bottom:-18%;width:64vw;height:64vw;min-width:360px;min-height:360px;background:radial-gradient(circle,rgba(255,86,183,.26) 0%,rgba(255,86,183,.08) 42%,transparent 72%)}.carousel-lab-header{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:max(22px,env(safe-area-inset-top,0px) + 12px) 22px 0}.carousel-lab-back{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:20px;border:1px solid rgba(216,232,255,.14);color:#f7faffeb;background:linear-gradient(180deg,#ffffff1a,#ffffff08),#08101f57;box-shadow:0 18px 36px #01061038,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%)}.carousel-lab-header-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.carousel-lab-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#94d4ffe0}.carousel-lab-header-copy h1{margin:0;font-size:clamp(2rem,5vw,2.8rem);font-weight:760;letter-spacing:-.04em}.carousel-lab-header-copy p{margin:0;font-size:.98rem;color:#e0e9f5a8}.carousel-lab-stage{position:relative;z-index:1;min-height:calc(100vh - 128px);margin-top:8px;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.carousel-lab-stage-glow{position:absolute;left:50%;top:54%;width:min(520px,86vw);height:min(520px,86vw);transform:translate3d(-50%,-50%,0);border-radius:50%;background:radial-gradient(circle,rgba(90,224,255,.18) 0%,rgba(90,224,255,.08) 24%,rgba(94,121,255,.08) 44%,transparent 72%);filter:blur(48px);opacity:.78}.carousel-lab-card{--card-x: 0px;--card-y: 0px;--card-scale: 1;--card-opacity: 1;--card-rotate: 0deg;--card-blur: 0px;--card-saturation: 1;position:absolute;left:50%;top:12%;display:flex;width:min(248px,calc(100vw - 72px));min-height:172px;flex-direction:column;justify-content:space-between;padding:16px 16px 14px;border:1px solid rgba(218,232,255,.12);border-radius:34px;color:#f8fbfff5;text-align:left;background:linear-gradient(180deg,#ffffff21,#ffffff08),#08101e42;box-shadow:0 24px 54px #0006123d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(26px) saturate(148%);backdrop-filter:blur(26px) saturate(148%);transform:translate3d(calc(-50% + var(--card-x)),var(--card-y),0) scale(var(--card-scale)) rotate(var(--card-rotate));opacity:var(--card-opacity);filter:saturate(var(--card-saturation)) blur(var(--card-blur));transition:transform .46s cubic-bezier(.22,1,.36,1),opacity .36s ease,filter .36s ease,box-shadow .36s ease,border-color .36s ease;overflow:hidden}.carousel-lab-card.is-active{box-shadow:0 34px 72px #0008184d,0 0 72px #71d6ff24,inset 0 1px #ffffff24}.carousel-lab-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.16),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 26%,transparent 70%,rgba(255,255,255,.05));opacity:.9}.carousel-lab-card--aqua{background:linear-gradient(180deg,#88eeff2e,#6faaff0f),#0712203d}.carousel-lab-card--violet{background:linear-gradient(180deg,#ff89db2e,#9767ff0f),#0b101e3d}.carousel-lab-card--blue{background:linear-gradient(180deg,#74bbff2e,#5176ff0f),#08111f3d}.carousel-lab-card--emerald{background:linear-gradient(180deg,#59f5c229,#34c0900d),#08121b3d}.carousel-lab-card--amber{background:linear-gradient(180deg,#ffc76c2e,#ff8f2c0d),#0d121c3d}.carousel-lab-card--indigo{background:linear-gradient(180deg,#8097ff2e,#627aff0f),#0810203d}.carousel-lab-card--rose{background:linear-gradient(180deg,#ff79b02e,#ff5d870f),#0a101e3d}.carousel-lab-card-top,.carousel-lab-card-bottom{position:relative;z-index:1;display:flex;align-items:center}.carousel-lab-card-top{align-items:flex-start;gap:12px}.carousel-lab-card-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.carousel-lab-card-copy strong{font-size:1rem;font-weight:720;letter-spacing:-.02em}.carousel-lab-card-copy span{min-width:0;overflow:hidden;color:#e2ecf9a8;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.carousel-lab-time{color:#e3edf880;font-size:.76rem;font-weight:620}.carousel-lab-avatar{position:relative;display:inline-flex;width:54px;height:54px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:20px;box-shadow:0 16px 30px #0008162e,inset 0 1px #ffffff2e;font-size:1rem;font-weight:760}.carousel-lab-avatar--azure{background:linear-gradient(180deg,#7de9ff,#4b7cff)}.carousel-lab-avatar--violet{background:linear-gradient(180deg,#ff8fe8,#956fff)}.carousel-lab-avatar--cyan{background:linear-gradient(180deg,#99f7ff,#57b5ff)}.carousel-lab-avatar--green{background:linear-gradient(180deg,#80ffd0,#14b88f)}.carousel-lab-avatar--amber{background:linear-gradient(180deg,#ffd88d,#ff944f)}.carousel-lab-avatar--indigo{background:linear-gradient(180deg,#a1b9ff,#6577ff)}.carousel-lab-avatar--rose{background:linear-gradient(180deg,#ff9cc1,#ff5d8f)}.carousel-lab-avatar-status{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border:2px solid rgba(6,17,30,.88);border-radius:999px;background:#2dff96}.carousel-lab-card-bottom{justify-content:space-between;margin-top:20px}.carousel-lab-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border:1px solid rgba(216,232,255,.11);border-radius:999px;background:#ffffff0d;color:#ecf3fbb8;font-size:.78rem;font-weight:620}.carousel-lab-unread{display:inline-flex;min-width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,#89eefff5,#638bfff0);color:#08101cf5;font-size:.82rem;font-weight:800;box-shadow:0 12px 28px #3482ff47}.carousel-lab-footer{position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom,0px) + 8px);z-index:2;display:flex;justify-content:center}.carousel-lab-dots{display:inline-flex;gap:8px;padding:10px 14px;border:1px solid rgba(216,232,255,.1);border-radius:999px;background:linear-gradient(180deg,#ffffff14,#ffffff08),#070f1c38;box-shadow:0 16px 36px #00081438,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.carousel-lab-dot{width:7px;height:7px;border-radius:999px;background:#e4edf838;transition:transform .28s ease,background-color .28s ease,opacity .28s ease}.carousel-lab-dot.is-active{background:#8ae8fff0;transform:scale(1.5)}@media (max-width: 540px){.carousel-lab-header{gap:14px;padding-left:18px;padding-right:18px}.carousel-lab-back{width:50px;height:50px;border-radius:18px}.carousel-lab-card{width:min(232px,calc(100vw - 64px));min-height:164px;padding:15px 15px 13px}}