:root{--bg-main:#0d1018;--bg-panel:#17212b;--bg-panel-strong:#101923;--bg-panel-soft:#1f2b38;--bg-hover:#243445;--bg-message:#1e2c3a;--bg-input:#1a2632;--line-main:#ffffff14;--line-soft:#ffffff0a;--text-main:#ebf2f8;--text-soft:#8ea2b5;--text-muted:#6d8094;--accent-main:linear-gradient(135deg, #8a2be2, #ff007f);--accent-fill:#8a2be2;--accent-glow:#ff007f38;--success:#51d273;--shadow-main:0 24px 80px #04070c73;--font-body:"Avenir Next", "Segoe UI", sans-serif;--font-title:"Trebuchet MS", "Avenir Next", sans-serif;color:var(--text-main);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100svh;color:var(--text-main);background:radial-gradient(circle at 0 0,#8a2be247,#0000 26%),radial-gradient(circle at 100% 100%,#ff007f38,#0000 28%),linear-gradient(135deg,#1b1026,#230f35 40%,#3d1030 100%);margin:0}body:before,body:after{content:"";filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:#8a2be247;width:360px;height:360px;top:-120px;left:-100px}body:after{background:#ff007f2e;width:420px;height:420px;bottom:-140px;right:-140px}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}#root{z-index:1;position:relative;overflow-x:hidden}.section-label{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.search-bar__clear{width:20px;height:20px;color:var(--text-muted);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .16s;display:flex}.search-bar__clear svg{width:10px;height:10px}.search-bar__clear:hover{color:var(--text-main);background:#ffffff24}@keyframes lift-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.landing{flex-direction:column;min-height:100svh;display:flex;overflow-x:hidden}.landing-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d101880;border-bottom:1px solid #ffffff0f;align-items:center;padding:18px 48px;display:flex;position:sticky;top:0}.landing-logo{align-items:center;gap:12px;display:flex}.landing-logo__mark{color:#fff;letter-spacing:.06em;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #ff007f40}.landing-logo__name{background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.hero{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;padding:80px 80px 60px;display:grid}.hero-badge{color:#c084fc;letter-spacing:.04em;background:#8a2be226;border:1px solid #8a2be259;border-radius:20px;margin-bottom:22px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-block}.hero-title{font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800;line-height:1.15;font-family:var(--font-title);margin:0 0 20px}.hero-title--accent{background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-soft);max-width:480px;margin:0 0 36px;font-size:1.1rem;line-height:1.65}.hero-actions{align-items:center;gap:14px;margin-bottom:40px;display:flex}.btn-primary{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#8a2be2,#ff007f);border:none;border-radius:16px;align-items:center;gap:8px;padding:15px 30px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 40px #ff007f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px #ff007f6b}.btn-icon{width:17px;height:17px}.btn-ghost{color:var(--text-soft);background:0 0;border:1px solid #ffffff26;border-radius:16px;padding:15px 28px;font-size:1rem;font-weight:600;transition:background .2s,color .2s}.btn-ghost:hover{color:var(--text-main);background:#ffffff0f}.hero-stats{align-items:center;gap:20px;display:flex}.stat{flex-direction:column;gap:3px;display:flex}.stat__value{color:var(--text-main);font-size:.98rem;font-weight:700}.stat__label{color:var(--text-muted);font-size:.74rem}.stat-divider{background:#ffffff1a;width:1px;height:32px}.hero-right{justify-content:center;display:flex}.chat-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c12b8;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;animation:.9s both lift-in;overflow:hidden;box-shadow:0 30px 80px #04070c8c,0 0 0 1px #8a2be21f}.chat-preview__bar{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:14px 18px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot--red{background:#ff5f57}.dot--yellow{background:#febc2e}.dot--green{background:#28c840}.chat-preview__bar-label{color:var(--text-soft);margin-left:auto;font-size:.8rem;font-weight:600}.chat-preview__messages{flex-direction:column;gap:12px;padding:18px 18px 12px;display:flex}.msg{flex-direction:column;gap:4px;display:flex}.msg--in{align-items:flex-start}.msg--out{align-items:flex-end}.msg__bubble{border-radius:16px;max-width:78%;padding:10px 14px;font-size:.88rem;line-height:1.4}.msg--in .msg__bubble{color:var(--text-main);background:#ffffff14;border-bottom-left-radius:4px}.msg--out .msg__bubble{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-bottom-right-radius:4px}.msg__time{color:var(--text-muted);padding:0 4px;font-size:.7rem}.chat-preview__input{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;margin:8px 14px 14px;padding:10px 14px;display:flex}.chat-preview__placeholder{color:var(--text-muted);flex:1;font-size:.82rem}.chat-preview__send{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.chat-preview__send svg{width:14px;height:14px}.features{width:100%;max-width:1400px;margin:0 auto;padding:30px 80px 80px}.features-label{color:#c084fc;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.features-title{font-size:2rem;font-weight:800;font-family:var(--font-title);margin:0 0 36px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff12;border-radius:22px;padding:26px;transition:transform .2s,background .2s}.feature-card:hover{background:#ffffff0d;transform:translateY(-3px)}.feature-card--cta{cursor:pointer;background:#8a2be214;border-color:#8a2be240}.feature-card--cta:hover{background:#8a2be224;transform:translateY(-3px)}.feature-card__icon{color:#c084fc;background:#ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;display:flex}.feature-card__icon svg{width:22px;height:22px}.feature-card__icon--bright{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f)}.feature-card__title{margin:0 0 8px;font-size:1rem;font-weight:700}.feature-card__text{color:var(--text-soft);margin:0;font-size:.88rem;line-height:1.6}.landing-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:20px 80px;display:flex}.footer-brand{background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.9rem;font-weight:700}.footer-copy{color:var(--text-muted);font-size:.8rem}@media (width<=1100px){.hero{text-align:center;grid-template-columns:1fr;padding:60px 48px 40px}.hero-subtitle{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.hero-right{display:none}.features{padding:20px 48px 60px}.feature-grid{grid-template-columns:repeat(2,1fr)}.landing-footer{padding:20px 48px}}@media (width<=680px){.landing-header{padding:16px 24px}.hero{padding:40px 24px 30px}.features{padding:20px 24px 40px}.feature-grid{grid-template-columns:1fr}.landing-footer{text-align:center;flex-direction:column;gap:6px;padding:16px 24px}}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-card{padding:30px 22px 28px}}.auth-page{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 20% 10%,#8a2be22e 0%,#0000 70%),radial-gradient(50% 50% at 80% 90%,#ff007f1f 0%,#0000 65%);position:fixed;inset:0}.auth-back-btn{color:var(--text-soft);z-index:10;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:background .18s,color .18s;display:flex;position:fixed;top:24px;left:28px}.auth-back-btn:hover{color:var(--text-main);background:#ffffff14}.auth-back-btn svg{width:16px;height:16px}.auth-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:1;background:#090c12b8;border:1px solid #ffffff17;border-radius:28px;width:100%;max-width:440px;padding:40px 36px 36px;animation:.45s both card-in;position:relative;box-shadow:0 30px 80px #04070c8c,0 0 0 1px #8a2be21a}.auth-logo{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-logo__mark{color:#fff;letter-spacing:.06em;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 6px 18px #ff007f4d}.auth-logo__name{background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.auth-title{font-size:1.6rem;font-weight:800;font-family:var(--font-title,inherit);margin:0 0 6px}.auth-subtitle{color:var(--text-soft);margin:0 0 28px;font-size:.9rem}.social-buttons{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.social-btn{color:var(--text-main);text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;padding:13px 18px;font-size:.9rem;font-weight:600;transition:background .18s,border-color .18s,transform .15s;display:flex}.social-btn:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.social-btn__icon{flex-shrink:0;width:20px;height:20px}.social-btn--apple{color:var(--text-main)}.auth-divider{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-divider__line{background:#ffffff14;flex:1;height:1px}.auth-divider__text{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-error{color:#f87171;background:#ff3c3c1f;border:1px solid #ff3c3c40;border-radius:10px;margin:0;padding:10px 14px;font-size:.83rem}.field-group{flex-direction:column;gap:7px;display:flex}.field-group__row{justify-content:space-between;align-items:center;display:flex}.field-group__label{color:var(--text-soft);font-size:.83rem;font-weight:600}.field-group__link{color:#c084fc;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;transition:color .15s}.field-group__link:hover{color:#f472b6}.field-group__input{width:100%;color:var(--text-main);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 14px;font-size:.92rem;transition:border-color .18s,background .18s}.field-group__input::placeholder{color:var(--text-muted)}.field-group__input:focus{background:#8a2be20f;border-color:#8a2be280}.field-group__pass-wrap{position:relative}.field-group__pass-wrap .field-group__input{padding-right:44px}.field-group__eye{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field-group__eye:hover{color:var(--text-soft)}.field-group__eye svg{width:17px;height:17px}.auth-submit-btn{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#8a2be2,#ff007f);border:none;border-radius:14px;width:100%;margin-top:4px;padding:14px;font-size:.97rem;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 32px #ff007f4d}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px #ff007f6b}.auth-switch{text-align:center;color:var(--text-soft);margin:20px 0 0;font-size:.85rem}.auth-switch__link{color:#c084fc;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700;transition:color .15s}.auth-switch__link:hover{color:#f472b6}@media (width<=480px){.auth-card{padding:30px 22px 28px}}.auth-terms{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.55}.avatar{background-image:var(--accent-main);color:#fff;letter-spacing:.06em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative}.avatar--sm{width:38px;height:38px;font-size:.72rem}.avatar--md{width:48px;height:48px;font-size:.82rem}.avatar--lg{width:62px;height:62px;font-size:.96rem}.avatar__status{border:2px solid var(--bg-panel);background:var(--success);border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.avatar__status--focus{background:#ffd166}.avatar__status--away{background:#ff9f68}.avatar__status--offline{background:#708191}.ui-button{border:1px solid var(--line-soft);color:var(--text-soft);background:#ffffff0a;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:background .18s;display:inline-flex}.ui-button:hover{background:#ffffff14}.ui-button--primary{background:var(--accent-main);color:#fff;border-color:#0000}.ui-button--ghost{background:0 0}.ui-button--block{width:100%}.ui-button__label{font-weight:700}.ui-button__note{display:none}.input-shell{position:relative}.input-shell__prefix{color:var(--text-muted);font-size:.8rem;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-shell__field{border:1px solid var(--line-soft);width:100%;color:var(--text-main);background:#ffffff0d;border-radius:16px;outline:none;padding:14px 16px 14px 84px}.input-shell__field::placeholder{color:var(--text-muted)}.sidebar{border-right:1px solid var(--line-main);background:#0d121bd9;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex}.sidebar-top{border-bottom:1px solid var(--line-soft);flex-direction:column;align-items:center;gap:6px;width:100%;padding-bottom:10px;display:flex}.sidebar-brand{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #ff007f38}.sidebar-brand__name{color:var(--text-muted);text-align:center;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.6rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;width:100%;display:flex;overflow-y:auto}.nav-btn{width:100%;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;transition:background .18s,border-color .18s,color .18s,transform .16s;display:flex}.nav-btn:hover{color:var(--text-main);background:#ffffff0d;transform:translateY(-1px)}.nav-btn--active{color:#fff;background:#8a2be229;border-color:#8a2be24d}.nav-btn__icon{background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s;display:inline-flex}.nav-btn__icon svg{width:18px;height:18px}.nav-btn--active .nav-btn__icon{background:linear-gradient(135deg,#8a2be2,#ff007f);box-shadow:0 6px 18px #ff007f40}.nav-btn__label{letter-spacing:.02em;text-align:center;font-size:.64rem;font-weight:700;line-height:1}.sidebar-bottom{border-top:1px solid var(--line-soft);flex-direction:column;align-items:center;gap:6px;width:100%;padding-top:10px;display:flex}.sidebar-user{color:var(--text-muted);text-align:center;margin:0;font-size:.68rem;font-weight:600}.back-btn{width:36px;height:36px;color:var(--text-muted);background:0 0;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;transition:background .16s,color .16s;display:flex}.back-btn:hover{color:var(--text-soft);background:#ffffff12}.back-btn svg{width:16px;height:16px}@media (width<=980px){.sidebar{border-right:none;border-bottom:1px solid var(--line-main);flex-direction:row;padding:10px 14px;overflow-x:auto}.sidebar-top,.sidebar-bottom{border:none;flex-direction:row;padding:0}.sidebar-brand__name,.sidebar-user{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto}.nav-btn{min-width:72px}}.conv-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:11px;width:100%;padding:10px;transition:background .15s;display:flex}.conv-item:hover{background:#ffffff0a}.conv-item--active{background:#8a2be224}.conv-avatar-wrap{flex-shrink:0;position:relative}.conv-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.78rem;font-weight:800;display:flex}.conv-online-dot{border:2px solid var(--bg-main,#0d1018);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.conv-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.conv-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.conv-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.conv-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.68rem}.conv-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.conv-badge{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.66rem;font-weight:800;display:flex}.conv-list-panel{border-right:1px solid var(--line-main);background:#0d121be6;flex-direction:column;gap:0;min-height:0;display:flex;overflow:hidden}.conv-list-header{justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.conv-list-title{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.conv-list-count{color:var(--text-muted);background:#ffffff0f;border-radius:20px;padding:3px 9px;font-size:.75rem;font-weight:700}.conv-search-wrap{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:8px;margin:0 12px 10px;padding:9px 12px;transition:border-color .16s;display:flex}.conv-search-wrap:focus-within{border-color:#8a2be266}.conv-search-icon{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.conv-search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.conv-search-input::placeholder{color:var(--text-muted)}.conv-list{flex-direction:column;flex:1;gap:2px;padding:4px 8px 12px;display:flex;overflow-y:auto}.conv-list-empty{color:var(--text-muted);text-align:center;margin:32px auto 0;font-size:.82rem}@media (width<=980px){.conv-list-panel{border-right:none;border-bottom:1px solid var(--line-main)}}.msg-row{align-items:flex-end;gap:8px;max-width:68%;margin-bottom:6px;display:flex}.msg-row--own{flex-direction:row-reverse;margin-left:auto}.msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6rem;font-weight:800;display:flex}.msg-bubble-wrap{flex-direction:column;gap:3px;min-width:0;display:flex}.msg-author{color:var(--text-muted);padding-left:4px;font-size:.7rem;font-weight:600}.msg-bubble{background:#ffffff12;border-radius:18px 18px 18px 4px;flex-direction:column;gap:4px;padding:9px 13px;display:flex}.msg-bubble--own{background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:18px 18px 4px}.msg-text{color:var(--text-main);word-break:break-word;margin:0;font-size:.9rem;line-height:1.45}.msg-bubble--own .msg-text{color:#fff}.msg-time{color:#ffffff73;align-self:flex-end;font-size:.64rem}.msg-bubble:not(.msg-bubble--own) .msg-time{color:var(--text-muted)}@media (width<=980px){.msg-row{max-width:88%}}.message-stream{flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 2px 4px 0;display:flex;overflow-y:auto}.chat-window{background:var(--bg-main);flex-direction:column;min-width:0;display:flex}.cw-header{border-bottom:1px solid var(--line-main);background:#0d121be6;flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;display:flex}.cw-header__info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cw-header__name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.cw-header__status{color:var(--text-muted);font-size:.72rem}.cw-header__status--on{color:#22c55e}.cw-header__tools{flex-shrink:0;gap:4px;display:flex}.cw-tool{width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.cw-tool:hover{color:var(--text-soft);background:#ffffff0f}.cw-tool svg{width:17px;height:17px}.cw-feed{flex-direction:column;flex:1;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.cw-composer{border-top:1px solid var(--line-main);background:#0d121be6;flex-shrink:0;align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.cw-attach{width:38px;height:38px;color:var(--text-muted);background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.cw-attach:hover{color:var(--text-soft);background:#ffffff0f}.cw-attach svg{width:18px;height:18px}.cw-input{min-height:38px;max-height:120px;color:var(--text-main);resize:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.9rem;line-height:1.45;transition:border-color .16s,background .16s;overflow-y:auto}.cw-input::placeholder{color:var(--text-muted)}.cw-input:focus{background:#8a2be20a;border-color:#8a2be266}.cw-send{width:38px;height:38px;color:var(--text-muted);background:#ffffff0f;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .16s,color .16s,transform .15s;display:flex}.cw-send svg{width:17px;height:17px}.cw-send--active{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);box-shadow:0 4px 16px #ff007f4d}.cw-send--active:hover{transform:scale(1.06)}@media (width<=980px){.cw-header{padding:10px 14px}.cw-feed{padding:12px 14px}.cw-composer{padding:10px 12px}}.new-chat{flex-direction:column;gap:20px;height:100%;padding:32px;display:flex;overflow-y:auto}.view-header{align-items:center;gap:16px;display:flex}.view-header__icon{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 24px #ff007f40}.view-header__icon svg{width:24px;height:24px}.view-header__title{margin:0 0 4px;font-size:1.4rem;font-weight:800}.view-header__sub{color:var(--text-muted);margin:0;font-size:.85rem}.selected-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#c084fc;background:#8a2be21f;border:1px solid #8a2be266;border-radius:20px;align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:.82rem;font-weight:600;transition:background .16s;display:inline-flex}.chip:hover{background:#8a2be233}.chip__avatar{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;font-weight:800;display:inline-flex}.chip__remove{opacity:.7;width:14px;height:14px}.search-bar{background:var(--bg-input);border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;transition:border-color .18s;display:flex}.search-bar:focus-within{border-color:#8a2be280}.search-bar__icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.search-bar__input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:.92rem}.search-bar__input::placeholder{color:var(--text-muted)}.user-list{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.user-row{color:var(--text-main);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:background .16s,border-color .16s;display:flex}.user-row:hover{background:var(--bg-hover)}.user-row--selected{background:#8a2be21a;border-color:#8a2be24d}.user-row__avatar{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.82rem;font-weight:800;display:flex}.user-row__info{flex-direction:column;flex:1;gap:3px;display:flex}.user-row__name{font-size:.92rem;font-weight:600}.user-row__role{color:var(--text-muted);font-size:.78rem}.user-row__check{border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .16s,border-color .16s;display:flex}.user-row__check--on{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-color:#0000}.user-row__check svg{width:12px;height:12px}.new-chat__footer{border-top:1px solid var(--line-main);margin-top:auto;padding-top:12px}.start-btn{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:.96rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 28px #ff007f47}.start-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #ff007f61}.start-btn__count{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78rem;font-weight:800;display:inline-flex}.search-view{flex-direction:column;gap:20px;height:100%;padding:32px;display:flex;overflow-y:auto}.search-count{color:var(--text-muted);margin:0;font-size:.82rem}.user-cards{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.user-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;transition:background .16s;display:flex}.user-card:hover{background:#ffffff0d}.user-card__avatar-wrap{flex-shrink:0;position:relative}.user-card__avatar{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;font-size:.88rem;font-weight:800;display:flex}.user-card__dot{border:2px solid var(--bg-panel);border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.user-card__dot--online{background:var(--success)}.user-card__dot--focus{background:#f59e0b}.user-card__dot--away{background:#60a5fa}.user-card__dot--offline{background:var(--text-muted)}.user-card__info{flex-direction:column;flex:1;gap:3px;display:flex}.user-card__name{font-size:.94rem;font-weight:600}.user-card__role{color:var(--text-soft);font-size:.8rem}.user-card__status{color:var(--text-muted);font-size:.74rem}.user-card__actions{gap:8px;display:flex}.card-btn{border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:background .16s,transform .16s;display:inline-flex}.card-btn svg{width:15px;height:15px}.card-btn--ghost{color:var(--text-soft);background:0 0;border:1px solid #ffffff1f}.card-btn--ghost:hover{color:var(--text-main);background:#ffffff0f}.card-btn--accent{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border:none;box-shadow:0 4px 16px #ff007f38}.card-btn--accent:hover{transform:translateY(-1px);box-shadow:0 8px 22px #ff007f52}.notif-view{flex-direction:column;gap:20px;height:100%;padding:32px;display:flex;overflow-y:auto}.notif-badge{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-flex}.view-header__text{flex:1}.mark-read-btn{color:#c084fc;white-space:nowrap;background:0 0;border:1px solid #8a2be259;border-radius:10px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:background .16s}.mark-read-btn:hover{background:#8a2be21f}.filter-tabs{gap:6px;display:flex}.filter-tab{color:var(--text-soft);background:#ffffff0a;border:1px solid #0000;border-radius:20px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:background .16s,color .16s,border-color .16s}.notif-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.notif-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:60px 0;display:flex}.notif-empty svg{width:48px;height:48px;color:var(--success)}.notif-empty p{margin:0;font-size:1rem;font-weight:600}.notif-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;transition:background .16s;display:flex;position:relative}.notif-item:hover{background:#ffffff0d}.notif-item--unread{background:#8a2be212;border-color:#8a2be22e}.notif-item__avatar{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.78rem;font-weight:800;display:flex}.notif-item__body{flex-direction:column;flex:1;gap:4px;display:flex}.notif-item__from{font-size:.88rem;font-weight:700}.notif-item__text{color:var(--text-soft);margin:0;font-size:.82rem;line-height:1.4}.notif-item__time{color:var(--text-muted);font-size:.74rem}.notif-item__right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.unread-dot{background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:50%;flex-shrink:0;width:8px;height:8px}.notif-item__request-btns{gap:6px;display:flex}.req-btn{border-radius:8px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:background .16s}.req-btn--accept{color:var(--success);background:#51d27326;border:1px solid #51d27359}.req-btn--accept:hover{background:#51d27340}.req-btn--decline{color:var(--text-muted);background:0 0;border:1px solid #ffffff1a}.req-btn--decline:hover{color:var(--text-soft);background:#ffffff0d}.notif-item__dismiss{width:24px;height:24px;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:opacity .16s,background .16s,color .16s;display:flex}.notif-item__dismiss svg{width:12px;height:12px}.notif-item:hover .notif-item__dismiss{opacity:1}.notif-item__dismiss:hover{color:var(--text-main);background:#ffffff14}.settings-view{grid-template-columns:220px 1fr;height:100%;display:grid;overflow:hidden}.settings-sidebar{border-right:1px solid var(--line-main);flex-direction:column;gap:0;padding:28px 18px;display:flex;overflow-y:auto}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav__item{color:var(--text-soft);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;font-weight:600;transition:background .16s,color .16s,border-color .16s;display:flex}.settings-nav__item:hover{background:var(--bg-hover);color:var(--text-main)}.settings-nav__item--active{color:#c084fc;background:#8a2be21f;border-color:#8a2be24d}.section-icon{background:#ffffff0f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.section-icon svg{width:16px;height:16px}.settings-nav__item--active .section-icon{background:#8a2be233}.settings-content{padding:28px 32px;overflow-y:auto}.settings-panel{flex-direction:column;gap:20px;max-width:600px;display:flex}.panel-title{margin:0;font-size:1.25rem;font-weight:800}.panel-desc{color:var(--text-muted);margin:-12px 0 0;font-size:.85rem}.profile-preview{background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.profile-preview__avatar{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1rem;font-weight:800;display:flex}.profile-preview__info{flex-direction:column;flex:1;gap:4px;display:flex}.profile-preview__name{font-size:.96rem;font-weight:700}.profile-preview__handle{color:var(--text-muted);font-size:.8rem}.change-avatar-btn{color:var(--text-soft);background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:background .16s}.change-avatar-btn:hover{color:var(--text-main);background:#ffffff0f}.settings-fields{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.field__input{background:var(--bg-input);color:var(--text-main);border:1px solid #ffffff14;border-radius:12px;outline:none;padding:11px 14px;font-size:.92rem;transition:border-color .18s}.field__input:focus{border-color:#8a2be280}.save-btn{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border:none;border-radius:12px;align-self:flex-start;padding:12px 24px;font-size:.92rem;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 20px #ff007f40}.save-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px #ff007f59}.toggle-list{flex-direction:column;gap:4px;display:flex}.toggle-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.toggle-row__info{flex-direction:column;gap:3px;display:flex}.toggle-row__label{font-size:.9rem;font-weight:600}.toggle-row__desc{color:var(--text-muted);font-size:.78rem}.toggle{background:#ffffff1f;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle--on{background:linear-gradient(135deg,#8a2be2,#ff007f)}.toggle__knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.toggle--on .toggle__knob{transform:translate(20px)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;padding:14px;transition:background .16s;position:relative}.theme-card:hover{background:#ffffff0f}.theme-card--active{background:#8a2be214;border-color:#8a2be266}.theme-swatch{border-radius:10px;height:56px;margin-bottom:10px}.theme-swatch--purple-pulse{background:linear-gradient(135deg,#1b1026,#230f35 40%,#3d1030 100%);border:1px solid #8a2be24d}.theme-swatch--ocean-dark{background:linear-gradient(135deg,#0d1b2a,#1a2f4a,#0a2540);border:1px solid #60a5fa4d}.theme-swatch--midnight{background:linear-gradient(135deg,#0a0a0f,#111118,#1a1a2e);border:1px solid #ffffff1a}.theme-card__label{color:var(--text-soft);font-size:.82rem;font-weight:600}.theme-card--active .theme-card__label{color:var(--text-main)}.theme-card__check{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:10px;right:10px}.theme-card__check svg{width:11px;height:11px}@media (width<=860px){.settings-view{grid-template-columns:1fr}.settings-sidebar{border-right:none;border-bottom:1px solid var(--line-main)}.settings-nav{flex-direction:row;overflow-x:auto}.theme-grid{grid-template-columns:repeat(2,1fr)}}.friends-view{flex-direction:column;gap:20px;height:100%;padding:32px;display:flex;overflow-y:auto}.friends-controls{flex-direction:column;gap:12px;display:flex}.friends-filter{gap:6px;display:flex}.filter-tab{color:var(--text-soft);background:0 0;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.filter-tab:hover{color:var(--text-main);background:#ffffff0d}.filter-tab--active{color:#c084fc;background:#8a2be224;border-color:#8a2be259}.online-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px}.friends-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.friend-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:background .16s,border-color .16s;display:flex}.friend-card:hover{background:#ffffff0b;border-color:#ffffff1a}.friend-card__avatar-wrap{flex-shrink:0;position:relative}.friend-card__avatar{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:.85rem;font-weight:800;display:flex}.presence-dot{border:2px solid var(--bg-main,#0d1018);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.presence-dot--online{background:#22c55e}.presence-dot--away{background:#f59e0b}.presence-dot--offline{background:#6b7280}.friend-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-card__name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.friend-card__handle{color:var(--text-muted);font-size:.76rem}.friend-card__role{color:var(--text-soft);font-size:.78rem}.friend-card__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.friend-card__mutual{color:var(--text-muted);font-size:.72rem}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.status-badge--online{color:#22c55e;background:#22c55e26}.status-badge--away{color:#f59e0b;background:#f59e0b26}.status-badge--offline{color:#9ca3af;background:#6b728026}.friend-card__actions{flex-shrink:0;gap:6px;display:flex}.friend-action{width:36px;height:36px;color:var(--text-muted);background:0 0;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;transition:background .16s,color .16s,border-color .16s;display:flex}.friend-action:hover{color:var(--text-main);background:#ffffff12}.friend-action--msg:hover{color:#c084fc;background:#8a2be226;border-color:#8a2be259}.friend-action svg{width:16px;height:16px}.empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state svg{opacity:.35;width:48px;height:48px}.empty-state p{margin:0;font-size:.9rem}.add-friend-view{flex-direction:column;gap:24px;height:100%;padding:32px;display:flex;overflow-y:auto}.add-section{flex-direction:column;gap:12px;display:flex}.add-section__title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:700;display:flex}.add-section__title svg{color:#c084fc;width:15px;height:15px}.pending-list{flex-direction:column;gap:6px;display:flex}.pending-card{background:#ff9e000a;border:1px solid #ff9e0026;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex}.pending-card__avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.8rem;font-weight:800;display:flex}.pending-card__info{flex-direction:column;flex:1;gap:2px;display:flex}.pending-card__name{color:var(--text-main);font-size:.9rem;font-weight:600}.pending-card__handle{color:var(--text-muted);font-size:.76rem}.pending-card__right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.pending-card__time{color:var(--text-muted);font-size:.72rem}.pending-cancel-btn{color:var(--text-soft);background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:5px 12px;font-size:.76rem;font-weight:600;transition:background .16s,color .16s}.pending-cancel-btn:hover{color:var(--text-main);background:#ffffff12}.suggestions-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.suggestion-card{text-align:center;background:#ffffff06;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;transition:background .16s,border-color .16s;display:flex}.suggestion-card:hover{background:#ffffff0d;border-color:#ffffff1f}.suggestion-card__avatar{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 6px 18px #0000004d}.suggestion-card__info{flex-direction:column;gap:3px;display:flex}.suggestion-card__name{color:var(--text-main);font-size:.92rem;font-weight:700}.suggestion-card__handle{color:var(--text-muted);font-size:.75rem}.suggestion-card__role{color:var(--text-soft);margin-top:2px;font-size:.78rem}.suggestion-card__mutual{color:#c084fc;margin-top:2px;font-size:.72rem}.add-btn{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border:none;border-radius:10px;align-items:center;gap:6px;margin-top:4px;padding:9px 18px;font-size:.82rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 6px 18px #ff007f40}.add-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #ff007f59}.add-btn--sent{color:#c084fc;box-shadow:none;background:#8a2be226;border:1px solid #8a2be259}.add-btn--sent:hover{box-shadow:none;background:#8a2be238;transform:none}.add-btn svg{width:14px;height:14px}.profile-view{flex-direction:column;height:100%;display:flex;overflow-y:auto}.profile-hero{flex-shrink:0;position:relative}.profile-hero__cover{background:linear-gradient(135deg,#8a2be273,#ff007f4d);border-bottom:1px solid #ffffff0f;height:100px}.profile-hero__body{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:-36px;padding:0 32px 24px;display:flex}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{color:#fff;border:3px solid var(--bg-main,#0d1018);background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 10px 32px #ff007f4d}.profile-status-dot{border:2.5px solid var(--bg-main,#0d1018);background:#22c55e;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.profile-hero__info{flex-direction:column;flex:1;gap:4px;padding-top:36px;display:flex}.profile-name{margin:0;font-size:1.4rem;font-weight:800}.profile-handle{color:#c084fc;font-size:.85rem;font-weight:600}.profile-role{color:var(--text-soft);font-size:.82rem}.profile-edit-input{color:var(--text-main);background:#ffffff12;border:1px solid #8a2be266;border-radius:10px;outline:none;width:100%;max-width:280px;padding:6px 12px;font-size:.9rem;transition:border-color .16s}.profile-edit-input--name{font-size:1.2rem;font-weight:700}.profile-edit-input--handle{color:#c084fc}.profile-edit-input:focus{border-color:#8a2be2b3}.profile-edit-textarea{width:100%;color:var(--text-main);resize:vertical;box-sizing:border-box;background:#ffffff0d;border:1px solid #8a2be259;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;line-height:1.6;transition:border-color .16s}.profile-edit-textarea:focus{border-color:#8a2be299}.profile-edit-btn{color:var(--text-soft);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-self:flex-start;align-items:center;gap:7px;margin-top:40px;margin-left:auto;padding:10px 18px;font-size:.85rem;font-weight:600;transition:background .16s,color .16s;display:inline-flex}.profile-edit-btn:hover{color:var(--text-main);background:#ffffff17}.profile-edit-btn--save{color:#fff;background:linear-gradient(135deg,#8a2be2,#ff007f);border-color:#0000;box-shadow:0 6px 18px #ff007f4d}.profile-edit-btn--save:hover{color:#fff;background:linear-gradient(135deg,#9d3df0,#ff1a8c)}.profile-edit-btn svg{width:15px;height:15px}.profile-stats{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;gap:0;display:flex}.profile-stat{border-right:1px solid #ffffff0f;flex-direction:column;flex:1;align-items:center;gap:3px;padding:16px;display:flex}.profile-stat:last-child{border-right:none}.profile-stat__value{background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.profile-stat__label{color:var(--text-muted);font-size:.72rem;font-weight:600}.profile-content{flex-direction:column;gap:0;padding:24px 32px;display:flex;overflow-y:auto}.profile-section{border-bottom:1px solid #ffffff0d;padding:20px 0}.profile-section:last-child{border-bottom:none}.profile-section__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-size:.8rem;font-weight:700}.profile-bio{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.65}.profile-contact-list{flex-direction:column;gap:10px;display:flex}.contact-row{align-items:center;gap:12px;display:flex}.contact-row__icon{color:#c084fc;background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.contact-row__icon svg{width:16px;height:16px}.contact-row__value{color:var(--text-soft);font-size:.88rem}.presence-badge{color:#22c55e;background:#22c55e26;border-radius:20px;margin-left:auto;padding:3px 10px;font-size:.72rem;font-weight:700}.activity-list{flex-direction:column;gap:14px;display:flex}.activity-item{align-items:flex-start;gap:12px;display:flex}.activity-item__dot{background:linear-gradient(135deg,#8a2be2,#ff007f);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-item__body{flex-direction:column;gap:2px;display:flex}.activity-item__text{color:var(--text-soft);margin:0;font-size:.85rem;line-height:1.5}.activity-item__time{color:var(--text-muted);font-size:.72rem}.chat-page{height:100svh;padding:12px;overflow:hidden}.chat-shell{max-width:1680px;height:calc(100svh - 24px);box-shadow:var(--shadow-main);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090c1285;border:1px solid #ffffff1a;border-radius:28px;grid-template-columns:118px 390px minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.chat-shell--single{grid-template-columns:118px minmax(0,1fr)}.chat-shell>*{min-height:100%;max-height:100%;overflow:hidden}@media (width<=1280px){.chat-shell{grid-template-columns:104px 320px minmax(0,1fr)}.chat-shell--single{grid-template-columns:104px minmax(0,1fr)}}@media (width<=980px){.chat-page{padding:10px}.chat-shell,.chat-shell--single{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:calc(100svh - 20px)}}