@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap";.login-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-card{width:100%;max-width:420px;padding:40px 32px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.login-brand{font-size:36px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.login-header p{font-size:15px;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:16px}.form-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:50px;color:var(--danger-color);font-size:13px;font-weight:500;animation:fadeIn .3s ease}.form-error .fa-exclamation-triangle{font-size:14px;flex-shrink:0}.form-error span{line-height:1.4}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-left:20px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:20px;font-size:16px;color:var(--text-disabled);pointer-events:none;display:flex;align-items:center;z-index:1;transition:opacity .3s ease}.input-wrapper input{width:100%;padding:16px 50px;background:var(--input-bg);border:1px solid var(--btn-border);border-radius:50px;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif;outline:none;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-wrapper input::placeholder{color:var(--text-disabled);transition:opacity .3s ease}.input-wrapper input:focus{border-color:var(--accent-border);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--accent-bg)}.input-wrapper input:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05;border-color:#ffffff0a}.input-wrapper input:disabled::placeholder{opacity:.3}.input-wrapper input:disabled~.input-icon{opacity:.3}.toggle-password{position:absolute;right:20px;background:none;border:none;color:var(--text-disabled);cursor:pointer;font-size:16px;padding:4px;display:flex;align-items:center;transition:all .3s ease;z-index:1}.toggle-password:hover:not(:disabled){color:var(--text-muted)}.toggle-password:disabled{opacity:.3;cursor:not-allowed}.submit-btn{width:100%;padding:16px;background:var(--accent-color);border:1px solid transparent;border-radius:50px;color:#fff;font-size:16px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;letter-spacing:.2px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-tap-highlight-color:transparent}.submit-btn.loading{background:#ffffff0f;border-color:#ffffff14;cursor:not-allowed;pointer-events:none;opacity:.7}.submit-btn:hover:not(.loading){background:color-mix(in srgb,var(--accent-color) 90%,white)}.submit-btn:active:not(.loading){transform:scale(.99)}.submit-btn:disabled{opacity:1}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.mode-switcher{display:flex;background:var(--input-bg);border:1px solid var(--btn-border);border-radius:50px;padding:3px;margin-bottom:24px;max-width:280px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;transition:opacity .3s ease}.mode-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:var(--accent-color);border-radius:50px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease}.mode-slider.right{transform:translate(100%)}.mode-slider.disabled{background:var(--text-disabled)}.mode-btn{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:50px;color:var(--text-muted);font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;-webkit-tap-highlight-color:transparent}.mode-btn.active{color:#fff}.mode-btn:hover:not(.active):not(:disabled){color:var(--text-primary)}.mode-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--text-disabled);pointer-events:none}.mode-btn.active:disabled{color:#ffffff80}.form-wrapper{position:relative;overflow:hidden}.form-slide{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.register-link{text-align:center;margin-top:32px;font-size:14px;color:var(--text-muted)}.register-link a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease;margin-left:4px}.register-link a:hover{color:var(--accent-light)}@media (min-width: 1440px){.login-card{max-width:460px;padding:48px 40px}.login-brand{font-size:40px}}@media (max-width: 1439px) and (min-width: 1024px){.login-card{max-width:420px;padding:40px 32px}}@media (max-width: 1023px) and (min-width: 768px){.login-card{max-width:400px;padding:36px 28px}.login-brand{font-size:34px}}@media (max-width: 767px) and (min-width: 481px){.login-container{padding:16px;align-items:center}.login-card{max-width:100%;padding:32px 28px}.login-brand{font-size:32px}.login-header{margin-bottom:32px}.login-header p{font-size:14px}}@media (max-width: 480px){.login-container{padding:12px;padding-top:max(40px,env(safe-area-inset-top,40px));padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.login-card{max-width:100%;padding:28px 20px}.login-header{margin-bottom:28px}.login-brand{font-size:30px;margin-bottom:8px}.login-header p{font-size:13px}.input-group label{font-size:12px;margin-left:16px}.input-wrapper input{padding:10px 40px;font-size:14px;border-radius:50px}.input-icon{left:16px;font-size:13px}.toggle-password{right:16px;font-size:13px}.mode-switcher{max-width:260px;margin-bottom:20px}.mode-btn{padding:7px 12px;font-size:12px}.submit-btn{padding:10px;font-size:14px;margin-top:6px}.login-form{gap:12px}}@media (max-width: 360px){.login-card{padding:24px 16px}.login-brand{font-size:26px}.input-wrapper input{padding:9px 36px;font-size:13px}.input-icon{left:14px;font-size:12px}.toggle-password{right:14px;font-size:12px}.submit-btn{padding:9px;font-size:13px}.mode-switcher{max-width:240px}.mode-btn{padding:6px 10px;font-size:11px}.login-form{gap:10px}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 500px){.login-container{align-items:flex-start;padding-top:16px;padding-bottom:16px}.login-card{padding:20px 28px;max-width:480px}.login-header{margin-bottom:20px}.login-brand{font-size:26px;margin-bottom:6px}.login-form{gap:12px}.input-wrapper input{padding:12px 46px;font-size:14px}.submit-btn{padding:13px;font-size:14px;margin-top:4px}.mode-switcher{margin-bottom:16px}input,textarea,select{font-size:16px!important}}.landing-container{min-height:100vh;background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary)}.landing-nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:calc(100% - 64px);padding:12px 24px;margin:16px auto;border-radius:50px;position:sticky;top:16px;z-index:100;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border)}.landing-logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.landing-nav-actions{display:flex;align-items:center;gap:12px}.nav-link{color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.nav-btn{padding:7px 18px;background:var(--accent-color);border-radius:50px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s ease}.nav-btn:hover{background:var(--accent-light)}.hero{padding:80px 32px 60px;text-align:center;max-width:600px;margin:0 auto}.hero-content{animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:40px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.8px;line-height:1.2}.hero-desc{font-size:16px;color:var(--text-muted);line-height:1.6;margin:0 0 32px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;font-family:Inter,sans-serif}.hero-btn.primary{background:var(--accent-color);color:#fff}.hero-btn.primary:hover{background:var(--accent-light)}.hero-btn.secondary{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--btn-border)}.hero-btn.secondary:hover{background:var(--btn-hover-bg)}.features{padding:60px 32px;max-width:900px;margin:0 auto}.section-title{font-size:28px;font-weight:700;color:#fff;text-align:center;margin:0 0 40px;letter-spacing:-.5px}.features-slider,.story-slider{display:flex;align-items:center;gap:12px}.features-grid-wrapper,.story-card-wrapper{flex:1;overflow:hidden}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;animation:fadeSlide .4s ease}@keyframes fadeSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.feature-card{padding:24px 20px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.feature-card:hover{background:var(--panel-hover);border-color:var(--accent-border)}.feature-icon{width:40px;height:40px;border-radius:12px;background:var(--accent-bg);color:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px}.feature-card h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.feature-card p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.slider-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;flex-shrink:0;font-family:Inter,sans-serif}.slider-arrow:hover:not(:disabled){background:var(--btn-hover-bg);color:var(--text-primary);border-color:var(--btn-hover-border)}.slider-arrow:disabled{opacity:.3;cursor:not-allowed}.slider-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.slider-dot{width:6px;height:6px;border-radius:50%;border:none;background:var(--btn-border);cursor:pointer;padding:0;transition:all .3s ease}.slider-dot.active{background:var(--accent-color);width:20px;border-radius:3px}.slider-dot:hover:not(.active){background:var(--text-disabled)}.story{padding:60px 32px;max-width:700px;margin:0 auto}.story-content{text-align:center}.story-icon{width:48px;height:48px;border-radius:14px;background:var(--accent-bg);color:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 20px;transition:all .4s ease}.story .section-title{margin-bottom:32px}.story-card{padding:24px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left}.story-card-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px}.story-text{display:flex;flex-direction:column;gap:12px}.story-text p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.story-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.story-link:hover{color:var(--accent-light)}.tech-stack{display:flex;flex-direction:column;gap:8px}.tech-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--input-bg);border:1px solid var(--btn-border);border-radius:12px;transition:all .2s ease}.tech-item:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.tech-icon{width:20px!important;height:20px!important;font-size:16px!important;color:var(--accent-light);flex-shrink:0}.tech-info{display:flex;flex-direction:column;gap:1px}.tech-name{font-size:13px;font-weight:600;color:#fff}.tech-desc{font-size:11px;color:var(--text-muted)}.story-author{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-bg);color:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:1px}.author-name{font-size:14px;font-weight:600;color:#fff}.author-role{font-size:12px;color:var(--text-muted)}.cta{padding:60px 32px;text-align:center;max-width:500px;margin:0 auto}.cta h3{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.cta p{font-size:15px;color:var(--text-muted);margin:0 0 24px}.landing-footer{padding:24px 32px;text-align:center;border-top:1px solid var(--panel-border)}.landing-footer p{font-size:12px;color:var(--text-disabled);margin:0}@media (max-width: 768px){.landing-nav{padding:12px 20px}.landing-logo{font-size:18px}.hero{padding:60px 20px 40px}.hero-title{font-size:32px}.hero-desc{font-size:14px}.hero-btn{padding:10px 24px;font-size:13px}.section-title{font-size:24px;margin-bottom:32px}.features{padding:40px 20px}.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{padding:20px 16px}.feature-icon{width:36px;height:36px;font-size:16px;margin-bottom:12px}.feature-card h4{font-size:15px}.feature-card p{font-size:12px}.slider-arrow-desktop{display:none}.story{padding:40px 20px}.story-card{padding:20px}.cta{padding:40px 20px}.cta h3{font-size:24px}.cta p{font-size:14px}}@media (max-width: 480px){.landing-nav{padding:10px 16px}.nav-link{font-size:12px}.nav-btn{padding:6px 14px;font-size:12px}.hero{padding:40px 16px 32px}.hero-title{font-size:26px}.hero-desc{font-size:13px}.hero-actions{flex-direction:column;align-items:center}.hero-btn{width:100%;justify-content:center;padding:10px 20px;font-size:13px}.section-title{font-size:22px;margin-bottom:24px}.features{padding:32px 16px}.features-grid{grid-template-columns:1fr;gap:10px}.feature-card{padding:16px}.feature-icon{width:32px;height:32px;font-size:14px;border-radius:10px}.feature-card h4{font-size:14px}.feature-card p{font-size:12px}.slider-dots{gap:4px;margin-top:12px}.slider-dot{width:5px;height:5px}.slider-dot.active{width:16px}.story{padding:32px 16px}.story-icon{width:40px;height:40px;font-size:18px;border-radius:12px;margin-bottom:16px}.story-card{padding:16px}.story-card-title{font-size:16px;margin-bottom:12px}.story-text p{font-size:13px}.tech-item{padding:8px 12px;gap:10px}.tech-icon{font-size:14px!important}.tech-name{font-size:12px}.tech-desc{font-size:10px}.story-author{margin-top:20px}.author-avatar{width:36px;height:36px;font-size:14px}.author-name{font-size:13px}.author-role{font-size:11px}.cta{padding:32px 16px}.cta h3{font-size:22px}.cta p{font-size:13px;margin-bottom:20px}.landing-footer{padding:20px 16px}.landing-footer p{font-size:11px}}.features-desktop{display:block}.features-mobile{display:none}@media (max-width: 768px){.features-desktop{display:none}.features-mobile{display:flex}}@media (max-width: 768px){.landing-nav{width:calc(100% - 40px);margin:12px auto;padding:10px 20px}}@media (max-width: 480px){.landing-nav{width:calc(100% - 24px);margin:8px auto;padding:8px 16px}}.container{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:row;background-color:var(--background);overflow:hidden}.left-panel{max-width:450px;width:380px;height:calc(100vh - 16px);height:calc(100dvh - 16px);overflow:hidden;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;margin:8px;display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.chat-panel{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;min-height:68px;flex-shrink:0;position:sticky;top:0;z-index:20;background:var(--header-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--header-border);transition:all .4s cubic-bezier(.4,0,.2,1)}.header.scrolled{background:var(--header-scrolled-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--header-scrolled-border);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;flex-shrink:0;z-index:10;position:relative;width:44px;height:44px}.header-center{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;padding:0 12px}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;z-index:10;position:relative;width:80px;height:44px;justify-content:flex-end}.dropdown{position:relative;display:inline-block}.dropdown-trigger{background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;transition:all .2s ease;font-family:Inter,sans-serif}.dropdown-trigger:hover{background:var(--panel-hover)}.dropdown-trigger h2{font-size:20px;font-weight:600;letter-spacing:-.3px;margin:0}.dropdown-chevron{font-size:14px;color:var(--text-muted);transition:transform .3s ease}.dropdown-chevron.open{transform:rotate(180deg)}.archive-title-center{font-size:20px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary);white-space:nowrap}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-8px);min-width:200px;background:var(--dropdown-bg);border:1px solid var(--panel-border);border-radius:12px;padding:6px;opacity:0;visibility:hidden;transition:all .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0009;z-index:1000}.dropdown-menu.open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.plus-menu{left:auto;right:0;transform:translateY(-8px)}.plus-menu.open{transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:Inter,sans-serif;text-align:left;position:relative}.dropdown-item:hover{background:var(--panel-hover);color:var(--text-primary)}.dropdown-item:active{transform:scale(.97)}.dropdown-item:not(:last-child){border-bottom:1px solid var(--panel-border)}.dropdown-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0a;flex-shrink:0}.dropdown-item:hover .dropdown-icon-wrap{background:#ffffff14}.dropdown-item svg{font-size:15px;color:var(--text-muted)}.dropdown-item:hover svg{color:var(--text-primary)}.dropdown-text{flex:1}.dropdown-badge{background:#4f46e526;color:#818cf8;font-size:11px;font-weight:600;padding:2px 10px;border-radius:20px;border:1px solid rgba(79,70,229,.1)}.header-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:1}.header-btn:hover{background:var(--btn-hover-bg);color:var(--text-primary);border-color:var(--btn-hover-border)}.header-btn.btn-hidden{opacity:0;transform:translateY(-50%) scale(.8);pointer-events:none}.header-btn.btn-visible{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.circle-btn{width:80px;height:44px;border-radius:50px;border:1px solid var(--btn-border);background:var(--btn-bg);cursor:default;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:visible;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1}.circle-btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.circle-half{width:50%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:17px;cursor:pointer;transition:all .2s ease;position:relative}.circle-half:first-child{border-radius:50px 0 0 50px}.circle-half:last-child{border-radius:0 50px 50px 0}.circle-half:hover{background:var(--btn-hover-bg);color:var(--text-primary)}.circle-divider{width:1px;height:60%;background:var(--btn-border);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-actions-btn{width:80px;height:44px;border-radius:50px;border:1px solid var(--btn-border);background:var(--btn-bg);display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none}.edit-actions-btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.edit-actions-btn.btn-visible{opacity:1;pointer-events:auto}.action-half{width:50%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:17px;cursor:pointer;transition:all .2s ease;border:none;background:none}.action-half:first-child{border-radius:50px 0 0 50px}.action-half:last-child{border-radius:0 50px 50px 0}.action-half:hover{background:var(--btn-hover-bg);color:var(--text-primary)}.action-half.no-selected{opacity:.3;cursor:default;pointer-events:none}.archive-search-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-muted);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none}.archive-search-btn:hover{background:var(--btn-hover-bg);color:var(--text-primary);border-color:var(--btn-hover-border)}.archive-search-btn.btn-visible{opacity:1;pointer-events:auto}.header--search-active{gap:10px}.header-search-inline{flex:1;display:flex;align-items:center;gap:10px;background:var(--input-bg);border:1.5px solid var(--input-focus-border);border-radius:50px;padding:8px 16px;box-shadow:0 0 0 3px var(--accent-bg);transition:all .2s ease}.header-search-icon{color:var(--accent-color);font-size:14px;flex-shrink:0}.header-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif}.header-search-input::placeholder{color:var(--text-disabled)}.header-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.header-search-clear:hover{color:var(--text-primary);background:#ffffff14}.archive-inline-search{padding:0 16px;max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.archive-inline-search.open{max-height:60px;padding:10px 16px;border-bottom:1px solid var(--panel-border)}.archive-search-input{width:100%;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:50px;padding:10px 16px;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif;outline:none;transition:all .2s ease}.archive-search-input::placeholder{color:var(--text-disabled)}.archive-search-input:focus{border-color:var(--input-focus-border);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--accent-bg)}.search-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--search-panel-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:30;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.search-panel.active{opacity:1;visibility:visible;transform:translateY(0)}.search-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--panel-border);flex-shrink:0}.search-input-field{flex:1;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:50px;padding:10px 18px;color:var(--text-primary);font-size:16px;font-family:Inter,sans-serif;outline:none;transition:all .2s ease}.search-input-field::placeholder{color:var(--text-disabled)}.search-input-field:focus{border-color:var(--input-focus-border);background:var(--input-focus-bg)}.search-close-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-border);background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.search-close-btn:hover{background:var(--panel-hover);color:var(--text-primary)}.search-results{flex:1;overflow-y:auto;padding:20px}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-disabled);gap:12px}.search-empty-icon{font-size:48px;opacity:.3}.search-empty p{font-size:14px}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.search-result-item:hover{background:#ffffff0a}.search-result-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-name{color:var(--text-primary);font-size:14px;font-weight:500}.search-result-message{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list{flex:1;overflow-y:auto;padding:8px 12px 12px;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.chat-list::-webkit-scrollbar{width:4px}.chat-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px;margin:4px 0}.chat-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;min-height:30px}.chat-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.archive-chat-list{flex:1;overflow-y:auto;padding:8px 12px 12px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.archive-chat-list::-webkit-scrollbar{width:4px}.archive-chat-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}.archive-chat-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;min-height:30px}.archive-chat-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes chatAppear{0%{opacity:0;transform:translateY(24px) scale(.92)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-item{display:flex;align-items:center;gap:14px;padding:12px 14px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;background:var(--chat-item-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;margin-bottom:2px;opacity:1}.chat-item:hover{background:var(--chat-item-hover-bg)}.chat-item:active{transform:scale(.98)}.chat-item:after{content:"";position:absolute;bottom:0;left:76px;right:0;height:1px;background:var(--chat-item-divider)}.chat-item:last-child:after{display:none}.chat-item.appear{animation:chatAppear .45s cubic-bezier(.34,1.56,.64,1) both}.chat-item.shifted{padding-left:4px}.chat-item.appear:nth-child(1){animation-delay:50ms}.chat-item.appear:nth-child(2){animation-delay:80ms}.chat-item.appear:nth-child(3){animation-delay:.11s}.chat-item.appear:nth-child(4){animation-delay:.14s}.chat-item.appear:nth-child(5){animation-delay:.17s}.chat-item.appear:nth-child(6){animation-delay:.2s}.chat-item.appear:nth-child(7){animation-delay:.23s}.chat-item.appear:nth-child(8){animation-delay:.26s}.chat-item.appear:nth-child(9){animation-delay:.29s}.chat-item.appear:nth-child(10){animation-delay:.32s}.chat-item.appear:nth-child(11){animation-delay:.35s}.chat-item.appear:nth-child(12){animation-delay:.38s}.chat-item.appear:nth-child(13){animation-delay:.41s}.chat-item.appear:nth-child(14){animation-delay:.44s}.chat-item.appear:nth-child(15){animation-delay:.47s}.chat-item.appear:nth-child(16){animation-delay:.5s}.chat-item.appear:nth-child(17){animation-delay:.53s}.chat-item.appear:nth-child(18){animation-delay:.56s}.chat-item.appear:nth-child(19){animation-delay:.59s}.chat-item.appear:nth-child(20){animation-delay:.62s}.chat-item.appear:nth-child(21){animation-delay:.65s}.chat-item.appear:nth-child(22){animation-delay:.68s}.chat-item.appear:nth-child(23){animation-delay:.71s}.archive-folder{background:#ffffff08!important}.archive-folder:hover{background:#ffffff0f!important}.archive-avatar{background:#ffffff14!important;color:var(--text-muted);font-size:22px}.chat-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;flex-shrink:0;-webkit-user-select:none;user-select:none}.chat-avatar-img,.search-result-avatar-img{object-fit:cover;background:transparent;font-size:0}.chat-view-avatar-img{object-fit:cover;background:transparent;cursor:pointer}.chat-avatar-wrap{position:relative;flex-shrink:0}.chat-online-dot{position:absolute;bottom:1px;right:1px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2px solid var(--left-panel-bg, #0f0f1a);pointer-events:none}body.light-theme .chat-online-dot{border-color:#f0f0f5}.chat-typing-preview{display:flex;align-items:center;gap:5px;color:var(--accent-color);font-size:13px;font-style:italic}.chat-typing-dots{display:flex;align-items:center;gap:3px}.chat-typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--accent-color);animation:typingBounce 1.2s ease-in-out infinite}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.chat-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.chat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-name{color:var(--text-primary);font-size:15px;font-weight:500;letter-spacing:-.2px;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item:hover .chat-name{color:var(--accent-color)}.chat-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-time{color:var(--text-disabled);font-size:12px;font-weight:400;white-space:nowrap}.chat-item:hover .chat-time{color:var(--text-muted)}.chat-status{display:flex;align-items:center;justify-content:center;font-size:16px;min-width:20px}.status-read{color:#4f8cf7}.status-delivered,.status-sent{color:#a1a1aa}.unread-badge{background:var(--accent-color);color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;padding:0 7px;border-radius:10px;display:flex;align-items:center;justify-content:center}.chat-bottom{display:flex;align-items:center}.chat-message{color:var(--text-muted);font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.chat-item:hover .chat-message{color:var(--text-secondary)}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.chat-checkbox{width:24px;height:24px;display:none;align-items:center;justify-content:center;flex-shrink:0;margin-right:4px;color:var(--text-disabled);font-size:22px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:scale(0) rotate(-30deg) translate(-20px);position:relative;pointer-events:none}.chat-checkbox.show{opacity:1;display:flex;transform:scale(1) rotate(0) translate(0);pointer-events:auto}.chat-checkbox-icon{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.chat-checkbox-icon.unchecked{color:var(--text-disabled);transform:scale(1)}.chat-checkbox-icon.checked{color:var(--accent-color);transform:scale(1.1);animation:checkBounce .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--confirm-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.confirm-overlay.active{display:flex;animation:fadeIn .3s ease}.confirm-modal{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;padding:28px;max-width:400px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s ease;text-align:center}.confirm-title{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.confirm-title-icon{color:var(--danger-color);font-size:22px}.confirm-subtitle{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-cancel{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text-secondary);padding:10px 20px;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;flex:1}.confirm-cancel:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.confirm-delete{background:var(--danger-color);border:none;color:#fff;padding:10px 20px;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;flex:1}.confirm-delete:hover{background:var(--danger-hover);transform:scale(1.02)}.confirm-delete:active{transform:scale(.95)}.undo-notification{position:absolute;bottom:76px;left:50%;transform:translate(-50%) translateY(20px);background:var(--undo-bg);border:1px solid var(--panel-border);border-radius:40px;padding:6px 12px 6px 6px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;display:none;min-width:200px;max-width:90%;box-shadow:var(--shadow-md);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.undo-notification.active{display:block;opacity:1;transform:translate(-50%) translateY(0)}.undo-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.undo-timer{position:relative;width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.timer-svg{width:32px;height:32px;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:var(--btn-border);stroke-width:2.5}.timer-progress{fill:none;stroke:var(--accent-color);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:81.68;stroke-dashoffset:0;transition:stroke-dashoffset .3s ease}.timer-number{position:absolute;font-size:12px;font-weight:600;color:var(--text-primary)}.undo-text{color:var(--text-secondary);font-size:12px;font-weight:400;flex:1;white-space:nowrap}.undo-btn{background:none;border:none;color:#818cf8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;white-space:nowrap;padding:2px 10px;border-radius:50px}.undo-btn:hover{background:var(--accent-bg);color:var(--accent-light)}.bottom-nav{display:flex;align-items:center;justify-content:center;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));flex-shrink:0;position:relative;z-index:30}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-disabled);cursor:pointer;padding:8px 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;flex:1;position:relative;-webkit-tap-highlight-color:transparent;outline:none;min-height:52px;border-radius:50px}.nav-icon-wrapper{position:relative;width:44px;height:32px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item svg{font-size:22px;transition:all .3s ease}.bottom-nav-item span{font-size:10px;font-weight:500;letter-spacing:.2px;line-height:1;transition:all .3s ease}.bottom-nav-item.active{color:var(--bottom-nav-active-color);background:var(--bottom-nav-active-bg)}.bottom-nav-item.active .nav-icon-wrapper{transform:scale(1.05)}.settings-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--settings-panel-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:25;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate(30px);transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-panel.active{opacity:1;visibility:visible;transform:translate(0)}.settings-header{padding:28px 20px 16px;border-bottom:1px solid var(--panel-border);flex-shrink:0}.settings-header h3{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.settings-scroll{flex:1;overflow-y:auto;padding:16px 12px}.settings-list{padding:0}.settings-profile-item{padding:8px 16px;margin-bottom:6px}.settings-profile-item .settings-icon-wrapper{width:48px;height:48px;padding:0;background:transparent;overflow:visible;border-radius:50%}.settings-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.settings-item{display:flex;align-items:center;gap:14px;width:100%;padding:10px 16px;background:var(--settings-item-bg);border:none;border-radius:50px;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;text-align:left;margin-bottom:6px}.settings-item:hover{background:var(--settings-item-hover-bg);color:var(--text-primary)}.settings-item:active{transform:scale(.98)}.settings-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;background:var(--settings-icon-bg);flex-shrink:0}.settings-icon-wrapper svg{font-size:18px;color:var(--text-muted);transition:all .2s ease}.settings-item:hover .settings-icon-wrapper svg{color:var(--text-primary)}.settings-text-wrap{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.settings-profile-name{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.2}.settings-profile-phone{font-size:12px;color:var(--text-muted);line-height:1.2}.settings-text-label{flex:1}.settings-profile-edit-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text-muted);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.settings-profile-edit-btn:hover{background:var(--btn-hover-bg);color:var(--text-primary);border-color:var(--btn-hover-border)}.settings-divider{height:1px;background:var(--panel-border);margin:4px 16px 12px}.settings-arrow{font-size:14px;color:var(--text-disabled);transition:all .2s ease}.settings-item:hover .settings-arrow{color:var(--text-muted)}.right-panel{flex:1;min-width:0;height:calc(100vh - 16px);height:calc(100dvh - 16px);overflow:hidden;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;margin:8px 8px 8px 0;display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-disabled);gap:12px;animation:fadeIn .4s ease}.placeholder-icon{font-size:64px;opacity:.15;margin-bottom:8px;color:var(--text-muted)}.chat-placeholder h3{color:var(--text-primary);font-size:18px;font-weight:600}.chat-placeholder p{color:var(--text-muted);font-size:14px;text-align:center;line-height:1.5}.chat-view{flex:1;display:flex;flex-direction:column;background:transparent;min-height:0;overflow:hidden;position:relative}.chat-back-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-back-btn:hover{background:#ffffff1a;color:var(--text-primary)}body.light-theme .chat-back-btn:hover{background:#0000000d}.chat-view-avatar{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.chat-view-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;cursor:pointer}.chat-view-name{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:-.2px}.chat-view-status{color:var(--text-muted);font-size:12px}.chat-view-actions{display:flex;gap:4px;flex-shrink:0}.chat-action-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-action-btn:hover{background:#ffffff1a;color:var(--text-primary)}body.light-theme .chat-action-btn:hover{background:#0000000d}@keyframes messageIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.messages-area{flex:1;overflow-y:auto;padding:20px 20px 16px;display:flex;flex-direction:column;gap:8px;background-size:cover;background-position:center;background-attachment:local;transition:background .5s ease;position:relative;min-height:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,.3) 20px,rgba(0,0,0,.7) 45px,black 80px);mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,.3) 20px,rgba(0,0,0,.7) 45px,black 80px)}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.message-bubble{max-width:65%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word;animation:messageIn .3s ease;display:flex;align-items:flex-end;gap:6px}.msg-text{flex:1}.msg-tick{font-size:11px;opacity:.6;flex-shrink:0;color:#ffffffb3;margin-bottom:1px}.msg-tick--read{opacity:1;color:#a5f3fc}.typing-indicator{color:var(--accent-color);font-style:italic;animation:typingPulse 1.5s ease-in-out infinite}@keyframes typingPulse{0%,to{opacity:1}50%{opacity:.5}}.message-sent{background:var(--accent-color);color:#fff;align-self:flex-end;border-bottom-right-radius:6px;margin-left:auto;box-shadow:0 2px 8px #818cf840}.message-received{background:var(--message-received-bg, rgba(255,255,255,.1));color:var(--message-received-color, var(--text-primary));align-self:flex-start;border-bottom-left-radius:6px;border:1px solid var(--message-received-border, rgba(255,255,255,.15))}body.light-theme .message-received{background:#ffffffd9;border:1px solid rgba(0,0,0,.06);color:#1a1a2e}.message-input-area{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--panel-border);flex-shrink:0;position:relative;z-index:2;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.input-wrapper-chat{flex:1;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:50px;padding:0 16px;transition:all .2s ease}.input-wrapper-chat:focus-within{border-color:var(--input-focus-border);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--accent-bg)}.message-input{width:100%;background:none;border:none;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif;padding:12px 0;outline:none}.message-input::placeholder{color:var(--text-disabled)}.send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--accent-color);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-btn:hover{background:var(--accent-light);transform:scale(1.05)}.send-btn:active{transform:scale(.92)}.help-panel{flex:1;display:flex;flex-direction:column;min-height:0;background:transparent}.help-view-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--panel-border);flex-shrink:0;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px 12px 0 0}.help-back-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.help-back-btn:hover{background:var(--btn-hover-bg);color:var(--text-primary);border-color:var(--btn-hover-border)}.help-view-name{color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.2px;flex:1}.help-content{flex:1;overflow-y:auto;padding:16px 20px}.help-faq{display:flex;flex-direction:column;gap:8px}.help-faq-item{background:var(--settings-item-bg);border-radius:16px;overflow:hidden;transition:all .2s ease}.help-faq-item:hover{background:var(--settings-item-hover-bg)}.help-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;text-align:left;gap:12px}.help-faq-question:hover{color:var(--accent-light)}.help-faq-arrow{font-size:12px;color:var(--text-disabled);transition:transform .2s ease;flex-shrink:0}.help-faq-item.open .help-faq-arrow{transform:rotate(180deg)}.help-faq-answer{padding:0 16px;max-height:0;overflow:hidden;transition:all .25s ease}.help-faq-item.open .help-faq-answer{padding:0 16px 14px;max-height:300px}.help-faq-answer p{color:var(--text-muted);font-size:13px;line-height:1.5}.personalization-panel{flex:1;display:flex;flex-direction:column;min-height:0;background:transparent}.personalization-scroll{flex:1;overflow-y:auto;padding:16px 20px}.personalization-section{margin-bottom:24px}.personalization-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.theme-switcher{display:flex;gap:10px}.theme-option{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--theme-option-bg);border:1px solid var(--theme-option-border);border-radius:50px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.theme-option:hover{background:var(--theme-option-hover-bg)}.theme-option svg{font-size:20px;color:var(--text-muted);transition:all .2s ease}.theme-option.active{border-color:var(--theme-option-active-border);background:var(--theme-option-active-bg);color:var(--text-primary)}.theme-option.active svg{color:var(--accent-light)}.theme-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--btn-border);display:flex;align-items:center;justify-content:center;margin-left:auto;font-size:10px;color:transparent;transition:all .2s ease}.theme-option.active .theme-check{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wallpaper-option{cursor:pointer;position:relative}.wallpaper-preview{width:100%;aspect-ratio:1/1;border-radius:50px;border:2px solid transparent;transition:all .2s ease;overflow:hidden}.wallpaper-option.active .wallpaper-preview{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-bg)}.wallpaper-option:hover .wallpaper-preview{transform:scale(1.03);border-color:var(--btn-border)}.wallpaper-option.active:hover .wallpaper-preview{border-color:var(--accent-color)}.wallpaper-label{display:block;font-size:11px;color:var(--text-muted);text-align:center;margin-top:6px}.wallpaper-option.active .wallpaper-label{color:var(--accent-light)}.profile-panel{flex:1;display:flex;flex-direction:column;min-height:0;background:transparent}.profile-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--panel-border);flex-shrink:0;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px 12px 0 0}.profile-edit-toggle{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:50px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;margin-left:auto}.profile-edit-toggle:hover{background:var(--btn-hover-bg);color:var(--text-primary);border-color:var(--btn-hover-border)}.profile-edit-toggle svg{font-size:12px}.profile-scroll{flex:1;overflow-y:auto;padding:0 0 24px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding:32px 20px 24px;background:linear-gradient(180deg,rgba(79,70,229,.08) 0%,transparent 100%);border-bottom:1px solid var(--panel-border);margin-bottom:8px}.profile-avatar-wrap{position:relative;margin-bottom:16px}.profile-avatar-img{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;border:3px solid var(--accent-color);box-shadow:0 0 0 4px #4f46e533}.profile-avatar-change{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;border:2px solid var(--panel-bg);background:var(--accent-color);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-avatar-change:hover{background:var(--accent-light);transform:scale(1.1)}.profile-display-name{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;text-align:center}.profile-display-username{font-size:14px;color:var(--text-muted);margin-top:4px;text-align:center}.profile-fields{padding:8px 20px;display:flex;flex-direction:column;gap:4px}.profile-field-group{padding:12px 16px;background:var(--settings-item-bg);border-radius:16px;transition:all .2s ease}.profile-field-label{font-size:11px;font-weight:600;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.profile-field-value{font-size:15px;color:var(--text-primary);font-weight:400;line-height:1.4}.profile-field-input{width:100%;background:var(--input-bg);border:1px solid var(--input-focus-border);border-radius:10px;padding:8px 12px;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif;outline:none;transition:all .2s ease;box-sizing:border-box;box-shadow:0 0 0 3px var(--accent-bg)}.profile-field-input::placeholder{color:var(--text-disabled)}.profile-field-input:focus{border-color:var(--accent-color)}.profile-field-textarea{resize:none;line-height:1.5}.profile-edit-actions{display:flex;gap:10px;padding:16px 20px 0}.profile-cancel-btn{flex:1;padding:11px 20px;border-radius:50px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.profile-cancel-btn:hover{background:var(--btn-hover-bg);color:var(--text-primary)}.profile-save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:50px;border:none;background:var(--accent-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.profile-save-btn:hover{background:var(--accent-light);transform:scale(1.02)}.profile-save-btn:active{transform:scale(.97)}.profile-info-links{padding:12px 20px 0;display:flex;flex-direction:column;gap:4px}.profile-info-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--settings-item-bg);border-radius:50px;color:var(--text-muted);font-size:14px;transition:background .2s ease}.profile-info-link:hover{background:var(--settings-item-hover-bg)}.profile-info-link svg{font-size:15px;flex-shrink:0;color:var(--accent-color)}@media screen and (max-width: 768px){.container{flex-direction:column}.left-panel{max-width:100%;width:100%;height:100dvh;margin:0;border-radius:0;border:none;flex:1;position:relative;z-index:1}.header{padding:12px 16px;min-height:60px;background:var(--header-bg)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:max(12px,env(safe-area-inset-top))}.header-center{position:absolute;left:50%;transform:translate(-50%);padding:0;pointer-events:none;max-width:calc(100% - 140px)}.header-center>*{pointer-events:auto}.header-left{width:44px;height:44px}.header-right{width:auto;min-width:44px}.header--search-active{padding:10px 14px;gap:10px}.header-search-inline{padding:8px 14px}.header-search-input{font-size:14px}.circle-btn{width:80px;height:40px}.chat-item{padding:12px 14px;gap:12px}.chat-avatar{width:48px;height:48px;font-size:17px}.chat-avatar-img{width:48px;height:48px}.chat-name{font-size:15px}.chat-message{font-size:13px}.chat-time{font-size:11px}.right-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:100%;height:100dvh;margin:0;border-radius:0;border:none;z-index:100;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--panel-bg)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.right-panel.chat-open,.right-panel.help-open{transform:translate(0)}.chat-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.chat-backdrop.active{opacity:1;visibility:visible}.chat-view-header{padding:8px 14px;margin:max(10px,env(safe-area-inset-top)) 12px 6px;border-radius:18px}.chat-view-header.scrolled{margin:max(6px,env(safe-area-inset-top)) 10px 4px}.message-input-area{padding-bottom:max(12px,env(safe-area-inset-bottom))}.search-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.search-header{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top))}.search-results{padding:8px 0}.search-result-item{padding:12px 16px;gap:12px}.search-result-avatar,.search-result-avatar-img{width:44px;height:44px;font-size:16px}.undo-notification{bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px))}.profile-avatar-img{width:80px;height:80px}.contact-profile-avatar-img{width:90px;height:90px}.ctx-menu{min-width:190px}.ctx-item{padding:12px 14px;font-size:15px}.dropdown-menu{min-width:200px}}@media screen and (max-width: 480px){.header{padding:10px 14px;min-height:56px}.circle-btn{width:76px;height:38px}.chat-item{padding:11px 12px;gap:11px}.chat-avatar,.chat-avatar-img{width:46px;height:46px;font-size:16px}.chat-name{font-size:14px}.chat-message{font-size:12px}.message-bubble{padding:8px 12px;font-size:14px;max-width:88%}input,textarea,select,.search-input-field,.header-search-input,.archive-search-input,.message-input,.chat-search-input{font-size:16px!important}}@media (hover: none) and (pointer: coarse){input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=url],textarea,select{font-size:16px!important;-webkit-tap-highlight-color:transparent}}.ctx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:transparent}@keyframes ctxAppear{0%{opacity:0;transform:scale(.92) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctx-menu{background:var(--dropdown-bg);border:1px solid var(--panel-border);border-radius:16px;padding:8px;min-width:210px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 40px #000000b3,0 2px 8px #0006;animation:ctxAppear .18s cubic-bezier(.34,1.56,.64,1);transform-origin:top left;z-index:9999}.ctx-chat-info{display:flex;align-items:center;gap:10px;padding:8px 10px 10px}.ctx-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.ctx-avatar-img{object-fit:cover;background:transparent;font-size:0}.ctx-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-divider{height:1px;background:var(--panel-border);margin:2px 0 6px}.ctx-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:Inter,sans-serif;text-align:left}.ctx-item:hover{background:var(--panel-hover);color:var(--text-primary)}.ctx-item:active{transform:scale(.97)}.ctx-item-danger{color:var(--danger-color)}.ctx-item-danger:hover{background:#ef44441a;color:#f87171}.ctx-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0}.ctx-icon-archive{color:var(--accent-color)}.ctx-icon-danger{color:var(--danger-color)}.ctx-item-danger:hover .ctx-icon-danger{color:#f87171}.archive-count-badge{background:#ffffff1a;color:var(--text-muted);font-size:11px;font-weight:600;min-width:20px;height:20px;padding:0 7px;border-radius:10px;display:flex;align-items:center;justify-content:center}@keyframes wpFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.wp-big-preview{width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--panel-border);display:flex;flex-direction:column;min-height:420px;transition:background .45s ease;animation:wpFadeIn .3s ease;box-shadow:0 8px 32px #0006}.wp-big-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0a0a0a8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}body.light-theme .wp-big-header{background:#ffffffa6;border-bottom-color:#0000000f}.wp-big-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.wp-big-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.wp-big-name{font-size:13px;font-weight:600;color:var(--text-primary)}.wp-big-status{font-size:11px;color:var(--text-muted)}.wp-big-actions{display:flex;gap:4px;align-items:center}.wp-big-action-dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted)}.wp-big-messages{flex:1;display:flex;flex-direction:column;gap:6px;padding:16px;overflow:hidden}.wp-big-bubble{font-size:12px;padding:8px 12px;border-radius:16px;max-width:72%;line-height:1.4;word-break:break-word}.wp-big-bubble--received{background:#ffffff1a;color:var(--text-primary);align-self:flex-start;border:1px solid rgba(255,255,255,.12);border-bottom-left-radius:4px}body.light-theme .wp-big-bubble--received{background:#ffffffd1;border:1px solid rgba(0,0,0,.07);color:#1a1a2e}.wp-big-bubble--sent{background:var(--accent-color);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;box-shadow:0 2px 8px #4f46e54d}.wp-big-input{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0a0a0a8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0;border-top:1px solid rgba(255,255,255,.06)}body.light-theme .wp-big-input{background:#ffffffa6;border-top-color:#0000000f}.wp-big-input-field{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px 14px;font-size:12px;color:var(--text-disabled);font-family:Inter,sans-serif}body.light-theme .wp-big-input-field{background:#0000000a;border-color:#00000014}.wp-big-send{width:32px;height:32px;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #4f46e566}.wallpaper-grid{display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.wallpaper-grid::-webkit-scrollbar{height:4px}.wallpaper-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.wallpaper-option{cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:72px}.wallpaper-preview-thumb{width:72px;height:72px;border-radius:14px;border:2px solid transparent;transition:all .2s ease;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.wallpaper-option.active .wallpaper-preview-thumb{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-bg)}.wallpaper-option:hover .wallpaper-preview-thumb{transform:scale(1.06);border-color:var(--btn-border)}.wallpaper-option.active:hover .wallpaper-preview-thumb{border-color:var(--accent-color)}.wallpaper-check{width:18px;height:18px;border-radius:50%;background:var(--accent-color);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080}.wallpaper-label{display:block;font-size:10px;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.wallpaper-option.active .wallpaper-label{color:var(--accent-light);font-weight:600}@media screen and (max-width: 768px){.wallpaper-option{width:64px}.wallpaper-preview-thumb{width:64px;height:64px;border-radius:12px}.wp-big-preview{min-height:300px}.wp-big-bubble{font-size:11px}}.chat-view-header{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:12px 16px 8px;border-radius:20px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.1);flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;box-shadow:none}body.light-theme .chat-view-header{border:1px solid rgba(0,0,0,.1);background:transparent}.chat-view-header.scrolled{background:#111111bf;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-color:#ffffff24;box-shadow:0 4px 16px #0000004d;margin:8px 12px;border-radius:16px;padding:8px 14px}body.light-theme .chat-view-header.scrolled{background:#fffc;border-color:#0000001f;box-shadow:0 4px 16px #0000001a}.chat-view-header--desktop{display:flex}.chat-view-header--mobile{display:none}@media screen and (max-width: 768px){.chat-view-header--desktop{display:none}.chat-view-header--mobile{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;margin:10px 12px 6px;border-radius:18px;background:transparent;border:1px solid rgba(255,255,255,.1);position:relative;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1)}body.light-theme .chat-view-header--mobile{border-color:#0000001a}.chat-view-header--mobile.scrolled{background:#111111bf;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-color:#ffffff24;box-shadow:0 4px 16px #0000004d;margin:6px 10px 4px;padding:7px 12px;border-radius:14px}body.light-theme .chat-view-header--mobile.scrolled{background:#fffc;border-color:#0000001f;box-shadow:0 4px 16px #0000001a}}.mobile-chat-header-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;min-width:0}.mobile-chat-header-avatar{width:38px;height:38px;flex-shrink:0;cursor:pointer}.mobile-chat-header-avatar .chat-view-avatar{width:38px;height:38px;font-size:14px}.chat-view-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0;-webkit-user-select:none;user-select:none;cursor:pointer;transition:opacity .15s ease}.chat-view-avatar:hover{opacity:.85}.chat-search-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--search-panel-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:10;display:flex;flex-direction:column;animation:fadeInDown .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.chat-search-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--panel-border);flex-shrink:0}.chat-search-back{width:36px;height:36px;border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-search-back:hover{background:var(--btn-hover-bg);color:var(--text-primary)}.chat-search-input{flex:1;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:50px;padding:9px 16px;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif;outline:none;transition:all .2s ease}.chat-search-input::placeholder{color:var(--text-disabled)}.chat-search-input:focus{border-color:var(--input-focus-border);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--accent-bg)}.chat-search-clear{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-search-clear:hover{background:var(--btn-hover-bg);color:var(--text-primary)}.chat-search-results{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-search-result-item{padding:12px 16px;border-radius:12px;background:var(--settings-item-bg);transition:background .15s ease;cursor:default}.chat-search-result-item:hover{background:var(--settings-item-hover-bg)}.chat-search-result-label{font-size:11px;font-weight:600;color:var(--text-disabled);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.result-sent .chat-search-result-label{color:var(--accent-color)}.chat-search-result-text{font-size:14px;color:var(--text-primary);line-height:1.4}.chat-ellipsis-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--dropdown-bg);border:1px solid var(--panel-border);border-radius:14px;padding:6px;box-shadow:0 12px 40px #0009;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:50;animation:ctxAppear .15s cubic-bezier(.34,1.56,.64,1)}.chat-ellipsis-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:Inter,sans-serif;text-align:left}.chat-ellipsis-item:hover{background:var(--panel-hover);color:var(--text-primary)}.chat-ellipsis-item svg{font-size:14px;width:16px}.chat-ellipsis-item.danger{color:var(--danger-color)}.chat-ellipsis-item.danger:hover{background:#ef44441a;color:#f87171}.contact-profile-panel .profile-scroll{padding-top:0}.contact-profile-banner{width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.contact-profile-initials{width:90px;height:90px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid rgba(255,255,255,.3)}.contact-profile-avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0006}.contact-profile-info{padding:16px 24px 8px;text-align:center}.contact-profile-name{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;margin-bottom:4px}.contact-profile-status{font-size:13px;color:var(--text-muted)}.contact-action-link{cursor:pointer;transition:background .15s ease}.contact-action-link:hover{background:var(--settings-item-hover-bg)}.danger-link{color:var(--danger-color)!important}.danger-link svg{color:var(--danger-color)!important}.danger-link:hover{background:#ef44441a!important;color:#f87171!important}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 6px 20px;background:var(--accent-bg);border-bottom:1px solid var(--accent-border);flex-shrink:0;animation:fadeIn .2s ease}.filter-bar-label{font-size:12px;color:var(--accent-light);font-weight:500}.filter-bar-clear{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--accent-color);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:20px;font-family:Inter,sans-serif;transition:background .15s ease}.filter-bar-clear:hover{background:var(--accent-bg)}.dropdown-item-active{background:var(--accent-bg)!important;color:var(--accent-light)!important}.dropdown-item-active svg{color:var(--accent-color)!important}.send-btn{-webkit-user-select:none;user-select:none}.chat-view-info{cursor:pointer}.chat-view-info:hover .chat-view-name{color:var(--accent-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.security-card{display:flex;gap:14px;align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px;transition:border-color .2s}.security-card--green{border-color:#10b9814d;background:#10b9810a}.security-card--purple{border-color:#6366f14d;background:#6366f10a}.security-card-icon-wrap{width:40px;height:40px;border-radius:12px;background:#ffffff12;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;color:var(--text-secondary)}.security-card-icon-wrap--green{background:#10b98126;color:#10b981}.security-card-icon-wrap--purple{background:#6366f126;color:#818cf8}.security-card-body{flex:1;min-width:0}.security-card-title{font-weight:700;font-size:.9rem;margin-bottom:5px;color:var(--text-primary)}.security-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.security-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary);background:#ffffff0d;padding:4px 10px;border-radius:20px;border:1px solid var(--border)}.security-status-badge--on{color:#10b981;background:#10b9811a;border-color:#10b98140}.security-status-badge--purple.security-status-badge--on{color:#818cf8;background:#6366f11a;border-color:#6366f140}.security-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.security-toggle{position:relative;width:44px;height:24px;border-radius:12px;background:var(--border);border:none;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.security-toggle--on{background:#6366f1}.security-toggle:disabled{opacity:.5;cursor:not-allowed}.security-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.security-toggle--on .security-toggle-knob{transform:translate(20px)}.security-toast{margin-top:8px;margin-bottom:8px;font-size:.78rem;padding:5px 10px;border-radius:8px;background:#6366f11f;color:#818cf8}.security-toast--err{background:#ef44441f;color:#f87171}.security-info-block{display:flex;gap:12px;align-items:flex-start;background:#6366f10f;border:1px solid rgba(99,102,241,.18);border-radius:16px;padding:14px 16px;font-size:.78rem;color:var(--text-secondary);line-height:1.6;margin-top:4px}.security-info-icon{color:#6366f1;margin-top:2px;flex-shrink:0}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.msg-reaction-pill{display:inline-flex;align-items:center;gap:3px;background:#ffffff14;border:1px solid var(--border);border-radius:12px;padding:2px 8px;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s;color:inherit}.msg-reaction-pill:hover{background:#ffffff24}.msg-reaction-pill.mine{background:#6366f12e;border-color:#6366f166}.reaction-count{font-size:.72rem;color:var(--text-secondary)}.msg-ctx-menu{min-width:200px}.msg-ctx-reactions{display:flex;align-items:center;justify-content:space-around;padding:8px 8px 4px;gap:2px}.msg-ctx-emoji-btn{background:none;border:none;cursor:pointer;font-size:1.35rem;padding:5px 4px;border-radius:10px;transition:background .12s,transform .1s;line-height:1}.msg-ctx-emoji-btn:hover{background:var(--panel-hover);transform:scale(1.25)}.emoji-bar{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;padding:6px 10px;box-shadow:0 4px 20px #0000004d;position:fixed;z-index:9999}.emoji-bar-btn{background:none;border:none;cursor:pointer;font-size:1.4rem;padding:4px;border-radius:50%;transition:background .12s,transform .1s}.emoji-bar-btn:hover{background:var(--panel-hover);transform:scale(1.2)}.skeleton{background:linear-gradient(90deg,var(--skel-base, rgba(255,255,255,.05)) 25%,var(--skel-shine, rgba(255,255,255,.12)) 50%,var(--skel-base, rgba(255,255,255,.05)) 75%);background-size:800px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:6px}body.light-theme .skeleton{--skel-base: rgba(0,0,0,.07);--skel-shine: rgba(0,0,0,.13)}.chat-item-skeleton{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;margin-bottom:2px;background:var(--chat-item-bg)}.skel-avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0}.skel-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.skel-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.skel-name{height:14px;width:55%;border-radius:6px}.skel-time{height:11px;width:15%;border-radius:4px;flex-shrink:0}.skel-msg{height:12px;width:75%;border-radius:5px}.messages-skeleton{display:flex;flex-direction:column;gap:16px;padding:24px 20px 16px;position:relative;z-index:1}.msg-skeleton{display:flex;align-items:flex-end;gap:10px}.msg-skeleton--right{justify-content:flex-end}.skel-msg-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.skel-msg-group{display:flex;flex-direction:column;gap:4px}.msg-skeleton--right .skel-msg-group{align-items:flex-end}.skel-bubble{height:40px;border-radius:18px;min-width:80px}.skel-bubble-small{height:28px;border-radius:18px;min-width:60px;opacity:.6}.skel-bubble--left{border-bottom-left-radius:6px}.skel-bubble--right{border-bottom-right-radius:6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background)}body.app-mode{overflow:hidden}:root{--background: #020202;--background-secondary: #050505;--panel-bg: rgba(17, 17, 17, .6);--panel-border: rgba(255, 255, 255, .05);--panel-hover: rgba(255, 255, 255, .04);--dropdown-bg: rgba(20, 20, 20, .92);--text-primary: #ffffff;--text-secondary: #e4e4e7;--text-muted: #a1a1aa;--text-disabled: #71717a;--header-bg: rgba(2, 2, 2, .2);--header-scrolled-bg: rgba(2, 2, 2, .5);--header-border: rgba(255, 255, 255, .03);--header-scrolled-border: rgba(255, 255, 255, .06);--chat-item-bg: rgba(2, 2, 2, .3);--chat-item-hover-bg: rgba(255, 255, 255, .06);--chat-item-divider: rgba(255, 255, 255, .03);--chat-item-settings-bg: rgba(255, 255, 255, .04);--chat-item-settings-hover-bg: rgba(255, 255, 255, .07);--search-panel-bg: rgba(2, 2, 2, .92);--settings-panel-bg: rgba(2, 2, 2, .95);--personalization-panel-bg: rgba(2, 2, 2, .95);--bottom-nav-bg: rgba(10, 10, 12, .85);--bottom-nav-border: rgba(255, 255, 255, .05);--bottom-nav-active-color: #a78bfa;--bottom-nav-active-bg: rgba(167, 139, 250, .07);--btn-bg: rgba(255, 255, 255, .05);--btn-border: rgba(255, 255, 255, .08);--btn-hover-bg: rgba(255, 255, 255, .1);--btn-hover-border: rgba(255, 255, 255, .15);--input-bg: rgba(255, 255, 255, .05);--input-focus-bg: rgba(255, 255, 255, .08);--input-focus-border: rgba(255, 255, 255, .15);--settings-item-bg: rgba(255, 255, 255, .03);--settings-item-hover-bg: rgba(255, 255, 255, .06);--settings-icon-bg: rgba(255, 255, 255, .06);--theme-option-bg: rgba(255, 255, 255, .03);--theme-option-border: rgba(255, 255, 255, .06);--theme-option-hover-bg: rgba(255, 255, 255, .06);--theme-option-active-bg: rgba(129, 140, 248, .08);--theme-option-active-border: rgba(129, 140, 248, .4);--confirm-overlay-bg: rgba(0, 0, 0, .7);--undo-bg: rgba(20, 20, 20, .95);--notification-bg: rgba(20, 20, 20, .95);--scrollbar-track: rgba(255, 255, 255, .02);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: #818cf8;--accent-color: #818cf8;--accent-light: #a5b4fc;--accent-bg: rgba(129, 140, 248, .12);--accent-border: rgba(129, 140, 248, .25);--danger-color: #ef4444;--danger-hover: #dc2626;--shadow-sm: 0 4px 30px rgba(0, 0, 0, .2);--shadow-md: 0 8px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .6);--chat-wallpaper: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);--chat-wallpaper-overlay: rgba(0, 0, 0, .4)}body.light-theme{--background: #f0f2f5;--background-secondary: #e8eaed;--panel-bg: rgba(255, 255, 255, .75);--panel-border: rgba(0, 0, 0, .08);--panel-hover: rgba(0, 0, 0, .04);--dropdown-bg: rgba(255, 255, 255, .95);--text-primary: #1a1a2e;--text-secondary: #3a3a4e;--text-muted: #6b7280;--text-disabled: #9ca3af;--header-bg: rgba(240, 242, 245, .3);--header-scrolled-bg: rgba(240, 242, 245, .7);--header-border: rgba(0, 0, 0, .06);--header-scrolled-border: rgba(0, 0, 0, .1);--chat-item-bg: rgba(255, 255, 255, .5);--chat-item-hover-bg: rgba(0, 0, 0, .04);--chat-item-divider: rgba(0, 0, 0, .05);--chat-item-settings-bg: rgba(0, 0, 0, .04);--chat-item-settings-hover-bg: rgba(0, 0, 0, .07);--search-panel-bg: rgba(240, 242, 245, .95);--settings-panel-bg: rgba(240, 242, 245, .95);--personalization-panel-bg: rgba(240, 242, 245, .95);--bottom-nav-bg: rgba(255, 255, 255, .8);--bottom-nav-border: rgba(0, 0, 0, .08);--bottom-nav-active-color: #7c3aed;--bottom-nav-active-bg: rgba(124, 58, 237, .06);--btn-bg: rgba(0, 0, 0, .04);--btn-border: rgba(0, 0, 0, .08);--btn-hover-bg: rgba(0, 0, 0, .08);--btn-hover-border: rgba(0, 0, 0, .15);--input-bg: rgba(0, 0, 0, .04);--input-focus-bg: rgba(0, 0, 0, .06);--input-focus-border: rgba(0, 0, 0, .15);--settings-item-bg: rgba(0, 0, 0, .03);--settings-item-hover-bg: rgba(0, 0, 0, .06);--settings-icon-bg: rgba(0, 0, 0, .05);--theme-option-bg: rgba(0, 0, 0, .03);--theme-option-border: rgba(0, 0, 0, .08);--theme-option-hover-bg: rgba(0, 0, 0, .06);--theme-option-active-bg: rgba(124, 58, 237, .08);--theme-option-active-border: rgba(124, 58, 237, .4);--confirm-overlay-bg: rgba(0, 0, 0, .4);--undo-bg: rgba(255, 255, 255, .95);--notification-bg: rgba(255, 255, 255, .95);--scrollbar-track: rgba(0, 0, 0, .03);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: #7c3aed;--accent-color: #7c3aed;--accent-light: #a78bfa;--accent-bg: rgba(124, 58, 237, .1);--accent-border: rgba(124, 58, 237, .25);--danger-color: #ef4444;--danger-hover: #dc2626;--shadow-sm: 0 4px 30px rgba(0, 0, 0, .08);--shadow-md: 0 8px 32px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .15);--chat-wallpaper: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);--chat-wallpaper-overlay: rgba(255, 255, 255, .25);--message-received-bg: rgba(255, 255, 255, .85);--message-received-border: rgba(0, 0, 0, .06);--message-received-color: #1a1a2e}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;min-height:30px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}body.light-theme .skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001c,#0000000f 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite}