.upload-page-container{background-color:#0a0e11;bottom:0;display:flex;flex-direction:column;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;width:100%;z-index:9999}.upload-page-header{align-items:center;background-color:#0a0e11;display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.upload-page-header-btn{align-items:center;background:none;border:none;border-radius:4px;color:#8696a0;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.upload-page-header-btn:hover{background-color:#1a2332;color:#e9edef}.upload-page-header-title{color:#e9edef;flex:1 1;font-size:18px;font-weight:600;margin:0}.upload-page-mobile-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background-color:#0a0e11;border-bottom:none;display:none;flex-shrink:0;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:0 10px;scroll-behavior:smooth;scrollbar-width:none}.upload-page-mobile-tabs::-webkit-scrollbar{display:none}.upload-page-mobile-tab-btn{align-items:center;background:#0000;border:none;color:#8696a0;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .15s ease;white-space:nowrap}.upload-page-mobile-tab-btn svg{display:none}.upload-page-mobile-tab-btn.active{border-bottom-color:#00a884;color:#00a884}.upload-page-mobile-tab-label{font-size:13px;white-space:nowrap}.upload-page-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;min-height:300px;overflow-y:auto}.upload-page-spinner{animation:spin 1s linear infinite;border:2px solid #374151;border-radius:50%;border-top-color:#00a884;height:36px;width:36px}.upload-page-loading-text{color:#8696a0;font-size:13px;margin:0}.upload-page-container::-webkit-scrollbar{width:6px}.upload-page-container::-webkit-scrollbar-track{background:#0000}.upload-page-container::-webkit-scrollbar-thumb{background:#00a8844d;border-radius:3px}.upload-page-container::-webkit-scrollbar-thumb:hover{background:#00a88480}.upload-page-container>div:last-child{background-color:#0a0e11;flex:1 1;overflow-y:auto;width:100%}.upload-page-container .panel{background-color:initial;border-bottom:none!important;border-left:none;border-radius:0;border-right:none;border-top:none}@media (min-width:1025px){.upload-page-header{padding:16px 20px}.upload-page-header-title{font-size:18px}.upload-page-mobile-tabs{display:none!important}}@media (max-width:1024px){.upload-page-header{padding:14px 16px}.upload-page-header-title{font-size:16px}}@media (max-width:768px){.upload-page-header{padding:12px 14px}.upload-page-header-title{font-size:15px}.upload-page-header-btn{padding:4px}.upload-page-spinner{height:32px;width:32px}.upload-page-loading-text{font-size:12px}.upload-page-mobile-tabs{display:flex;gap:10px;padding:0 10px}.upload-page-mobile-tab-btn{font-size:12px;padding:10px 16px}.upload-page-mobile-tab-label{font-size:12px}}@media (max-width:480px){.upload-page-header{gap:10px;padding:10px 12px}.upload-page-header-title{font-size:14px}.upload-page-header-btn{padding:4px}.upload-page-spinner{border:1.5px solid #374151;border-top-color:#00a884;height:28px;width:28px}.upload-page-loading-text{font-size:11px}.upload-page-mobile-tabs{display:flex;gap:10px;padding:0 10px}.upload-page-mobile-tab-btn{font-size:11px;min-width:65px;padding:10px 16px}.upload-page-mobile-tab-label{font-size:12px}}@media (max-width:360px){.upload-page-header{padding:8px 10px}.upload-page-header-title{font-size:13px}.upload-page-mobile-tab-btn{padding:8px 2px}.upload-page-mobile-tab-label{font-size:11px}}body.upload-page-open{overflow:hidden}@media (max-width:768px){.upload-page-container .panel-title,.upload-page-container .upload-tabs{display:none!important}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px}.react-tabs__tab{padding:6px 12px}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.settings-container{background-color:initial;color:#e9edef;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:60px;max-width:100%;padding:2rem 1rem;width:100%}.settings-title{border-bottom:1px solid #2a3942;color:#e9edef;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.react-tabs{margin-top:1rem}.react-tabs__tab-list{border-bottom:1px solid #2a3942;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;border-radius:5px 5px 0 0;bottom:-1px;color:#8696a0;cursor:pointer;display:inline-block;font-size:clamp(.875rem,1.5vw,1rem);font-weight:500;list-style:none;padding:.5rem 1rem;position:relative;transition:all .2s ease}.react-tabs__tab:hover{background-color:#2a3942;color:#00a884}.react-tabs__tab--selected{background:#0b1216;border-color:#2a3942;border-bottom:2px solid #00a884;color:#00a884}.react-tabs__tab:focus{box-shadow:0 0 0 2px #00a8844d;outline:none}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.settings-section{background-color:#0b1216;border:1px solid #2a3942;border-radius:6px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.25rem}.settings-section h2{border-bottom:1px solid #2a3942;color:#e9edef;font-size:clamp(1.25rem,1.8vw,1.5rem);margin-bottom:1.25rem;padding-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{font-size:clamp(.875rem,1.2vw,1rem);margin-bottom:.5rem}.form-group input[type=date],.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#2a3942;border:1px solid #2a3942;border-radius:4px;color:#e9edef;font-size:clamp(.875rem,1.2vw,1rem);padding:.625rem .9375rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a88433;outline:none}.form-group textarea{min-height:6.25rem;resize:vertical}.form-row{display:flex;gap:1.25rem;margin-bottom:1rem}.form-row .form-group{flex:1 1}.form-group.checkbox{align-items:center;display:flex}.form-group.checkbox input{margin-right:.625rem}.form-group.checkbox label{cursor:pointer;margin-bottom:0}.hint{color:#8696a0;font-size:.8125rem;margin-left:1.75rem;margin-top:.3125rem}.profile-picture-group{margin-bottom:1.5rem}.profile-picture-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.profile-picture-preview{object-fit:cover}.profile-picture-placeholder,.profile-picture-preview{border:2px solid #2a3942;border-radius:50%;height:5rem;width:5rem}.profile-picture-placeholder{align-items:center;background-color:#2a3942;color:#8696a0;display:flex;font-size:2rem;justify-content:center}.profile-picture-upload{display:none}.btn-change{border:1px solid #2a3942;border-radius:4px;color:#e9edef;cursor:pointer;font-size:clamp(.8125rem,1.1vw,.9375rem);padding:.5rem .9375rem;transition:all .2s ease}.btn-change,.btn-change:hover{background-color:#2a3942}.character-count{font-size:.75rem;margin-top:.3125rem}.password-strength-meter{display:flex;gap:.1875rem;height:.3125rem;margin-top:.625rem}.strength-bar{background-color:#2a3942;border-radius:2px;flex:1 1}.strength-bar.active{background-color:#25d366}.strength-bar:first-child.active{background-color:#e74c3c}.strength-bar:nth-child(2).active{background-color:#f39c12}.strength-bar:nth-child(3).active{background-color:#f1c40f}.strength-bar:nth-child(4).active{background-color:#25d366}.strength-bar:nth-child(5).active{background-color:#27ae60}.security-status{background-color:#2a3942;border-radius:4px;margin-bottom:1.5rem;padding:.9375rem}.status-item{display:flex;flex-wrap:wrap;margin-bottom:.625rem}.status-item:last-child{margin-bottom:0}.status-label{color:#e9edef;flex:1 1;font-weight:500;margin-right:.625rem;min-width:8rem}.status-value{color:#e9edef;flex:2 1;font-weight:400}.status-value.enabled{color:#25d366}.status-value.disabled,.status-value.strength-0,.status-value.strength-1{color:#e74c3c}.status-value.strength-2{color:#f39c12}.status-value.strength-3{color:#f1c40f}.status-value.strength-4{color:#25d366}.status-value.strength-5{color:#27ae60}.two-factor-setup{background-color:#2a3942;border-radius:4px;margin-top:1.5rem;padding:1.25rem}.two-factor-setup h3{color:#e9edef;font-size:clamp(1rem,1.4vw,1.25rem);margin-bottom:.9375rem;margin-top:0}.qr-code-placeholder{background-color:#0b1216;border:1px dashed #2a3942;border-radius:4px;margin-bottom:1.25rem;padding:1.875rem;text-align:center}.blocked-users,.connected-devices{margin-top:1.875rem}.blocked-list,.device-list{list-style:none;margin:0;padding:0}.blocked-item,.device-item{align-items:center;border-bottom:1px solid #2a3942;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem .9375rem}.blocked-item:last-child,.device-item:last-child{border-bottom:none}.device-info{flex:1 1;min-width:60%}.device-name{color:#e9edef;display:block;font-size:clamp(.875rem,1.2vw,1rem);font-weight:500;margin-bottom:.1875rem}.device-details{color:#8696a0;font-size:.8125rem}.btn-remove,.btn-unblock{background-color:#2a3942;border:1px solid #2a3942;border-radius:4px;color:#e9edef;cursor:pointer;font-size:.8125rem;padding:.3125rem .625rem;transition:all .2s ease}.btn-remove:hover,.btn-unblock:hover{background-color:#2a3942}.form-actions{align-items:center;border-top:1px solid #2a3942;display:flex;flex-wrap:wrap;gap:.9375rem;margin-top:1.875rem;padding-top:1.25rem}.btn-save{background-color:#00a884;border:none;border-radius:6px;color:#e9edef;cursor:pointer;font-size:clamp(.875rem,1.2vw,1rem);font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.btn-save:hover{background-color:#008069}.btn-save:disabled{background-color:#8696a0;cursor:not-allowed}.btn-reset{border:1px solid #2a3942;border-radius:6px;color:#e9edef;cursor:pointer;font-size:clamp(.875rem,1.2vw,1rem);font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.btn-reset,.btn-reset:hover{background-color:#2a3942}.save-status{color:#25d366;font-size:.875rem;margin-left:.625rem}.error-message{color:#e74c3c;display:block;font-size:.8125rem;margin-top:.3125rem}.account-actions{grid-gap:1.25rem;display:grid;gap:1.25rem}.action-card{background-color:#2a3942;border-left:4px solid #34b7f1;border-radius:6px;padding:1.25rem}.action-card.warning{border-left-color:#f39c12}.action-card.danger{border-left-color:#e74c3c}.action-card h3{color:#e9edef;font-size:clamp(1rem,1.4vw,1.25rem);margin-bottom:.625rem;margin-top:0}.action-card p{color:#8696a0;font-size:clamp(.875rem,1.2vw,1rem);margin-bottom:.9375rem;margin-top:0}.btn-export{background-color:#34b7f1;border:none;border-radius:4px;color:#e9edef;cursor:pointer;font-size:clamp(.8125rem,1.1vw,.9375rem);padding:.5rem .9375rem;transition:all .2s ease}.btn-export:hover{background-color:#1a9cd8}.deactivate-confirm,.delete-confirm{border-top:1px solid #2a3942;margin-top:.9375rem;padding-top:.9375rem}.btn-confirm{background-color:#f39c12;border:none;border-radius:4px;color:#e9edef;cursor:pointer;font-size:clamp(.8125rem,1.1vw,.9375rem);padding:.5rem .9375rem;transition:all .2s ease}.btn-confirm:hover{background-color:#e67e22}.btn-confirm-danger{background-color:#e74c3c;border:none;border-radius:4px;color:#e9edef;cursor:pointer;font-size:clamp(.8125rem,1.1vw,.9375rem);padding:.5rem .9375rem;transition:all .2s ease}.btn-confirm-danger:hover{background-color:#c0392b}@media (max-width:768px){.settings-container{padding:1rem .5rem}.form-row{flex-direction:column;gap:1rem}.react-tabs__tab-list{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.3125rem;white-space:nowrap}.profile-picture-container{align-items:flex-start;flex-direction:column}.device-info{margin-bottom:.5rem;min-width:100%}.status-label{margin-bottom:.25rem}.status-label,.status-value{min-width:100%}.form-actions{align-items:stretch;flex-direction:column}.btn-reset,.btn-save,.save-status{text-align:center;width:100%}.save-status{margin-left:0;margin-top:.5rem}}@media (min-width:1200px){.settings-container{max-width:1140px}}@media (min-width:992px) and (max-width:1199px){.settings-container{max-width:960px}}@media (min-width:768px) and (max-width:991px){.settings-container{max-width:720px}}.font-customizer{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);color:#e9edef;color:var(--text);display:grid;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:clamp(.75rem,1.5vw,1rem);grid-template-rows:auto 1fr auto;height:100%;overflow:hidden;width:100%}.customizer-header{align-items:center;background:#2a3942;background:var(--bg-light);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;justify-content:space-between;padding:.5rem;padding:var(--spacing-sm)}.customizer-title{color:#e9edef;color:var(--text);font-size:clamp(1rem,1.8vw,1.3rem);font-weight:600}.tab-container{background:#0b1216;background:var(--bg-dark);display:flex;height:calc(100vh - 7.5rem)}.tab-buttons{background:#2a3942;background:var(--bg-light);border-right:1px solid #2a3942;border-right:1px solid var(--border-color);overflow-y:auto;width:10rem}.tab-button{background:#0000;border-left:2px solid #0000;color:#8696a0;font-size:.8rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing);text-align:left;transition:all .3s ease;width:100%}.tab-button.active{background:#0b1216;background:var(--bg-dark);border-left:2px solid #00a884;border-left:2px solid var(--primary);color:#00a884;font-weight:600}.tab-button:hover:not(.active){background:#8696a01a;color:#e9edef;color:var(--text)}.tab-content{background:#0b1216;background:var(--bg-dark);flex:1 1;overflow-y:auto;padding:1rem;padding:var(--spacing)}.settings-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.control-group{background:#2a3942;background:var(--bg-light);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);padding:.5rem;padding:var(--spacing-sm)}.control-group label{color:#e9edef;color:var(--text);display:block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}input[type=range],input[type=text],select,textarea{background:#2a3942;background:var(--bg-light);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#e9edef;color:var(--text);font-size:.8rem;padding:.5rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}input[type=text]:focus,select:focus,textarea:focus{border-color:#00a884;border-color:var(--primary);box-shadow:0 0 0 2px #00a88433;outline:none}input[type=range]{accent-color:#00a884;accent-color:var(--primary);height:.25rem;padding:0}input[type=range]::-webkit-slider-thumb{height:1rem;width:1rem}.color-picker{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.color-picker input[type=color]{border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);height:1.875rem;width:1.875rem}.preview-section{display:flex;flex-direction:column;height:100%}.preview-content{border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#e9edef;color:var(--text);padding:1rem;padding:var(--spacing)}.action-buttons,.preview-content{background:#2a3942;background:var(--bg-light)}.action-buttons{border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:1px solid #2a3942;border-top:1px solid var(--border-color);display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-end;padding:.5rem;padding:var(--spacing-sm)}.action-buttons button{border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;padding:.625rem 1.125rem;transition:all .3s ease;transition:var(--transition)}.save-btn{background:#00a884;background:var(--primary);border:none;color:#e9edef;color:var(--text)}.save-btn:hover{background:#008069;background:var(--primary-hover);transform:translateY(-1px)}.reset-btn{background:#2a3942;background:var(--bg-light);border:1px solid #2a3942;border:1px solid var(--border-color);color:#e9edef;color:var(--text)}.reset-btn:hover{background:#8696a01a}.tab-buttons::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:.25rem}.tab-buttons::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:#8696a0;background:var(--text-light);border-radius:8px;border-radius:var(--radius-sm)}.modal-overlay{background:#000000b3;display:grid;inset:0;place-items:center}.modal-content{background:#0b1216;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);color:var(--text);max-width:31.25rem;padding:1.5rem;padding:var(--spacing-lg);width:90vw}@media (max-width:768px){.font-customizer{font-size:clamp(.7rem,3vw,.9rem)}.tab-container{flex-direction:column;height:calc(100vh - 8.75rem)}.tab-buttons{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);border-right:none;display:flex;overflow-x:auto;width:100%}.tab-button{border-bottom:2px solid #0000;border-left:none;font-size:.75rem;padding:.5rem .75rem;white-space:nowrap}.tab-button.active{border-bottom:2px solid #00a884;border-bottom:2px solid var(--primary);border-left:none}.settings-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.action-buttons{padding:.5rem;padding:var(--spacing-sm)}.action-buttons button{padding:.5rem .75rem}}@media (max-width:480px){.customizer-title{font-size:1rem}.control-group,.tab-content{padding:.5rem;padding:var(--spacing-sm)}}:root{--warning:#f8961e;--bg-light:#2a3942;--shadow:0 2px 10px #0000004d;--shadow-hover:0 4px 15px #0006;--transition:all 0.3s ease;--radius:12px;--radius-sm:8px;--spacing:1rem;--spacing-sm:0.5rem;--spacing-lg:1.5rem}.account-management{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:.82rem;margin:.5rem auto;max-height:60%;max-width:100%;padding:.08rem}.account-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.account-header h2{color:var(--text);font-size:1.3rem;margin:0}.account-tabs{display:flex;gap:.25rem;margin-bottom:.75rem}.account-tabs button{background:var(--bg-light);border:none;border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:.4rem .5rem;transition:var(--transition)}.account-tabs button.active{background:var(--primary);color:var(--text)}.action-card{background:var(--bg-dark);border-left:2px solid var(--accent);border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.75rem}.action-card h3{align-items:center;color:var(--text);display:flex;font-size:1rem;gap:.5rem;margin:0 0 .25rem}.action-card h3:before{color:inherit;content:"•"}.action-card p{color:var(--text-light);font-size:.8rem;line-height:1.4;margin:0 0 .75rem}.action-card.warning{border-left-color:var(--warning)}.action-card.danger{border-left-color:var(--error)}.form-group{margin-bottom:.75rem}.form-group label{color:var(--text-light);font-size:.8rem;margin-bottom:.25rem}.form-group input,.form-group select{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text);font-size:.8rem;padding:.4rem .6rem;transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #00a88433;outline:none}.toggle-switch{height:20px;width:36px}.toggle-slider:before{height:14px;width:14px}.btn{border-radius:var(--radius-sm);font-size:.75rem;padding:.4rem .8rem;transition:var(--transition)}.btn-primary{background:var(--primary);color:var(--text)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text)}.btn-secondary:hover{background:#3a4a52}.form-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:.75rem}.session-item{grid-gap:.5rem;border-bottom:1px solid var(--border-color);color:var(--text);display:grid;font-size:.8rem;gap:.5rem;grid-template-columns:1fr auto;padding:.4rem 0}.session-info{grid-gap:.5rem;color:var(--text-light);display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.session-info span{font-size:.75rem}@media (max-width:500px){.account-management{border-radius:0;box-shadow:none;max-height:none;padding:.5rem}.account-tabs{flex-wrap:wrap}.account-tabs button{flex:1 0 30%;font-size:.75rem;padding:.3rem}.form-actions,.session-info{grid-template-columns:1fr}}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.text-sm{color:var(--text-light);font-size:.75rem}.ad-banner{animation:fadeIn .3s ease;background-color:#000000f2;height:100vh;left:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:9999}.ad-banner,.ad-banner.loading{align-items:center;display:flex;justify-content:center}.ad-banner.loading{color:#fff;font-size:14px}.ad-container{box-shadow:0 10px 40px #000c;cursor:pointer;height:80%;max-height:90vh;max-width:90vw;width:80%}.ad-container,.ad-wrapper{align-items:center;border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.ad-wrapper{background:#000}.ad-image,.ad-wrapper{height:100%;width:100%}.ad-image{background-color:#000;cursor:pointer;display:block;object-fit:scale-down}.ad-overlay{align-items:flex-start;background:linear-gradient(135deg,#0003,#0000001a);box-sizing:border-box;display:flex;gap:8px;height:100%;justify-content:space-between;left:0;padding:20px;pointer-events:none;position:absolute;right:0;top:0}.ad-label{background:#0009;border-radius:4px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px}.ad-countdown{align-items:center;background:#000000b3;border-radius:50%;display:flex;height:60px;justify-content:center;min-width:60px;width:60px}.countdown-text{color:#fff;font-size:20px;font-weight:700;text-align:center}.ad-close-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;padding:0;pointer-events:auto;position:absolute;right:20px;top:20px;transition:all .2s ease;width:44px;z-index:10001}.ad-close-btn:hover{background:#f00c;transform:scale(1.1)}.ad-close-btn:active{transform:scale(.95)}.ad-close-btn svg{stroke-width:3}@media (max-width:768px){.ad-container{height:85%;max-height:95vh;max-width:95vw;width:90%}.ad-close-btn{background:#000000b3;border-radius:50%;font-size:22px;height:44px;padding:0;right:12px;top:12px;width:44px}.ad-countdown{height:54px;min-width:54px;width:54px}.countdown-text{font-size:16px}.ad-overlay{gap:10px;padding:16px}.ad-label{font-size:11px;padding:4px 8px}}@media (max-width:480px){.ad-container{height:90%;max-height:96vh;max-width:96vw;width:92%}.ad-overlay{gap:6px;padding:10px}.ad-label{font-size:10px;padding:3px 6px}.ad-countdown{height:48px;min-width:48px;width:48px}.countdown-text{font-size:13px}.ad-close-btn{border-radius:50%;font-size:18px;height:40px;right:8px;top:8px;width:40px}}.ad-video-container{border-radius:12px;flex-direction:column;height:100%;justify-content:flex-start}.ad-video-container,.ad-video-wrapper{align-items:center;background-color:#000;display:flex;overflow:hidden;position:relative;width:100%}.ad-video-wrapper{flex:1 1;justify-content:center;min-height:0}.ad-video{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.ad-video-top-overlay{left:0;padding:10px;position:absolute;right:0;top:0;z-index:12}.ad-video-controls,.ad-video-top-overlay{align-items:center;box-sizing:border-box;display:flex;gap:8px;justify-content:space-between;width:100%}.ad-video-controls{background:#00000080;flex-shrink:0;padding:6px 10px}.ad-video-progress{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ff5252 0,#ff5252 51%,#ffffff4d 0,#ffffff4d);border:none;border-radius:1px;cursor:pointer;flex:1 1;height:3px;margin:0;outline:none;padding:0}.ad-video-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff5252;border:2px solid #fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.ad-video-progress::-moz-range-thumb{background:#ff5252;border:2px solid #fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.ad-video-time{color:#ccc;font-family:Courier New,monospace;font-size:11px;min-width:70px;text-align:right;white-space:nowrap}@media (max-width:768px){.ad-video-container{height:100vh;justify-content:flex-start}.ad-video-wrapper{height:100%;width:100%}.ad-video-top-overlay{padding:12px}.ad-video-controls{gap:6px;padding:6px 10px}.ad-video-time{font-size:10px;min-width:60px}}@media (max-width:480px){.ad-video-top-overlay{gap:6px;padding:8px}.ad-video-controls{gap:4px;padding:5px 8px}.ad-video-progress{height:2px}.ad-video-time{font-size:9px;min-width:55px}}.ad-grid-card{align-items:center;background:#0b1216;border-radius:8px;cursor:pointer;display:flex;height:100%;justify-content:center;min-height:160px;overflow:hidden;position:relative;width:100%}.ad-grid-image,.ad-grid-video{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}@media (min-width:640px){.ad-grid-card{min-height:180px}}@media (min-width:768px){.ad-grid-card{min-height:160px}}@media (min-width:1024px){.ad-grid-card{min-height:200px}}@media (min-width:1280px){.ad-grid-card{min-height:220px}}.ad-grid-overlay{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;padding:10px;pointer-events:none;position:absolute;top:0;width:100%}.ad-grid-overlay .ad-label{font-weight:600;left:10px}.ad-grid-overlay .ad-countdown,.ad-grid-overlay .ad-label{background:#000000b3;border-radius:4px;color:#fff;font-size:11px;padding:5px 10px;position:absolute;top:10px;white-space:nowrap;z-index:2}.ad-grid-overlay .ad-countdown{align-items:center;display:flex;justify-content:center;right:50px}.ad-grid-overlay .ad-close-btn{align-items:center;background:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 10px;pointer-events:auto;position:absolute;right:10px;top:10px;transition:background-color .2s ease;z-index:2}.ad-grid-overlay .ad-close-btn:hover{background-color:#f00c}@media (max-width:768px){.ad-grid-overlay .ad-label{font-size:10px;left:8px;padding:4px 8px;top:8px}.ad-grid-overlay .ad-countdown{font-size:10px;padding:4px 8px;right:45px;top:8px}.ad-grid-overlay .ad-close-btn{font-size:12px;padding:4px 8px;right:8px;top:8px}}@media (max-width:480px){.ad-grid-overlay{padding:6px}.ad-grid-overlay .ad-label{font-size:9px;left:6px;padding:3px 6px;top:6px}.ad-grid-overlay .ad-countdown{font-size:9px;padding:3px 6px;right:40px;top:6px}.ad-grid-overlay .ad-close-btn{font-size:11px;padding:3px 6px;right:6px;top:6px}}:root{--trending-badge:#f59e0b;--new-badge:#10b981;--close-button:#ef4444;--close-button-hover:#dc2626}.containercat{background:#0b1216;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:-40px;max-width:100%;padding:0}.headercat{color:#e9edef;margin-bottom:.75rem;margin-top:20px;padding:.5rem 0;text-align:center;width:100%}.titlecat{color:#b3bcc5;font-size:1.25rem;font-weight:700;line-height:1.2;margin-bottom:.15rem}.subtitlecat{color:#8696a0;font-size:.75rem;line-height:1.2;margin:0 auto;max-width:100%;padding:0 .5rem}@media (min-width:480px){.titlecat{font-size:1.4rem}.subtitlecat{font-size:.8rem}}@media (min-width:768px){.headercat{margin-bottom:1.25rem;padding:1rem 0}.titlecat{font-size:1.8rem;margin-bottom:.25rem}.subtitlecat{font-size:.85rem}}.controlscat{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:0 .4rem;position:relative;width:100%}@media (min-width:480px){.controlscat{gap:.6rem;padding:0 .5rem}}@media (min-width:640px){.controlscat{gap:1rem;justify-content:flex-start;margin-bottom:1.25rem;padding:0}}.search-inputcat{background:#0000!important;border:1px solid #2a3942;border-radius:6px;color:#e9edef;flex:1 1 auto;font-size:.8rem;height:1.8rem;max-width:100%;min-width:120px;outline:none;padding:.25rem .4rem}@media (min-width:480px){.search-inputcat{font-size:.85rem;padding:.4rem .8rem}}@media (min-width:640px){.search-inputcat{max-width:70%}}@media (min-width:768px){.search-inputcat{padding:.4rem .75rem}}.search-inputcat::placeholder{color:#8696a0;font-size:.85rem}.clear-searchcat{align-items:center;background:none;border:none;color:#8696a0;cursor:pointer;display:flex;padding:0 8px}.filter-wrappercat{display:flex;gap:10px;position:relative}.filter-buttoncat{align-items:center;background:#0000!important;border:1px solid #2a3942;border-radius:6px;color:#e9edef;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:.3rem;height:1.8rem;padding:.25rem .4rem;transition:all .2s ease;white-space:nowrap}@media (min-width:480px){.filter-buttoncat{font-size:.8rem;padding:.4rem .8rem}}@media (min-width:640px){.filter-buttoncat{font-size:.85rem;padding:.5rem 1rem}}.filter-buttoncat.activecat,.filter-buttoncat:hover{border-color:#00a884;color:#00a884}.filter-buttoncat:hover{background:#2a3942}.filter-buttoncat:disabled{cursor:not-allowed;opacity:.7}.filter-dropdowncat{background:#0b1216;border:1px solid #2a3942;border-radius:6px;box-shadow:0 2px 4px #0000004d;margin-top:.5rem;min-width:180px;padding:.5rem;position:absolute;right:0;top:100%;z-index:10}.filter-dropdowncat small{color:#8696a0;display:block;font-size:.7rem;margin-bottom:.4rem}.filter-dropdowncat .sort-sectioncat{border-top:1px solid #2a3942;margin-top:10px;padding-top:10px}.filter-optioncat{align-items:center;border-radius:4px;color:#e9edef;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;margin-bottom:.2rem;padding:.4rem .6rem;transition:all .2s ease}.filter-optioncat.activecat,.filter-optioncat:hover{background:#2a3942;color:#00a884}.filter-optioncat svg{flex-shrink:0;font-size:.9rem}.gridcat{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:480px){.gridcat{gap:.6rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.gridcat{gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.category-cardcat{background:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 1px 2px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:100%;max-height:380px;overflow:hidden;position:relative}.category-cardcat:before{background:#00a884;content:"";height:3px;left:0;position:absolute;right:0;top:0}.category-cardcat:hover{box-shadow:0 4px 6px #0006;transform:translateY(-2px)}.card-contentcat{flex:1 1;padding:.7rem}@media (min-width:768px){.card-contentcat{padding:1rem}}.category-iconcat{color:#00a884;font-size:.95rem;margin-bottom:.3rem}@media (min-width:768px){.category-iconcat{font-size:1.1rem;margin-bottom:.4rem}}.category-namecat{color:#e9edef;font-size:.8rem;font-weight:600;line-height:1.2;margin-bottom:.2rem}@media (min-width:768px){.category-namecat{font-size:.9rem;margin-bottom:.3rem}}.category-desccat{color:#8696a0;font-size:.65rem;line-height:1.25;margin-bottom:.3rem;max-height:5rem;overflow:hidden}@media (min-width:768px){.category-desccat{font-size:.7rem;margin-bottom:.4rem}}.category-metacat{display:flex;gap:.3rem;justify-content:space-between;margin-top:auto}.book-countcat,.category-metacat{align-items:center;font-size:.65rem}.book-countcat{background:#6366f10f;border:1px solid #6366f11f;border-radius:999px;color:#e9edef;display:inline-flex;font-weight:600;gap:.25rem;margin-bottom:.3rem;padding:.15rem .35rem;width:-webkit-fit-content;width:fit-content}.ratingcat{align-items:center;color:#8696a0;display:flex;gap:.2rem}.ratingcat svg{fill:#fbbf24}.view-buttoncat{align-items:center;background:#2a3942;border-top:1px solid #2a3942;color:#00a884;display:flex;font-size:.7rem;font-weight:500;gap:.2rem;justify-content:center;padding:.35rem;transition:all .2s ease}@media (min-width:768px){.view-buttoncat{font-size:.75rem;padding:.4rem}}.category-cardcat:hover .view-buttoncat{background:#2a3942}.load-more-buttoncat{background:#044436;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:500;margin:1.5rem auto 0;padding:.5rem 1rem;transition:all .2s ease}@media (min-width:768px){.load-more-buttoncat{font-size:.9rem;padding:.6rem 1.2rem}}.load-more-buttoncat:hover{background:#008069}.empty-statecat{background:#2a3942;border:1px dashed #2a3942;border-radius:8px;color:#8696a0;grid-column:1/-1;margin:1rem 0;padding:1.5rem 1rem;text-align:center}.empty-statecat h3{color:#e9edef;font-size:1rem;margin:.8rem 0 .4rem}.empty-statecat p{font-size:.8rem;margin-bottom:0}.empty-statecat svg{color:#2a3942;font-size:1.5rem}.empty-statecat .reset-filterscat{background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}@media (min-width:768px){.empty-statecat{padding:2rem 1rem}.empty-statecat h3{font-size:1.1rem}.empty-statecat p{font-size:.85rem}.empty-statecat svg{font-size:2rem}}.modal-overlaycat{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:.5rem;position:fixed;right:0;top:0;z-index:1000}.modal-contentcat{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0006;display:flex;flex-direction:column;margin-top:70px;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.modal-headercat{background:linear-gradient(135deg,#6366f10f,#6366f105);color:#e9edef;color:var(--text-dark);padding:1rem 1.25rem .75rem;text-align:center}.modal-headercat .modal-iconcat{font-size:1.5rem;margin-bottom:.5rem}.modal-headercat h2{font-size:1.2rem;margin-bottom:.4rem}.modal-headercat p{font-size:.8rem;margin-bottom:0;opacity:.9}@media (min-width:768px){.modal-headercat{padding:1.2rem 1.5rem .8rem}.modal-headercat .modal-iconcat{font-size:2rem;margin-bottom:.6rem}.modal-headercat h2{font-size:1.4rem}.modal-headercat p{font-size:.85rem}}.modal-bodycat{background:#0b1216;background:var(--bg-dark);color:#e9edef;color:var(--text-dark);flex:1 1;overflow-y:auto;padding:.75rem 1.25rem}@media (min-width:768px){.modal-bodycat{padding:1rem 1.5rem}}.stats-containercat{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:480px){.stats-containercat{grid-template-columns:1fr 1fr}}.stat-itemcat{align-items:center;color:#e9edef;display:flex;font-size:.8rem;gap:.5rem}.stat-itemcat svg{color:#00a884;flex-shrink:0;font-size:.9rem}.stat-itemcat svg[fill]{fill:#fbbf24}@media (min-width:768px){.stat-itemcat{font-size:.85rem}.stat-itemcat svg{font-size:1rem}}.new-releasescat h3{border-bottom:1px solid #2a3942;color:#e9edef;font-size:.9rem;margin-bottom:.6rem;padding-bottom:.4rem}.new-releasescat ul{list-style:none;margin:0;padding:0}.new-releasescat li{align-items:center;color:#e9edef;display:flex;font-size:.8rem;gap:.4rem;padding:.3rem 0}.new-releasescat li svg{color:#8696a0;font-size:.7rem}@media (min-width:768px){.new-releasescat h3{font-size:1rem;margin-bottom:.8rem}.new-releasescat li{font-size:.85rem}.new-releasescat li svg{font-size:.8rem}}.explore-buttoncat{background:#00a884;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:500;margin:0 auto .75rem;padding:.5rem;transition:all .2s ease;width:calc(100% - 2rem)}@media (min-width:768px){.explore-buttoncat{font-size:.9rem;margin-bottom:1rem;padding:.6rem;width:calc(100% - 3rem)}}.explore-buttoncat:hover{background:#008069}.close-buttoncat{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#8696a0;cursor:pointer;display:flex;font-size:1.5rem;height:auto;justify-content:center;padding:0;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:auto;z-index:10}@media (min-width:768px){.close-buttoncat{font-size:1.8rem;right:1rem;top:1rem}}.close-buttoncat:hover{background:#0000;color:#e9edef;transform:scale(1.1)}.close-buttoncat:active{transform:scale(.95)}.badge-containercat{display:flex;gap:.2rem;position:absolute;right:.3rem;top:.3rem}@media (min-width:768px){.badge-containercat{gap:.3rem;right:.4rem;top:.4rem}}.trending-badgecat{align-items:center;background:#0b1216;border-radius:999px;box-shadow:0 1px 2px #0000004d;color:#f59e0b;display:flex;font-size:.5rem;font-weight:600;gap:.1rem;padding:.1rem .25rem}@media (min-width:768px){.trending-badgecat{font-size:.55rem;padding:.15rem .3rem}}.new-badgecat{background:#0b1216;border-radius:999px;box-shadow:0 1px 2px #0000004d;color:#10b981;font-size:.5rem;font-weight:600;padding:.1rem .25rem}@media (min-width:768px){.new-badgecat{font-size:.55rem;padding:.15rem .3rem}}.skeleton-cardcat{background:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 1px 2px #0000004d;height:140px;overflow:hidden;padding:.75rem}@media (min-width:768px){.skeleton-cardcat{height:160px;padding:.9rem}}.skeleton-iconcat{background:#2a3942;border-radius:50%;height:28px;margin-bottom:.5rem;width:28px}@media (min-width:768px){.skeleton-iconcat{height:32px;margin-bottom:.6rem;width:32px}}.skeleton-textcat{background:#2a3942;border-radius:4px;height:10px;margin-bottom:.4rem}@media (min-width:768px){.skeleton-textcat{height:12px;margin-bottom:.5rem}}.download-limit-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.download-limit-modal-content{animation:slideUp .3s ease-out;background:#111b21;border-radius:12px;box-shadow:0 20px 60px #000000b3;color:#e9edef;display:flex;flex-direction:column;max-width:360px;width:100%}.download-limit-modal-body{display:flex;flex-direction:column;gap:12px;padding:24px 20px;text-align:center}.limit-title{color:#e9edef;font-size:16px;font-weight:500;margin:0}.limit-message{color:#8696a0;font-size:13px;line-height:1.5;margin:0}.upgrade-hint{color:#00a884;font-size:12px;font-weight:500;line-height:1.4;margin:0}.download-limit-modal-footer{display:flex;flex-shrink:0;gap:8px;padding:12px 20px 20px}.btn-primary,.btn-secondary{border-radius:4px;font-size:12px;font-weight:400;padding:8px}.btn-secondary:hover{color:#8696a0}.btn-primary:hover{background:#00a884}@media (max-width:480px){.download-limit-modal-content{border-radius:12px 12px 0 0;max-width:100%}.btn-primary,.btn-secondary{font-size:12px;padding:10px 14px}}.folder-modal-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.folder-modal{animation:modalSlideIn .25s ease-out;background:#1f2c33;border:1px solid #2d3a42;border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:65vh;max-width:380px;overflow:hidden;width:100%}.folder-modal-header{align-items:center;border-bottom:1px solid #2d3a42;display:flex;flex-shrink:0;justify-content:space-between;padding:7px 11px}.folder-modal-title{color:#e9edef;font-size:12px;font-weight:600;letter-spacing:.3px;margin:0}.folder-modal-close{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.folder-modal-close:hover{color:#e9edef}.folder-modal-content{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;max-height:200px;overflow-x:hidden;overflow-y:auto;padding:6px}.current-selection,.current-selection .label,.folder-path{display:none}.folders-container{display:flex;flex:1 1;flex-direction:column;gap:0}.folders-container>.label,.folders-tree{display:none}.folders-list{flex-shrink:1;max-height:140px;overflow-y:auto}.folders-list,.folders-section{display:flex;flex-direction:column;gap:2px}.section-title{display:none}.folders-group{display:flex;flex-direction:column;gap:2px}.folder-button,.folder-item{align-items:center;display:flex;gap:6px}.folder-button{background:#0000;border:none;border-radius:3px;color:#8696a0;cursor:pointer;flex:1 1;font-size:11px;padding:5px 7px;transition:all .12s}.folder-button:hover{background:#00bfa526;color:#00bfa5}.folder-button.selected{background:#00bfa540;color:#00bfa5}.btn-delete-folder{align-items:center;background:#0000;border:none;border-radius:3px;color:#ff6b6b;cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:background .2s}.btn-delete-folder:hover{background:#ff6b6b26}.empty-message,.loading-message{color:#555;font-size:11px;padding:10px 6px;text-align:center}.create-folder-section{border-top:1px solid #2d3a42;margin-bottom:0;padding-top:5px}.create-folder-title{color:#555;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:4px;padding-left:1px;text-transform:uppercase}.new-folder-input{display:flex;flex-direction:column;gap:4px}.input-group{gap:4px}.input-group .label{display:none}.input-field{background:#0d1318;border:1px solid #2d3a42;border-radius:3px;color:#e9edef;font-family:inherit;font-size:11px;padding:6px 8px}.input-field:focus{background:#0d1318;border-color:#00bfa5;outline:none}.button-group{gap:4px;width:-webkit-fit-content;width:fit-content}.btn-cancel,.btn-confirm{border-radius:3px;flex:0 1 auto;font-size:10px;font-weight:600;padding:6px 9px;transition:all .12s}.btn-confirm{background:#00bfa5!important;color:#1f2c33!important;min-width:55px}.btn-confirm:hover:not(:disabled){background:#00a890!important}.btn-cancel{border:1px solid #2d3a42}.btn-cancel:hover:not(:disabled){background:#00bfa514;border-color:#00bfa5;color:#00bfa5}.btn-cancel:disabled,.btn-confirm:disabled{cursor:not-allowed;opacity:.4}.error-message{background:#ff6b6b0a;border:1px solid #ff6b6b;border-radius:3px;color:#ff6b6b;font-size:10px;line-height:1.2;padding:6px 8px}.folder-modal-footer{background:#1a2429;border-top:1px solid #2d3a42;display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;justify-content:flex-end;padding:7px}.btn{border:none;display:flex;flex:1 1 auto;font-size:11px;font-weight:600;justify-content:center;min-width:0;padding:7px 10px;transition:all .12s;white-space:nowrap}.btn-primary{background:#00bfa5;color:#1f2c33}.btn-primary:hover:not(:disabled){background:#00a890}.btn-secondary{border:1px solid #2d3a42;color:#8696a0}.btn-secondary:hover:not(:disabled){background:#00bfa514;border-color:#00bfa5;color:#00bfa5}.btn-new-folder{background:#0000;border:1px solid #00bfa5;color:#00bfa5}.btn-new-folder:hover:not(:disabled){background:#00bfa51a;border-color:#00a890;color:#00a890}.btn:disabled{opacity:.5}.folder-modal-content::-webkit-scrollbar,.folders-list::-webkit-scrollbar{width:6px}.folder-modal-content::-webkit-scrollbar-track,.folders-list::-webkit-scrollbar-track{background:#0000}.folder-modal-content::-webkit-scrollbar-thumb,.folders-list::-webkit-scrollbar-thumb{background:#3a4a56;border-radius:3px}.folder-modal-content::-webkit-scrollbar-thumb:hover,.folders-list::-webkit-scrollbar-thumb:hover{background:#4a5a66}.folder-notification-overlay{align-items:center;animation:fadeIn .25s ease-out;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.folder-notification-card{align-items:center;animation:slideUp .35s ease-out;background:#86efac;border-radius:8px;box-shadow:0 8px 24px #00000040;display:flex;gap:16px;justify-content:flex-start;padding:14px 16px;width:-webkit-fit-content;width:fit-content}.folder-notification-card.success{background:#86efac}.folder-notification-card.warning{background:#fecaca}.notification-icon{animation:iconBounce .5s ease-out;background:#166534;border-radius:50%;color:#86efac;flex-shrink:0;font-size:20px;height:36px;width:36px}.notification-icon.warning{background:#991b1b;color:#fecaca}@keyframes iconBounce{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.notification-text{display:flex;flex-direction:column;gap:2px}.notification-title{color:#166534;font-size:14px;font-weight:700;line-height:1.2}.notification-title.warning{color:#991b1b}.notification-folder{color:#166534d9;font-size:12px;font-weight:500;max-width:300px;word-break:break-word}.notification-folder.warning{color:#991b1bd9}@media (max-width:768px){.folder-modal{max-height:65vh;max-width:380px;width:95%}.folder-modal-title{font-size:12px}.folder-modal-header{padding:7px 10px}.folder-modal-content{gap:4px;max-height:180px;padding:6px}.folders-list{gap:2px;max-height:120px}.folder-button{font-size:11px;padding:4px 6px}.btn{font-size:10px;padding:6px 8px}}@media (max-width:480px){.folder-modal-overlay{padding:8px}.folder-modal{border-radius:6px;height:-webkit-fit-content;height:fit-content;max-height:70vh;max-width:none;width:100%}.folder-modal-title{font-size:11px}.folder-modal-header{gap:5px;padding:6px 9px}.folder-modal-content{gap:3px;max-height:160px;padding:6px}.folder-modal-footer{gap:3px;padding:6px}.folders-list{gap:2px;max-height:100px}.folder-button{font-size:10px;gap:5px;padding:4px 5px}.btn{font-size:9px;gap:3px;padding:5px 6px}.folder-modal-close{padding:2px}.folder-modal-close svg{height:16px;width:16px}.input-field{font-size:10px;padding:5px 6px}.create-folder-section{margin-bottom:0;padding-top:4px}.create-folder-title{font-size:9px;margin-bottom:3px}.btn-delete-folder{padding:2px 3px}.btn-cancel,.btn-confirm{font-size:9px;padding:5px 6px}}.comment-section-comments::-webkit-scrollbar{width:0}.comment-section-comments::-webkit-scrollbar-thumb,.comment-section-comments::-webkit-scrollbar-track{background:#0000}.comments-header-comments{margin-bottom:0;text-align:left}.comments-title-comments{font-size:6px}.comment-header-comments{font-size:11px}.comment-time-comments{font-size:10px}.comment-text-comments,.menu-item-comments{font-size:12px}.reply-header-comments{font-size:10px}.reply-time-comments{font-size:9px}.reply-text-comments{font-size:12px}.menu-upload-btn-comments{align-items:center;background:none;border:none;color:#95a8b8;cursor:pointer;display:inline-flex;font-size:26px;justify-content:center;line-height:1;order:0;padding:6px;transition:all .2s ease}.menu-upload-btn-comments svg{stroke:currentColor;fill:currentColor}.menu-upload-btn-comments:hover{color:#00b388}.menu-upload-btn-comments:hover svg{stroke:#00b388;fill:#00b388}.menu-upload-btn-comments:focus{outline:2px solid #00b388;outline-offset:2px}.no-comments{margin:10px 0}.rating-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.rating-modal-content{background:#1a1f2e;border:1px solid #2a3540;border-radius:16px;box-shadow:0 20px 40px #0006;max-width:480px;padding:36px;position:relative;width:100%}.rating-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:20px;top:16px;transition:color .2s ease}.rating-modal-close:hover{color:#e5e7eb}.rating-modal-header{margin-bottom:32px;text-align:center}.rating-modal-header h3{color:#f3f4f6;font-size:1.5rem;font-weight:600;margin:0 0 10px}.rating-book-title{color:#a0aec0;font-size:1rem;font-weight:400;margin:0}.rating-already-rated{align-items:center;color:#34d399;display:flex;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;margin:12px 0 0}.rating-stars-container{display:flex;gap:10px;justify-content:center;margin:32px 0 24px}.rating-star{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:transform .2s ease}.rating-star:hover:not(:disabled){transform:scale(1.12)}.rating-star:active:not(:disabled){transform:scale(1.05)}.rating-star:disabled{cursor:not-allowed;opacity:.6}.rating-label{color:#d1d5db;font-size:1.05rem;font-weight:500;margin-bottom:28px;min-height:28px;text-align:center}.rating-actions{justify-content:center}.btn-primary,.btn-secondary{padding:12px 28px;white-space:nowrap}.rating-actions{gap:14px;margin-bottom:20px;margin-top:36px}.btn-primary,.btn-secondary{border-radius:12px;font-size:1.05rem;font-weight:600;letter-spacing:.3px;padding:14px 28px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 10px 25px -5px #6366f14d;overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 15px 35px -5px #6366f166;transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:disabled{transform:none}.btn-secondary{background:#6366f114;border:1.5px solid #6366f140;color:#a0aec0}.btn-secondary:hover:not(:disabled){background:#6366f126;color:#e0e7ff;transform:translateY(-2px)}.rating-helper-text{font-size:.9rem;font-style:italic;margin:0}.rating-actions{display:flex;gap:12px;margin-bottom:0;margin-top:32px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-primary{background:#6366f1}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-primary:disabled{background:#4f46e5;cursor:not-allowed;opacity:.6}.btn-secondary{border:1px solid #4b5563;color:#d1d5db}.btn-secondary:hover:not(:disabled){background:#2d3748;border-color:#6366f1}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.rating-helper-text{color:#6b7280;font-size:.85rem;margin:16px 0 0;text-align:center}@media (max-width:640px){.rating-modal-content{border-radius:14px;padding:28px 24px}.rating-modal-header{margin-bottom:28px}.rating-modal-header h3{font-size:1.4rem}.rating-book-title{font-size:.95rem}.rating-stars-container{gap:8px;margin:24px 0 20px}.rating-star{padding:6px}.rating-star svg{height:32px;width:32px}.rating-label{font-size:1rem}.rating-actions{gap:10px;margin-top:28px}.btn-primary,.btn-secondary{font-size:.9rem;padding:11px 20px}.rating-helper-text{font-size:.8rem;margin-top:12px}}@media (max-width:420px){.rating-modal-overlay{padding:16px}.rating-modal-content{border-radius:12px;padding:24px}.rating-modal-close{right:14px;top:14px}.rating-modal-header h3{font-size:1.25rem;margin-bottom:8px}.rating-book-title{font-size:.9rem}.rating-already-rated{font-size:.85rem;margin-top:10px}.rating-stars-container{gap:6px;margin:20px 0 16px}.rating-star{padding:4px}.rating-star svg{height:28px;width:28px}.rating-label{font-size:.95rem;margin-bottom:20px}.rating-actions{gap:8px;justify-content:center;margin-top:24px}.btn-primary,.btn-secondary{font-size:.85rem;padding:10px 18px}.rating-helper-text{font-size:.75rem}}:root{--warning:#fc0;--bg-light:#0b1216;--bg-secondary:#111b21}@keyframes bookLikeClickPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bookLikeHeartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}}@keyframes floatUpRandom{0%{opacity:1;transform:translateY(0) translateX(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-280px) translateX(0) scale(.8);transform:translateY(-280px) translateX(var(--random-x,0)) scale(.8)}}.love-bubble{animation:floatUpRandom 4s ease-out forwards}.containerBKP{background-color:initial!important;color:#e9edef;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:0;max-width:100%;padding:0 .5rem .75rem}@media (min-width:768px){.containerBKP{margin-top:0}}.headerBKP{margin-bottom:.25rem;margin-top:-.75rem;padding-top:0;text-align:center}@media (min-width:768px){.headerBKP{margin-bottom:2.5rem;text-align:center}.headerBKP>div{align-items:center;display:flex;flex-direction:column;justify-content:center}}.titleBKP{color:#b3bcc5;font-size:.95rem;font-weight:700;margin-bottom:.375rem}@media (min-width:768px){.titleBKP{font-size:.95rem}}.subtitleBKP{color:#8696a0;color:var(--text-light);font-size:.875rem;margin:0 auto;max-width:500px;padding:0 1rem}@media (min-width:768px){.subtitleBKP{font-size:.875rem}}@media (max-width:640px){.headerBKP>div{align-items:center;flex-direction:column;gap:.5rem}.headerBKP .titleBKP{font-size:1.05rem}.headerBKP .subtitleBKP{max-width:100%;padding:0 .6rem;text-align:center}.headerBKP>div>button{box-sizing:border-box;max-width:420px;padding:10px 12px!important;width:100%}}@media (max-width:420px){.headerBKP>div>button{max-width:100%}}.controlsBKP{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;position:relative;width:100%}@media (max-width:520px){.controlsBKP{-webkit-overflow-scrolling:touch;align-items:center;flex-wrap:nowrap;gap:.4rem;overflow-x:auto}.search-containerBKP{flex:1 1 auto;max-width:calc(100% - 130px);min-width:120px;padding:.3rem .4rem}.filter-wrapperBKP{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.4rem}.filter-wrapperBKP .filter-buttonBKP{flex-shrink:0;font-size:.85rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .9rem;white-space:nowrap}}@media (max-width:380px){.controlsBKP{gap:.3rem}.search-containerBKP{max-width:calc(100% - 120px);padding:.25rem .3rem}.filter-wrapperBKP{gap:.3rem}.filter-wrapperBKP .filter-buttonBKP{font-size:.8rem;padding:.45rem .8rem}.search-inputBKP{font-size:.8rem;padding:.2rem .5rem}}@media (min-width:640px){.controlsBKP{gap:1rem}}.search-containerBKP{align-items:center;background:#0000!important;border-radius:6px;display:flex;flex:1 1 auto;min-width:150px;padding:.5rem}@media (min-width:768px){.search-containerBKP{max-width:70%}}.search-iconBKP{align-items:center;color:#8696a0;color:var(--text-light);display:flex;margin-right:.5rem}.search-inputBKP{background:#0000!important;border:none;border-radius:4px;color:#e9edef;color:var(--text-dark);flex:1 1;font-size:.85rem;min-width:0;outline:none;padding:.25rem .75rem}.search-inputBKP:focus{box-shadow:none;outline:none}.search-inputBKP::placeholder{color:#8696a0;color:var(--text-light);font-size:.85rem}.clear-buttonBKP{background:none;border:none;cursor:pointer;padding:0 8px}.filter-wrapperBKP{display:flex;gap:10px;position:relative}.filter-buttonBKP{align-items:center;background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:6px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem .9rem;transition:all .2s ease;white-space:nowrap}.filter-buttonBKP.activeBKP,.filter-buttonBKP:hover{background:#00a88433;border-color:#00a884;border-color:var(--primary);color:#00a884;color:var(--primary)}.filter-buttonBKP:disabled{cursor:not-allowed;opacity:.7}@media (min-width:640px){.filter-buttonBKP{padding:.5rem 1rem}}.filter-dropdownBKP{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000004d;margin-top:.5rem;min-width:180px;padding:.5rem;position:absolute;right:0;top:100%;z-index:10}.filter-sectionBKP{border-top:1px solid #2a3942;border-top:1px solid var(--border-color);margin-top:10px;padding-top:10px}.filter-sectionBKP h4{color:#8696a0;color:var(--text-light);margin-bottom:8px}.filter-optionBKP{align-items:center;background:#0000;border-radius:4px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;margin-bottom:.2rem;padding:.4rem .6rem;transition:all .2s ease}.filter-optionBKP.activeBKP{background:#00a8841a;color:#00a884;color:var(--primary)}.filter-optionBKP:hover{background:#8696a01a;color:#00a884;color:var(--primary)}.filter-optionBKP svg{flex-shrink:0;font-size:.9rem}.gridBKP{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:1.5rem;margin-left:0;margin-right:0;padding-left:0;padding-right:0}@media (min-width:420px){.gridBKP{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.gridBKP{gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media (min-width:1024px){.gridBKP{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (min-width:1280px){.gridBKP{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.book-cardBKP{background:#0b1216;background:var(--bg-dark);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;position:relative;transition:all .3s ease;z-index:1}.book-cardBKP:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-2px)}.book-coverBKP{border-bottom:none;border-radius:8px 8px 0 0;display:block;height:180px;margin:0;object-fit:cover;width:100%}@media (min-width:640px){.book-coverBKP{height:200px}}@media (min-width:768px){.book-coverBKP{height:180px;margin-bottom:0}}@media (min-width:1280px){.book-coverBKP{height:220px}}.card-contentBKP{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:.6rem}@media (min-width:768px){.card-contentBKP{gap:4px;padding:.9rem}}.book-titleBKP{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#d0d8df;display:-webkit-box;font-size:.75rem;font-weight:600;line-height:1.2;margin-bottom:0;overflow:hidden}@media (min-width:768px){.book-titleBKP{font-size:.9rem;line-height:1.3;margin-bottom:0}}.book-authorBKP{border-top:none;color:#8696a0;color:var(--text-light);font-size:.55rem;margin-bottom:0;margin-top:0;overflow:hidden;padding-top:0;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.book-authorBKP{font-size:.75rem}}.book-descBKP{-webkit-box-orient:vertical;color:#8696a0;color:var(--text-light);display:-webkit-box;font-size:.7rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}@media (min-width:768px){.book-descBKP{font-size:.75rem;margin-bottom:.9rem}}.book-metaBKP{align-items:center;display:flex;font-size:.65rem;gap:4px;justify-content:space-between;margin-top:auto}@media (min-width:768px){.book-metaBKP{font-size:.75rem;gap:0}}.view-countBKP{align-items:center;border-radius:2px;color:#e9edef;color:var(--text-dark);display:flex;flex:0 0 auto;font-size:.45rem;gap:1px;height:14px;justify-content:center;min-width:0;padding:1px;transition:all .2s ease}.view-countBKP i,.view-countBKP svg{color:#e9edef;color:var(--text-dark);flex-shrink:0;font-size:.38rem}.view-countBKP:hover{background:#0000}@media (min-width:768px){.view-countBKP{flex:none;font-size:.7rem;height:22px;min-width:44px;padding:.35rem}}.downloads-countBKP{align-items:center;border-radius:2px;color:#e9edef;color:var(--text-dark);display:flex;flex:0 0 auto;font-size:.45rem;gap:1px;height:14px;justify-content:center;min-width:0;padding:1px;transition:all .2s ease}.downloads-countBKP i,.downloads-countBKP svg{color:#e9edef;color:var(--text-dark);flex-shrink:0;font-size:.38rem}.downloads-countBKP:hover{background:#0000}@media (min-width:768px){.downloads-countBKP{flex:none;font-size:.7rem;height:22px;min-width:44px;padding:.35rem}}.countBKP{display:inline;font-size:.45rem}@media (min-width:768px){.countBKP{display:inline;font-size:.7rem}}.ratingBKP{align-items:center;color:#8696a0;color:var(--text-light);display:flex;font-size:.7rem;gap:.2rem}.na-textBKP{font-size:.55rem}.rating-countBKP{color:#8696a0;color:var(--text-light);font-size:.65rem;margin-left:.3rem}.action-buttonsBKP{align-items:center;border-top:none;display:flex;flex-wrap:nowrap;gap:2px;height:auto;justify-content:space-between;margin-top:auto;overflow:visible;padding:2px;position:relative;z-index:10}@media (min-width:420px){.action-buttonsBKP{gap:2px;padding:2px}}@media (min-width:768px){.action-buttonsBKP{border-top:1px solid #2a3942;border-top:1px solid var(--border-color);gap:.6rem;height:30px;padding:.5rem}}.love-buttonBKP{align-items:center;background:#0000;border:none;border-radius:2px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;flex:0 0 auto;font-size:.45rem;gap:1px;height:14px;justify-content:center;min-width:0;padding:1px;transition:all .2s ease}.love-buttonBKP i,.love-buttonBKP svg{color:#8696a0;color:var(--text-light);flex-shrink:0;font-size:.38rem}.love-buttonBKP.activeBKP{animation:bookLikeClickPulse .4s ease-out}.love-buttonBKP.activeBKP,.love-buttonBKP.activeBKP i,.love-buttonBKP.activeBKP svg{color:#f15e6c;color:var(--error)}.love-buttonBKP:hover{background:#0000}@media (min-width:768px){.love-buttonBKP{flex:none;font-size:.7rem;height:22px;min-width:44px;padding:.35rem}.love-buttonBKP i,.love-buttonBKP svg{font-size:.7rem}}.wishlist-buttonBKP{align-items:center;background:#0000;border:none;border-radius:2px;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;flex:0 0 auto;font-size:.45rem;gap:1px;height:14px;justify-content:center;min-width:0;padding:1px;transition:all .2s ease}.wishlist-buttonBKP i,.wishlist-buttonBKP svg{color:#8696a0;color:var(--text-light);flex-shrink:0;font-size:.38rem}.wishlist-buttonBKP.activeBKP{color:#00a884;color:var(--primary)}.wishlist-buttonBKP:hover{background:#0000}@media (min-width:768px){.wishlist-buttonBKP{color:#8696a0;color:var(--text-light);cursor:pointer;flex:none;font-size:.7rem;height:22px;margin-left:0;min-width:44px;padding:.35rem;transition:all .2s ease}}.load-more-buttonBKP{background:#00a884;background:var(--primary);border:none;border-radius:6px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:block;font-size:.85rem;font-weight:500;margin:1.5rem auto 0;padding:.5rem 1rem;transition:all .2s ease}@media (min-width:768px){.load-more-buttonBKP{font-size:.9rem;padding:.6rem 1.2rem}}.load-more-buttonBKP:hover{background:#008069;background:var(--primary-hover)}.empty-stateBKP{background:#0b1216;background:var(--bg-dark);border:1px dashed #2a3942;border:1px dashed var(--border-color);border-radius:8px;color:#8696a0;color:var(--text-light);grid-column:1/-1;margin:1rem 0;padding:1.5rem 1rem;text-align:center}.empty-stateBKP h3{color:#e9edef;color:var(--text-dark);font-size:1rem;margin:.8rem 0 .4rem}.empty-stateBKP p{font-size:.8rem;margin-bottom:0}.empty-stateBKP svg{color:#8696a0;color:var(--text-light);font-size:1.5rem}@media (min-width:768px){.empty-stateBKP{padding:2rem 1rem}.empty-stateBKP h3{font-size:1.1rem}.empty-stateBKP p{font-size:.85rem}.empty-stateBKP svg{font-size:2rem}}.reset-buttonBKP{background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.modal-overlayBKP{-webkit-font-smoothing:antialiased;align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;will-change:opacity;z-index:1000}@media (max-width:480px){.modal-overlayBKP{align-items:flex-end;overflow:hidden;padding:0}}.modal-contentBKP{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0b1216;background:var(--bg-dark);border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin-top:70px;max-height:90vh;max-width:800px;overflow:hidden;position:relative;transform:translateZ(0);width:100%;will-change:transform,opacity}@media (max-width:768px){.modal-contentBKP{margin-left:5%;margin-right:5%;margin-top:0;max-width:90%}}@media (max-width:600px){.modal-contentBKP{border-radius:12px 12px 0 0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;max-height:85vh;max-width:95%;width:95%}}@media (max-width:480px){.modal-contentBKP{border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #0000004d;left:0;margin:0!important;max-height:90vh;max-width:none;position:fixed;right:0;width:100%}}.modal-headerBKP{color:#e9edef;color:var(--text-dark);padding:1rem 1.5rem;text-align:center}.modal-headerBKP h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.modal-headerBKP p{color:#8696a0;color:var(--text-light);font-size:.9rem;margin-bottom:0;opacity:.9}@media (max-width:768px){.modal-headerBKP{padding:.8rem 1rem}.modal-headerBKP h2{font-size:1.1rem}.modal-headerBKP p{font-size:.85rem}}@media (max-width:480px){.modal-headerBKP{padding:.75rem}.modal-headerBKP h2{font-size:1rem}.modal-headerBKP p{font-size:.8rem}}.modal-bodyBKP{flex:1 1;overflow-y:auto;padding:1.5rem}@media (max-width:768px){.modal-bodyBKP{padding:1rem}}@media (max-width:480px){.modal-bodyBKP{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:.75rem}}.details-containerBKP{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;padding:.75rem 0;scrollbar-color:#2a3942 #0b1216;scrollbar-color:var(--border-color) var(--bg-dark);scrollbar-width:thin}.details-containerBKP::-webkit-scrollbar{height:6px}.details-containerBKP::-webkit-scrollbar-track{background:#0b1216;background:var(--bg-dark)}.details-containerBKP::-webkit-scrollbar-thumb{background:#2a3942;background:var(--border-color);border-radius:3px}.detail-itemBKP{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:6px;flex:0 0 auto;min-width:100px;padding:.5rem;text-align:center}@media (min-width:768px){.detail-itemBKP{min-width:120px;padding:.75rem}}.detail-labelBKP{color:#8696a0;color:var(--text-light);font-size:.65rem;font-weight:500}@media (min-width:768px){.detail-labelBKP{font-size:.7rem}}.detail-valueBKP{color:#e9edef;color:var(--text-dark);font-size:.75rem;font-weight:600;word-break:break-word}@media (min-width:768px){.detail-valueBKP{font-size:.8rem}}.stats-containerBKP{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.stat-itemBKP{align-items:center;color:#e9edef;color:var(--text-dark);display:flex;font-size:.8rem}.stat-itemBKP svg{color:#00a884;color:var(--primary);flex-shrink:0;font-size:.5rem}@media (min-width:768px){.stat-itemBKP{font-size:.85rem}.stat-itemBKP svg{font-size:1rem}}.close-buttonBKP{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#8696a0;cursor:pointer;display:flex;font-size:1.5rem;height:auto;justify-content:center;padding:0;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:auto;z-index:10}@media (min-width:768px){.close-buttonBKP{font-size:1.8rem;right:1rem;top:1rem}}.close-buttonBKP:hover{background:#0000;color:#e9edef;transform:scale(1.1)}.close-buttonBKP:active{transform:scale(.95)}.badge-containerBKP{background:#0000;display:flex;gap:.3rem;position:absolute;right:.5rem;top:.5rem}@media (min-width:768px){.badge-containerBKP{gap:.4rem;right:.6rem;top:.6rem}}.trending-badgeBKP{align-items:center;background:#0b1216;background:var(--bg-dark);border-radius:999px;box-shadow:0 1px 2px #0000001a;color:#f59e0b;display:flex;font-size:.55rem;font-weight:600;gap:.2rem;padding:.15rem .3rem}@media (min-width:768px){.trending-badgeBKP{font-size:.6rem;padding:.2rem .4rem}}.new-badgeBKP{background:#0b1216;background:var(--bg-dark);border-radius:999px;box-shadow:0 1px 2px #0000001a;color:#10b981;font-size:.55rem;font-weight:600;padding:.15rem .3rem}@media (min-width:768px){.new-badgeBKP{font-size:.6rem;padding:.2rem .4rem}}.skeleton-cardBKP{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000001a;height:140px;overflow:hidden;padding:.75rem}@media (min-width:768px){.skeleton-cardBKP{height:160px;padding:.9rem}}.skeleton-coverBKP{background:#0b1216;background:var(--bg-dark);border-radius:4px;height:100px;margin-bottom:.5rem;width:100%}@media (min-width:768px){.skeleton-coverBKP{height:120px}}.skeleton-textBKP{background:#0b1216;background:var(--bg-dark);border-radius:4px;height:10px;margin-bottom:.4rem}.skeleton-textBKP[width]{width:100%;width:var(--width,100%)}@media (min-width:768px){.skeleton-textBKP{height:12px;margin-bottom:.5rem}}.wishlist-panelBKP{background:#0b1216;background:var(--bg-dark);border-left:1px solid #2a3942;border-left:1px solid var(--border-color);box-shadow:-2px 0 10px #0000004d;height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:10%;width:230px;z-index:1000}.wishlist-headerBKP{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.wishlist-titleBKP{color:#e9edef;color:var(--text-dark);font-size:1.2rem;margin:0}.wishlist-close-buttonBKP{background:none;border:none;color:#f15e6c;color:var(--error);cursor:pointer;padding:5px}.wishlist-close-buttonBKP:hover,.wishlist-toggleBKP{color:#e9edef;color:var(--text-dark)}.wishlist-toggleBKP{align-items:center;background:#0000;border:none;border-radius:50%;bottom:16px;box-shadow:none;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:fixed;right:16px;width:36px;z-index:999}.wishlist-toggleBKP svg{color:#6366f1!important;flex-shrink:0;height:20px!important;min-height:20px;min-width:20px;width:20px!important}.wishlist-countBKP{align-items:center;background:#0000;border-radius:50%;color:#ef4444;display:flex;font-size:.7rem;font-weight:900;justify-content:center;position:absolute;right:0;top:0}.wishlist-booksBKP{display:flex;flex-direction:column;gap:15px}.wishlist-book-itemBKP{align-items:center;background:#0b1216;background:var(--bg-dark);border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:10px;transition:background .2s}.wishlist-book-itemBKP:hover{background:#8696a01a}.wishlist-book-coverBKP{border-radius:4px;height:70px;object-fit:cover;width:50px}.wishlist-book-infoBKP{flex:1 1}.wishlist-book-infoBKP h4{color:#e9edef;color:var(--text-dark);font-size:.9rem;margin:0 0 5px}.wishlist-book-infoBKP p{color:#8696a0;color:var(--text-light);font-size:.8rem;margin:0}.wishlist-remove-buttonBKP{background:none;border:none;color:#f15e6c;color:var(--error);cursor:pointer;margin-left:auto}.wishlist-emptyBKP{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0;text-align:center}.wishlist-emptyBKP p{color:#8696a0;color:var(--text-light);margin-top:15px}.browse-books-buttonBKP{background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5px;padding:8px 16px}.welcome-bannerBKP{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem;position:relative}.welcome-contentBKP{text-align:center}.welcome-contentBKP h3{color:#e9edef;color:var(--text-dark);font-size:1.2rem;margin-bottom:.5rem}.welcome-contentBKP p{color:#8696a0;color:var(--text-light);font-size:.9rem;margin-bottom:0}.close-welcomeBKP{background:none;border:none;color:#8696a0;color:var(--text-light);cursor:pointer;position:absolute;right:.5rem;top:.5rem}.modal-actionsBKP{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:0 1rem 1rem}.actions-primary-rowBKP{flex-wrap:wrap;justify-content:space-around;width:100%}.actions-primary-rowBKP,.actions-social-sectionBKP{align-items:center;display:flex;flex-direction:row;gap:8px}.actions-social-sectionBKP{width:auto}.social-label-mobileBKP{color:#8696a0;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:0 4px;text-transform:uppercase}@media (max-width:640px){.modal-actionsBKP{gap:10px;padding:0 .75rem .75rem}.actions-primary-rowBKP,.actions-social-sectionBKP{gap:6px}}@media (max-width:480px){.modal-actionsBKP{gap:8px;margin-top:12px;padding:.75rem}.actions-primary-rowBKP{flex-wrap:wrap;gap:6px}.actions-social-sectionBKP{gap:6px}}@media (max-width:420px){.modal-actionsBKP{gap:8px;padding:.75rem}.actions-primary-rowBKP{gap:4px}.social-label-mobileBKP{font-size:.75rem}}@media (max-width:280px){.modal-actionsBKP{gap:6px;padding:.5rem}.actions-primary-rowBKP{flex-direction:column;gap:4px}.actions-social-sectionBKP{gap:4px}.social-label-mobileBKP{font-size:.7rem;padding:0 2px}}.downloads-displayBKP{align-items:center;border-radius:4px;color:#8696a0;color:var(--text-light);display:flex;font-size:.65rem;gap:.3rem;height:22px;min-width:44px;padding:.3rem}@media (min-width:768px){.downloads-displayBKP{font-size:.7rem;padding:.35rem}}.recommendations-toggleBKP{align-items:center;background:#0000;border:none;border-radius:50%;bottom:70px;box-shadow:none;color:#00a884;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:fixed;right:16px;width:36px;z-index:999}.recommendations-toggleBKP:hover{transform:scale(1.1)}.recommendations-toggleBKP svg{color:#00a884!important;flex-shrink:0;height:20px!important;min-height:20px;min-width:20px;width:20px!important}.rec-countBKP{align-items:center;background:#0000;border-radius:50%;color:#ef4444;display:flex;font-size:.7rem;font-weight:900;justify-content:center;position:absolute;right:0;top:0}.recommendations-panelBKP{background:#0b1216;background:var(--bg-dark);border-left:1px solid #2a3942;border-left:1px solid var(--border-color);box-shadow:-2px 0 10px #0000004d;height:84vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:8%;width:320px;z-index:1000}@media (max-width:720px){.recommendations-panelBKP,.wishlist-panelBKP{border-left:none;border-radius:12px 12px 0 0;bottom:6vh;height:60vh;left:50%;padding:16px;position:fixed;right:auto;top:auto;transform:translateX(-50%);width:96%}.recommendations-toggleBKP{bottom:70px;right:16px}.wishlist-toggleBKP{bottom:16px;right:16px}}@media (max-width:420px){.recommendations-toggleBKP{bottom:70px;font-size:1rem;height:32px;right:16px;width:32px}.recommendations-toggleBKP svg{height:16px!important;width:16px!important}.wishlist-toggleBKP{bottom:16px;height:32px;right:16px;width:32px}.wishlist-toggleBKP svg{height:16px!important;width:16px!important}}.recommendations-headerBKP{align-items:center;background:linear-gradient(135deg,#00a8841a,#00a8840d);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin:-20px -20px 10px;padding:12px}.recommendations-titleBKP{color:#e9edef;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin:0}.close-panel-btnBKP{align-items:center;background:#0000;border:none;border-radius:4px;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.close-panel-btnBKP:hover{background:#0000001a;color:#e9edef;color:var(--text-dark)}.recommendations-contentBKP{display:flex;flex-direction:column;gap:12px;margin-bottom:150px}.empty-recommendations-msgBKP{color:#8696a0;color:var(--text-light);font-size:.85rem;padding:2rem 1rem;text-align:center}.recommendation-itemBKP{background:#00a8840d;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;position:relative;transition:all .2s ease}.recommendation-itemBKP:hover{background:#00a8840d;border-color:#00a884;transform:translateX(-4px)}.rec-book-imgBKP{border-radius:4px;flex-shrink:0;height:75px;object-fit:cover;width:55px}.rec-book-infoBKP{display:flex;flex:1 1;flex-direction:column;gap:4px}.rec-book-titleBKP{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#e9edef;color:var(--text-dark);display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.rec-book-authorBKP{color:#8696a0;color:var(--text-light);font-size:.7rem;margin:0}.rec-book-metaBKP{align-items:center;display:flex;gap:.5rem;margin-top:2px}.rec-ratingBKP{color:#e9edef;color:var(--text-dark);font-size:.7rem;gap:.2rem}.rec-ratingBKP,.rec-reasonBKP{align-items:center;display:flex;font-weight:500}.rec-reasonBKP{color:#00a884;font-size:.65rem;font-style:italic;gap:.3rem;margin:4px 0 0}.book-card-skeletonBKP{background:#111b21;background:var(--bg-secondary,#111b21);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:.75rem;position:relative}.skeleton-badges-containerBKP{display:flex;gap:.5rem;left:.5rem;position:absolute;right:.5rem;top:.5rem;z-index:2}.skeleton-badgeBKP{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;height:20px}.skeleton-imageBKP{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2a3942,#364952 50%,#2a3942);background-size:1000px 100%;border-radius:8px;height:260px;width:100%}.skeleton-contentBKP{display:flex;flex:1 1;flex-direction:column;gap:10px}.skeleton-titleBKP{height:20px;width:85%}.skeleton-authorBKP,.skeleton-titleBKP{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2a3942,#364952 50%,#2a3942);background-size:1000px 100%;border-radius:4px}.skeleton-authorBKP{height:16px;width:60%}.skeleton-metaBKP{display:flex;gap:15px;margin-top:10px}.skeleton-meta-itemBKP{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2a3942,#364952 50%,#2a3942);background-size:1000px 100%;border-radius:4px;height:14px;width:70px}.stats-bar-skeletonBKP{background:#1f2c33;border:1px solid #2a3942;border-radius:12px;display:flex;gap:30px;margin-bottom:20px;padding:20px}.stat-skeleton-itemBKP{align-items:center;display:flex;flex-direction:column;gap:8px}.skeleton-stat-valueBKP{border-radius:6px;height:32px;width:80px}.skeleton-stat-labelBKP,.skeleton-stat-valueBKP{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2a3942,#364952 50%,#2a3942);background-size:1000px 100%}.skeleton-stat-labelBKP{border-radius:4px;height:16px;width:100px}.skeleton-actionsBKP{align-items:center;border-top:1px solid #2a3942;display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem}.skeleton-action-btnBKP{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2a3942,#364952 50%,#2a3942);background-size:1000px 100%;border-radius:6px;height:32px;width:32px}@media (max-width:768px){.book-card-skeletonBKP{height:340px}.skeleton-imageBKP{height:200px}.stats-bar-skeletonBKP{flex-wrap:wrap;gap:15px}.stat-skeleton-itemBKP{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1;min-width:120px}}.share-rowBKP{display:flex;flex-wrap:wrap;gap:6px;margin-top:0;width:100%}.share-btnBKP{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:6px;color:#d1d5db;cursor:pointer;display:inline-flex;flex:1 1;font-size:.8rem;gap:4px;justify-content:center;min-width:50px;padding:6px 10px;transition:all .15s ease}.share-btnBKP:hover{background:#6366f114;border-color:#6366f1;color:#e5e7eb}.share-btn-copyBKP{color:#64748b}.share-btn-copyBKP:hover{border-color:#64748b;color:#e5e7eb}.x-text-icon{align-items:center;display:inline-flex;font-size:14px;font-weight:700;height:14px;justify-content:center;width:14px}.share-btn-xBKP{border-color:#ffffff4d;color:#fff}.share-btn-xBKP:hover{background:#ffffff1a;border-color:#fff;color:#fff}.share-btn-facebookBKP{border-color:#1877f24d;color:#1877f2}.share-btn-facebookBKP:hover{background:#1877f21a;border-color:#1877f2;color:#1877f2}.share-btn-linkedinBKP{border-color:#0a66c24d;color:#0a66c2}.share-btn-linkedinBKP:hover{background:#0a66c21a;border-color:#0a66c2;color:#0a66c2}.share-btn-emailBKP{border-color:#ea43354d;color:#ea4335}.share-btn-emailBKP:hover{background:#ea43351a;border-color:#ea4335;color:#ea4335}.share-btnBKP svg{flex-shrink:0;height:14px;width:14px}@media (min-width:640px){.btn-label-mobileBKP{display:inline}}@media (max-width:420px){.share-rowBKP{gap:4px}.share-btnBKP{font-size:.7rem;min-width:44px;padding:5px 8px}.share-btnBKP svg{height:12px;width:12px}}@media (max-width:280px){.share-rowBKP{gap:2px}.share-btnBKP{flex:1 1;font-size:.6rem;min-width:32px;padding:4px}.share-btnBKP svg{height:10px;width:10px}.btn-label-mobileBKP{display:none!important}}.btn-readBKP{border-radius:2px;font-size:.5rem;gap:1px;padding:1px 3px}.btn-readBKP svg{height:8px;width:8px}@media (max-width:640px){.btn-readBKP{border-radius:2px;font-size:.45rem;gap:1px;padding:1px 2px}.btn-readBKP svg{height:7px;width:7px}}@media (max-width:480px){.btn-readBKP{border-radius:2px;font-size:.4rem;gap:0;padding:0 2px}.btn-readBKP svg{height:6px;width:6px}}.actions-primary-rowBKP>button:first-child,.actions-primary-rowBKP>button:first-child:hover,.actions-primary-rowBKP>div>button:first-child,.actions-primary-rowBKP>div>button:first-child:hover{border-color:#06b6d4!important;color:#06b6d4!important}.actions-primary-rowBKP>button.btn-readBKP.btn-action-primaryBKP:nth-child(2),.actions-primary-rowBKP>button.btn-readBKP.btn-action-primaryBKP:nth-child(2):hover{border-color:#ec4899!important;color:#ec4899!important}.actions-primary-rowBKP>button.btn-readBKP.btn-action-primaryBKP:nth-child(3),.actions-primary-rowBKP>button.btn-readBKP.btn-action-primaryBKP:nth-child(3):hover{border-color:#f97316!important;color:#f97316!important}.actions-primary-rowBKP>button.btn-readBKP.btn-action-primaryBKP:nth-child(4),.actions-primary-rowBKP>button.btn-readBKP.btn-action-primaryBKP:nth-child(4):hover{border-color:#00ff41!important;color:#00ff41!important}div[style*="position: relative"]>.btn-readBKP{border-color:#8b5cf6;color:#8b5cf6}@media (max-width:768px){.btn-readBKP{flex:0 1 auto;font-size:.6rem;gap:4px;min-width:auto;padding:4px 8px}}div[style*="position: relative"]>.btn-readBKP:hover{border-color:#8b5cf6;color:#8b5cf6}.btn-action-primaryBKP{flex:0 1 auto;min-width:auto}.btn-label-mobileBKP{display:none}@media (max-width:768px){.btn-mark-hiddenBKP{display:none}.actions-primary-rowBKP{gap:8px}.btn-action-primaryBKP{flex:0 1 auto;min-width:auto}}.reader-overlayBKP{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.reader-containerBKP{background:#0b141a;border:1px solid #2a3942;border-radius:12px;display:flex;flex-direction:column;height:min(90vh,900px);overflow:hidden;width:min(1100px,95vw)}.reader-headerBKP{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:10px 12px}.reader-titleBKP{color:#e2e8f0;font-size:.95rem;font-weight:600}.reader-closeBKP{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:6px}.reader-closeBKP:hover{background:#94a3b81a;color:#e2e8f0}.reader-bodyBKP{display:flex;flex:1 1}.reader-iframeBKP{background:#0b141a;border:0;height:100%;width:100%}.reader-fallbackBKP{color:#cbd5e1;font-size:.95rem;margin:auto}.subscription-modalBKP{max-width:520px}.subscription-headerBKP{padding:1.25rem 1.5rem .5rem;text-align:center}.subscription-headerBKP h2{color:#e9edef;color:var(--text-dark);font-size:1.2rem;margin:0 0 .4rem}.subscription-headerBKP p{color:#8696a0;color:var(--text-light);font-size:.85rem;margin:0}.subscription-bodyBKP{display:flex;flex-direction:column;gap:1rem;padding:.75rem 1.5rem 1.25rem}.subscription-plansBKP{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}@media (max-width:480px){.subscription-plansBKP{grid-template-columns:1fr}}.subscription-planBKP{background:#111b21;background:var(--bg-secondary);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.6rem .7rem;text-align:left;transition:all .18s ease}.subscription-planBKP:hover{background:#00a88414;border-color:#00a884;border-color:var(--primary)}.subscription-plan-selectedBKP{background:linear-gradient(135deg,#00a88429,#25d3660f);border-color:#00a884;border-color:var(--primary);box-shadow:0 0 0 1px #00a88466}.subscription-plan-mainBKP{align-items:center;display:flex;justify-content:space-between}.subscription-plan-labelBKP{font-size:.85rem;font-weight:600}.subscription-plan-priceBKP{color:#00a884;color:var(--primary);font-size:.9rem;font-weight:600}.subscription-plan-metaBKP{align-items:center;color:#8696a0;color:var(--text-light);display:flex;font-size:.7rem;gap:.3rem}.subscription-footerBKP{display:flex;flex-direction:column;gap:.6rem}.subscription-noteBKP{align-items:center;color:#8696a0;color:var(--text-light);display:flex;font-size:.75rem;gap:.4rem}.subscription-noteBKP svg{color:#00a884;color:var(--primary)}@media (max-width:920px){.containerBKP{height:auto!important;max-height:none!important;overflow:visible!important}.controlsBKP{-webkit-overflow-scrolling:auto!important;overflow:visible!important}.recommendations-panelBKP,.wishlist-panelBKP{height:auto!important;max-height:60vh!important;overflow-y:auto!important}}.subscription-errorBKP{background:#f871711f;border-radius:6px;color:#fecaca;font-size:.78rem;padding:.4rem .6rem}.subscription-submitBKP{background:linear-gradient(135deg,#00a884,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.subscription-submitBKP:hover{box-shadow:0 8px 20px #10b98159;transform:translateY(-1px)}.subscription-submitBKP:disabled{box-shadow:none;cursor:default;opacity:.7}.subscription-phone-inputBKP{display:flex;flex-direction:column;gap:.4rem}.subscription-phone-labelBKP{color:#e9edef;color:var(--text-dark);font-size:.85rem;font-weight:600}.subscription-phone-fieldBKP{background:#111b21;background:var(--bg-secondary);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:6px;color:#e9edef;color:var(--text-dark);font-size:.9rem;padding:.6rem .8rem;transition:border-color .18s ease}.subscription-phone-fieldBKP:focus{border-color:#00a884;border-color:var(--primary);box-shadow:0 0 0 2px #00a88433;outline:none}.subscription-phone-fieldBKP:disabled{cursor:not-allowed;opacity:.6}.subscription-phone-helpBKP{color:#8696a0;color:var(--text-light);font-size:.7rem;margin:0}.dots-loader{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:10px}.dots-loader span{animation:dots-bounce 1s ease-in-out infinite;background:#e9edef;background:var(--text-dark);border-radius:50%;height:8px;opacity:.35;transform:translateY(0);width:8px}.dots-loader span:first-child{animation-delay:0s}.dots-loader span:nth-child(2){animation-delay:.16s}.dots-loader span:nth-child(3){animation-delay:.32s}@keyframes dots-bounce{0%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}to{opacity:.35;transform:translateY(0)}}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.pagination{margin-top:16px}.pagination-btn{border:1px solid var(--border-color);color:var(--text-dark);display:inline-flex;padding:.45rem .75rem}.pagination-btn:disabled{opacity:.6}.pagination-numbers{align-items:center;gap:8px}.pagination-number{background:#0000;border:1px solid #0000;color:var(--text-dark);min-width:36px;padding:.4rem .65rem;text-align:center}.pagination-number:disabled{cursor:not-allowed;opacity:.65}.pagination-number.active{background:linear-gradient(90deg,#00a884,#008069);background:linear-gradient(90deg,var(--primary) 0,var(--primary-hover) 100%);border:1px solid #00a884e6!important;box-shadow:0 6px 18px #00a8842e;color:#fff!important;font-weight:700!important}@media (max-width:520px){.pagination{gap:6px;margin-top:12px}.pagination-number{min-width:30px;padding:.35rem .5rem}}.containerBKP{padding-left:12px!important;padding-right:12px!important}@media (max-width:768px){.containerBKP{padding-left:8px!important;padding-right:8px!important}.controlsBKP,.search-containerBKP{padding-left:0!important;padding-right:0!important}.filter-wrapperBKP{gap:8px}.modal-contentBKP{margin-left:8px!important;margin-right:8px!important;width:calc(100% - 16px)!important}.recommendations-panelBKP,.wishlist-panelBKP{left:8px!important;right:8px!important;width:calc(100% - 16px)!important}}@media (max-width:420px){.containerBKP{padding-left:6px!important;padding-right:6px!important}.modal-contentBKP{margin-left:6px!important;margin-right:6px!important;width:calc(100% - 12px)!important}.recommendations-panelBKP,.wishlist-panelBKP{left:6px!important;right:6px!important;width:calc(100% - 12px)!important}.titleBKP{font-size:1.1rem}.controlsBKP{padding-left:0!important;padding-right:0!important}}.containerBKP::-webkit-scrollbar,.controlsBKP::-webkit-scrollbar,.details-containerBKP::-webkit-scrollbar,.gridBKP::-webkit-scrollbar,.modal-bodyBKP::-webkit-scrollbar,.recommendations-panelBKP::-webkit-scrollbar,.wishlist-panelBKP::-webkit-scrollbar{height:6px;width:6px}.containerBKP::-webkit-scrollbar-track,.controlsBKP::-webkit-scrollbar-track,.details-containerBKP::-webkit-scrollbar-track,.gridBKP::-webkit-scrollbar-track,.modal-bodyBKP::-webkit-scrollbar-track,.recommendations-panelBKP::-webkit-scrollbar-track,.wishlist-panelBKP::-webkit-scrollbar-track{background:#0000}.containerBKP::-webkit-scrollbar-thumb,.controlsBKP::-webkit-scrollbar-thumb,.details-containerBKP::-webkit-scrollbar-thumb,.gridBKP::-webkit-scrollbar-thumb,.modal-bodyBKP::-webkit-scrollbar-thumb,.recommendations-panelBKP::-webkit-scrollbar-thumb,.wishlist-panelBKP::-webkit-scrollbar-thumb{background:#ffffff0f;border:1px solid #00000014;border-radius:999px}.containerBKP,.controlsBKP,.details-containerBKP,.gridBKP,.modal-bodyBKP,.recommendations-panelBKP,.wishlist-panelBKP{scrollbar-color:#ffffff0f #0000;scrollbar-width:thin}@media (max-width:920px){.containerBKP::-webkit-scrollbar,.controlsBKP::-webkit-scrollbar,.details-containerBKP::-webkit-scrollbar,.gridBKP::-webkit-scrollbar,.modal-bodyBKP::-webkit-scrollbar,.recommendations-panelBKP::-webkit-scrollbar,.wishlist-panelBKP::-webkit-scrollbar{height:4px;width:4px}.containerBKP::-webkit-scrollbar-thumb,.controlsBKP::-webkit-scrollbar-thumb,.details-containerBKP::-webkit-scrollbar-thumb,.gridBKP::-webkit-scrollbar-thumb,.modal-bodyBKP::-webkit-scrollbar-thumb,.recommendations-panelBKP::-webkit-scrollbar-thumb,.wishlist-panelBKP::-webkit-scrollbar-thumb{background:#ffffff14}}.containerBKP,.controlsBKP,.details-containerBKP,.gridBKP,.modal-bodyBKP,.recommendations-panelBKP,.wishlist-panelBKP{-ms-overflow-style:none;scrollbar-width:none}.containerBKP::-webkit-scrollbar,.controlsBKP::-webkit-scrollbar,.details-containerBKP::-webkit-scrollbar,.gridBKP::-webkit-scrollbar,.modal-bodyBKP::-webkit-scrollbar,.recommendations-panelBKP::-webkit-scrollbar,.wishlist-panelBKP::-webkit-scrollbar{display:none;height:0;width:0}.containerBKP *{-ms-overflow-style:none!important;scrollbar-width:none!important}.containerBKP ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--total-scale-factor));max-width:calc(180px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--total-scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.summary-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;overflow:hidden;overscroll-behavior:contain;padding:16px;position:fixed;z-index:2000}.summary-modal-content{background:#111b21;border:1px solid #2a3942;border-radius:8px;box-shadow:0 10px 40px #00000080;color:#e9edef;contain:layout style paint;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.summary-modal-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.summary-modal-title{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.summary-modal-title h3{color:#e9edef;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-page-badge{background:#0c6d58;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.summary-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#8696a0;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.summary-modal-close:hover{background:#0c6d5833;color:#0c6d58}.summary-modal-tabs{border-bottom:1px solid #2a3942;display:flex;flex-shrink:0;gap:0;padding:0 16px}.summary-tab{background:none;border:none;border-bottom:2px solid #0000;color:#8696a0;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.summary-tab:hover{color:#0c6d58}.summary-tab.active{border-bottom-color:#0c6d58;color:#0c6d58}.summary-length-control{align-items:center;border-bottom:1px solid #2a3942;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:12px 16px}.summary-length-control label{color:#8696a0;font-size:13px;font-weight:500;white-space:nowrap}.summary-slider{-webkit-appearance:none;appearance:none;background:#2a3942;border-radius:3px;flex:1 1;height:6px;min-width:100px;outline:none}.summary-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0c6d58;border:2px solid #111b21;border-radius:50%;cursor:pointer;height:16px;width:16px}.summary-slider::-moz-range-thumb{background:#0c6d58;border:2px solid #111b21;border-radius:50%;cursor:pointer;height:16px;width:16px}.summary-length-value{color:#0c6d58;font-size:12px;font-weight:600;min-width:70px;white-space:nowrap}.summary-modal-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;color:#d1d5db;contain:content;flex:1 1;font-size:14px;line-height:1.6;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px;scrollbar-width:none}.summary-modal-body::-webkit-scrollbar{display:none}.summary-text p{margin:0;white-space:pre-wrap;word-break:break-word}.summary-keypoints ul{list-style:none;margin:0;padding-left:20px}.summary-keypoints li{margin-bottom:12px;padding-left:8px;position:relative;word-break:break-word}.summary-keypoints li:before{color:#0c6d58;content:"•";font-weight:700;left:0;position:absolute}.summary-stats{border-bottom:1px solid #2a3942;border-top:1px solid #2a3942;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-around;padding:12px 16px}.stat-item{gap:4px}.stat-label{font-size:11px}.stat-value{color:#0c6d58;font-size:14px;font-weight:600}.summary-modal-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 16px}.summary-action-btn{align-items:center;background:#0c6d58;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.summary-action-btn:hover{background:#008069;box-shadow:0 2px 8px #0c6d584d;transform:translateY(-1px)}.summary-action-btn.success{background:#10b981}.summary-action-btn.success:hover{background:#059669}.summary-action-btn.cancel{background:#374151}.summary-action-btn.cancel:hover{background:#4b5563}.summary-modal-body::-webkit-scrollbar{width:6px}.summary-modal-body::-webkit-scrollbar-track{background:#111b21}.summary-modal-body::-webkit-scrollbar-thumb{background:#2a3942;border-radius:3px}.summary-modal-body::-webkit-scrollbar-thumb:hover{background:#3a4952}@media (max-width:480px){.summary-modal-content{border-radius:8px 8px 0 0;max-height:90vh;max-width:100%}.summary-modal-header{padding:12px}.summary-modal-title h3{font-size:14px}.summary-page-badge{font-size:11px;padding:3px 8px}.summary-length-control{gap:8px;padding:10px 12px}.summary-length-control label{font-size:12px}.summary-modal-body{font-size:13px;padding:12px}.summary-stats{gap:12px;padding:10px 12px}.summary-modal-actions{gap:6px;padding:10px 12px}.summary-action-btn{flex:1 1;justify-content:center;min-width:60px}.summary-tab{font-size:13px;padding:10px 12px}}.download-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.download-modal-content{background:#111b21;border:none;border-radius:8px;box-shadow:0 10px 40px #00000080,inset 0 0 0 1px #0c6d581a;color:#e9edef;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.download-modal-header{align-items:center;border-bottom:none;box-shadow:inset 0 -1px 0 #ffffff0a;display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.download-modal-header h3{color:#e9edef;font-size:16px;font-weight:600;margin:0}.download-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#8696a0;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.download-modal-close:hover{background:#0c6d5833;color:#0c6d58}.download-modal-info{background:#ffffff05;border-bottom:none;box-shadow:inset 0 -1px 0 #ffffff0a;flex-shrink:0;padding:12px 16px}.download-modal-info p{color:#e9edefd9;font-size:13px;line-height:1.5;margin:0}.download-modal-info strong{color:#ffffffe6;font-weight:600}.download-options{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.download-option{background:#ffffff08;border:none;border-radius:6px;box-shadow:0 0 0 1px #ffffff0f,inset 0 0 0 1px #ffffff08;display:flex;flex-direction:column;gap:12px;padding:14px;transition:all .2s ease}.download-option:hover{background:#ffffff08;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0a}.option-header{align-items:flex-start;display:flex;gap:12px}.option-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.option-icon.pdf{background:#3b82f61a}.option-icon.docx{background:#22c55e1a}.option-title{flex:1 1}.option-title h4{color:#e9edef;font-size:14px;font-weight:600;margin:0}.option-title p{color:#8696a0;font-size:12px;margin:4px 0 0}.option-details{align-items:center;display:flex;gap:12px;justify-content:space-between}.option-format{background:#ffffff05;border-radius:3px;color:#8696a0b3;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.download-btn{align-items:center;border:none;border-radius:4px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;white-space:nowrap}.download-btn.pdf{background:#3b82f6b3;color:#fff}.download-btn.pdf:hover:not(:disabled){background:#3b82f6cc;box-shadow:0 2px 8px #3b82f640;transform:scale(.96)}.download-btn.docx{background:#22c55eb3;color:#fff}.download-btn.docx:hover:not(:disabled){background:#22c55ecc;box-shadow:0 2px 8px #22c55e40;transform:scale(.96)}.download-btn:disabled{cursor:not-allowed;opacity:.6}.download-modal-footer{border-top:none;box-shadow:inset 0 1px 0 #ffffff0a;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 16px}.cancel-btn{background:#ffffff0a;border:none;border-radius:4px;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0a;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0a;box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0f;color:#ffffffe6}.download-options::-webkit-scrollbar{width:6px}.download-options::-webkit-scrollbar-track{background:#111b21}.download-options::-webkit-scrollbar-thumb{background:#2a3942;border-radius:3px}.download-options::-webkit-scrollbar-thumb:hover{background:#3a4a52}@media (max-width:480px){.download-modal-content{border-radius:8px 8px 0 0;max-width:100%}.download-modal-header{padding:12px}.download-modal-header h3{font-size:14px}.download-options{gap:10px;padding:12px}.download-option{padding:12px}.option-header{gap:10px}.option-icon{font-size:20px;height:36px;width:36px}.option-title h4{font-size:13px}.option-title p{font-size:11px}.download-btn{flex:1 1;justify-content:center;padding:7px 10px}.download-modal-footer{padding:10px 12px}.cancel-btn{font-size:12px;padding:7px 12px}}.sm-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.sm-modal{animation:slideUp .3s ease-out;background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:650px;overflow-y:auto;width:90%}.sm-header{align-items:center;background:linear-gradient(90deg,#0f1a1e,#0b1216);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sm-header h2{color:#e9edef;color:var(--text-dark);font-size:18px;font-weight:600;margin:0}.sm-close-btn{align-items:center;background:none;border:none;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.sm-close-btn:hover{color:#e9edef;color:var(--text-dark)}.sm-content{display:flex;flex-direction:column;gap:20px;padding:20px}.sm-progress-section{background:linear-gradient(135deg,#1a2631,#0f1a1e);border:1px solid #0c6d584d;border-radius:8px;padding:16px}.sm-progress-header{align-items:center;color:#e9edef;color:var(--text-dark);display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.sm-progress-percent{color:#0c6d58;color:var(--primary);font-size:18px}.sm-progress-bar-advanced{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);margin-bottom:12px}.sm-progress-segment{background:#8996a033;border-radius:2px;height:8px;transition:all .3s ease}.sm-progress-segment.filled{background:linear-gradient(135deg,#0c6d58,#00b386);background:linear-gradient(135deg,var(--primary),#00b386);box-shadow:0 0 8px #0c6d5866}.sm-progress-details{color:#8696a0;color:var(--text-light);display:flex;font-size:13px;justify-content:space-between}.sm-remaining-pages{color:#0c6d58;color:var(--primary);font-weight:500}.sm-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.sm-stat-card{background:linear-gradient(135deg,#1a2631,#0f1a1e);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;padding:16px;position:relative;text-align:center;transition:all .2s}.sm-stat-card:before{background:linear-gradient(90deg,#0c6d58,#00b386);background:linear-gradient(90deg,var(--primary),#00b386);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.sm-stat-card:hover:before{transform:scaleX(1)}.sm-stat-card:hover{border-color:#0c6d58;border-color:var(--primary);box-shadow:0 4px 16px #0c6d5826;transform:translateY(-2px)}.sm-stat-card.sm-primary-card{background:linear-gradient(135deg,#0c6d581a,#0c6d580d);border-color:#0c6d5866}.sm-stat-card.sm-secondary-card{background:linear-gradient(135deg,#4193b314,#4193b308);border-color:#4193b34d}.sm-stat-card.sm-tertiary-card{background:linear-gradient(135deg,#db863a14,#db863a08);border-color:#db863a4d}.sm-stat-label{color:#8696a0;color:var(--text-light);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sm-stat-value{color:#0c6d58;color:var(--primary);font-size:28px;font-weight:700;margin-bottom:4px}.sm-stat-subtext{color:#8696a0;color:var(--text-light);font-size:12px}.sm-secondary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.sm-info-card{align-items:center;background:#0c6d580d;border:1px solid #0c6d5833;border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s}.sm-info-card:hover{background:#0c6d581a;border-color:#0c6d58;border-color:var(--primary)}.sm-info-icon{font-size:24px;min-width:30px}.sm-info-content{flex:1 1}.sm-info-label{color:#8696a0;color:var(--text-light);font-size:11px;font-weight:600;margin-bottom:2px;text-transform:uppercase}.sm-info-value{color:#e9edef;color:var(--text-dark);font-size:18px;font-weight:700}.sm-completion-card{background:linear-gradient(135deg,#0c6d5826,#0c6d5814);border:2px solid #0c6d584d;border-radius:8px;padding:16px;text-align:center}.sm-completion-title{color:#8696a0;color:var(--text-light);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sm-completion-time{color:#0c6d58;color:var(--primary);font-size:26px;font-weight:700;margin-bottom:4px}.sm-completion-subtext{color:#8696a0;color:var(--text-light);font-size:12px}.sm-performance-section{background:linear-gradient(135deg,#1a2631,#0f1a1e);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;padding:16px}.sm-performance-title{color:#8696a0;color:var(--text-light);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.sm-metrics-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sm-metric-item{align-items:center;background:#0c6d580d;border-radius:6px;display:flex;flex-direction:column;padding:10px;transition:all .2s}.sm-metric-item:hover{background:#0c6d581a}.sm-metric-label{color:#8696a0;color:var(--text-light);font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.sm-metric-value{color:#0c6d58;color:var(--primary);font-size:16px;font-weight:700}.sm-footer{border-top:1px solid #2a3942;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:16px 20px}.sm-close-button{background:#0c6d58;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.sm-close-button:hover{background:#008069;background:var(--primary-hover);box-shadow:0 4px 12px #0c6d584d;transform:translateY(-1px)}.sm-close-button:active{transform:translateY(0)}@media (max-width:600px){.sm-modal{max-height:90vh;width:95%}.sm-stat-value{font-size:22px}.sm-stat-grid{grid-template-columns:repeat(2,1fr)}.sm-metrics-row{grid-template-columns:1fr}}.stm-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.stm-modal{animation:slideUp .3s ease-out;background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:550px;overflow-y:auto;width:90%}.stm-header{align-items:center;background:linear-gradient(90deg,#0f1a1e,#0b1216);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.stm-header h2{color:#e9edef;color:var(--text-dark);font-size:18px;font-weight:600;margin:0}.stm-close-btn{align-items:center;background:none;border:none;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.stm-close-btn:hover{color:#e9edef;color:var(--text-dark)}.stm-content{display:flex;flex-direction:column;gap:20px;padding:20px}.stm-setting-group{border-bottom:1px solid #2a394280;padding-bottom:20px}.stm-setting-group:last-of-type{border-bottom:none;padding-bottom:0}.stm-label{color:#e9edef;color:var(--text-dark);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.stm-control-row,.stm-font-size-control{align-items:center;display:flex;gap:10px;margin-bottom:12px}.stm-size-btn{background:linear-gradient(135deg,#1a2631,#0f1a1e);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:4px;color:#e9edef;color:var(--text-dark);cursor:pointer;font-size:16px;font-weight:600;min-width:40px;padding:6px 12px;transition:all .2s}.stm-size-btn:hover{background:linear-gradient(135deg,#1e2e38,#131f26);border-color:#0c6d58;border-color:var(--primary);color:#0c6d58;color:var(--primary)}.stm-size-btn:active{transform:scale(.95)}.stm-size-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#2a3942,#0c6d58);background:linear-gradient(90deg,var(--border-color),var(--primary));border-radius:2px;flex:1 1;height:4px;outline:none}.stm-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0c6d58;background:var(--primary);border-radius:50%;box-shadow:0 2px 8px #0c6d584d;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.stm-size-slider::-webkit-slider-thumb:hover{background:#008069;background:var(--primary-hover);box-shadow:0 4px 12px #0c6d5880;transform:scale(1.2)}.stm-size-slider::-moz-range-thumb{background:#0c6d58;background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 8px #0c6d584d;cursor:pointer;height:16px;-moz-transition:all .2s;transition:all .2s;width:16px}.stm-size-slider::-moz-range-thumb:hover{background:#008069;background:var(--primary-hover);box-shadow:0 4px 12px #0c6d5880;transform:scale(1.2)}.stm-size-display{color:#0c6d58;color:var(--primary);font-size:14px;font-weight:600;min-width:50px;text-align:right}.stm-font-preview{font-family:Georgia,serif}.stm-font-preview,.stm-preview-text{background:#0c6d5814;border:1px solid #0c6d5833;border-radius:4px;color:#e9edef;color:var(--text-dark);padding:12px}.stm-preview-text{line-height:1.6}.stm-theme-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.stm-theme-btn{background:linear-gradient(135deg,#1a2631,#0f1a1e);border:2px solid #2a3942;border:2px solid var(--border-color);border-radius:6px;color:#e9edef;color:var(--text-dark);cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.stm-theme-btn:hover{background:linear-gradient(135deg,#1e2e38,#131f26)}.stm-theme-btn.active,.stm-theme-btn:hover{border-color:#0c6d58;border-color:var(--primary)}.stm-theme-btn.active{background:linear-gradient(135deg,#0c6d58,#008069);background:linear-gradient(135deg,var(--primary),#008069);box-shadow:0 4px 12px #0c6d584d;color:#fff;transform:translateY(-2px)}.stm-theme-dark{background:linear-gradient(135deg,#0a0e10,#0f1a1e)}.stm-theme-light{background:linear-gradient(135deg,#e9edef,#fff);border-color:#d1d5db;color:#0b1216}.stm-theme-light.active{background:linear-gradient(135deg,#fff,#f3f4f6);color:#fff}.stm-theme-sepia{background:linear-gradient(135deg,#f4ecd8,#faf6f0);border-color:#e8dcc4;color:#5c4033}.stm-theme-sepia.active{background:linear-gradient(135deg,#d4a574,#c19a6b);color:#fff}.stm-checkbox-group{display:flex;flex-direction:column;gap:10px}.stm-checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:all .2s}.stm-checkbox-label:hover{background:#0c6d580d}.stm-checkbox-label input{accent-color:#0c6d58;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.stm-checkbox-label span{color:#e9edef;color:var(--text-dark);font-size:14px}.stm-shortcuts{background:#0c6d580d;border:1px solid #0c6d5833;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:12px}.stm-shortcut-row{align-items:center;display:flex;gap:12px}.stm-shortcut-key{background:linear-gradient(135deg,#1a2631,#0f1a1e);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:4px;color:#0c6d58;color:var(--primary);font-family:monospace;font-size:12px;font-weight:600;min-width:70px;padding:4px 8px;text-align:center;white-space:nowrap}.stm-shortcut-desc{color:#8696a0;color:var(--text-light);flex:1 1;font-size:13px}.stm-footer{border-top:1px solid #2a3942;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:16px 20px}.stm-close-button{background:#0c6d58;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.stm-close-button:hover{background:#008069;background:var(--primary-hover);box-shadow:0 4px 12px #0c6d584d;transform:translateY(-1px)}.stm-close-button:active{transform:translateY(0)}@media (max-width:600px){.stm-modal{max-height:90vh;width:95%}.stm-theme-options{grid-template-columns:1fr}.stm-font-size-control,.stm-shortcut-row{flex-wrap:wrap}}.stm-statistics-btn{align-items:center;background:linear-gradient(135deg,#0c6d584d,#0c6d5826);border:1px solid #0c6d5866;border-radius:6px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.stm-statistics-btn:hover{background:linear-gradient(135deg,#0c6d5880,#0c6d584d);border-color:#0c6d5899;box-shadow:0 0 12px #0c6d584d}.stm-statistics-btn:active{transform:scale(.98)}.text-selection-panel.copilot-style{-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;animation:slideIn .15s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0b141a;border:1px solid #2a3942;border-radius:10px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;isolation:isolate;max-width:95vw;min-width:200px;padding:0;pointer-events:auto;-webkit-user-select:none;user-select:none;will-change:transform}.icon-toolbar{background:#0b1216;border-bottom:1px solid #2a3942;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:10px 12px}.icon-btn,.icon-toolbar{align-items:center;display:flex}.icon-btn{-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:6px;flex-shrink:0;height:32px;justify-content:center;min-width:32px;padding:0;touch-action:manipulation;transition:all .2s ease;width:32px}.icon-btn:hover{background:#1a2328;border-color:#2a3942}.icon-btn:active{background:#2a3942;transform:scale(.95)}.copy-btn:hover,.document-btn:hover,.edit-btn:hover{color:#00a884}.highlight-btn.active,.highlight-btn:hover{background:#1a2328;color:#ffb700}.search-btn:hover{color:#00a884}.share-btn:hover{color:#fd7e14}.close-btn:hover{background:#1a2328;color:#ff4757}.main-action-menu{display:flex;flex-direction:column;gap:2px;padding:8px 0}.action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;min-height:40px;padding:10px 14px;position:relative;touch-action:manipulation;transition:all .15s ease;user-select:none;-webkit-user-select:none}.action-btn:hover{background:#1a2328;color:#00a884}.action-btn:active{background:#2a3942;transform:scale(.98)}.action-btn svg{flex-shrink:0;opacity:.8}.action-btn .sparkle{margin-left:4px;opacity:.7}.color-picker-inline{background:#ffffffe6;border-top:1px solid #e1e4e8;display:flex;flex-direction:column;gap:10px;padding:12px 14px}.color-picker-inline label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.color-circle{border:2px solid #0000;border-radius:50%;cursor:pointer;flex-shrink:0;height:36px;padding:0;transition:all .15s ease;width:36px}.color-circle:hover{border-color:#333;box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.color-circle:active{transform:scale(.95)}.back-to-menu-btn{background:#fff;border:1px solid #d1d5da;border-radius:6px;color:#666;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .15s ease}.back-to-menu-btn:hover{background:#f0f2f5;border-color:#999}.text-selection-panel.mobile-context-menu{animation:slideIn .15s ease-out;background:#0b141a;border:1px solid #2a3942;border-radius:10px;box-shadow:0 8px 24px #0000004d;isolation:isolate;max-width:90vw;min-width:220px;padding:0;pointer-events:auto}.mobile-icon-toolbar{align-items:center;background:#111b21;border-bottom:1px solid #2a3942;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-around;padding:10px 8px}.mobile-icon-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#8696a0;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;padding:0;touch-action:manipulation;transition:all .2s ease;width:40px}.mobile-icon-btn:active{background:#2a3942;color:#e9edef;transform:scale(.95)}.mobile-color-picker{background:#111b21;border-bottom:1px solid #2a3942;display:flex;flex-direction:column;gap:8px;padding:10px 8px}.mobile-color-picker .color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);padding:0 4px}.mobile-color-picker .color-circle{border:2px solid #2a3942;border-radius:50%;cursor:pointer;height:32px;padding:0;transition:all .15s ease;width:32px}.mobile-color-picker .color-circle:active{border-color:#8696a0;transform:scale(.9)}.mobile-action-menu{background:#1a2328;display:flex;flex-direction:column;gap:0;padding:6px 0}.mobile-action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;min-height:44px;padding:12px 14px;touch-action:manipulation;transition:all .15s ease;user-select:none;-webkit-user-select:none}.mobile-action-btn:active{background:#2a3942;color:#00a884}.mobile-action-btn svg{color:#00a884;flex-shrink:0}.text-selection-panel.expanded-view{-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0b141a;border-color:#2a3942;display:flex;flex-direction:column;max-height:500px;max-width:400px;min-width:320px;overflow:hidden;will-change:transform}.expanded-content{background:#0b141a;display:flex;flex-direction:column;height:100%;padding:0}.expanded-header{align-items:center;background:#1a2328;border-bottom:1px solid #2a3942;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:12px 14px}.expanded-title{color:#e9edef;flex:1 1;font-size:14px;font-weight:600;text-align:center}.back-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#8696a0;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.back-btn:hover{background:#2a3942;color:#e9edef}.expanded-body{-webkit-overflow-scrolling:touch;background:#0b141a;contain:content;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;scroll-behavior:smooth}.expanded-body .translate-simple,.feature-content{padding:12px 14px}.feature-content{color:#e9edef;font-size:13px;line-height:1.6}.feature-text{margin:0;padding:0}.translate-content{gap:12px}.original-text,.translate-content{display:flex;flex-direction:column}.original-text{gap:6px}.language-list label,.original-text label{color:#8696a0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.original-text p{background:#1a2328;border-radius:6px;color:#e9edef;font-size:13px;line-height:1.5;margin:0;padding:8px 10px}.language-list{display:flex;flex-direction:column;gap:6px}.language-btn{background:#0b1216;border:1px solid #2a3942;border-radius:6px;color:#e9edef;cursor:pointer;font-size:12px;padding:8px 10px;text-align:left;transition:all .15s ease}.language-btn:hover{background:#1a2328;border-color:#00a884;color:#00a884}.read-aloud-content{gap:16px;justify-content:center;min-height:120px;padding:20px 10px}.player-info,.read-aloud-content{align-items:center;display:flex;flex-direction:column}.player-info{color:#e9edef;gap:10px}.player-icon{animation:pulse 2s infinite;color:#00a884}.stop-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .15s ease}.stop-btn:hover{background:#c82333}.translate-simple{background:#0000;display:flex;flex-direction:column;gap:0;max-height:100%;overflow:hidden;width:100%}.translate-simple-content{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1px 1fr;overflow:hidden;width:100%}.translate-simple-col{display:flex;flex-direction:column;min-width:0;overflow:hidden;width:100%}.simple-col-label{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:10px 16px 8px}.language-selector-simple,.simple-col-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.language-selector-simple{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='none' d='m1 1 6 6 6-6' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px 8px;border:none;border-bottom:1px solid #ffffff14;cursor:pointer;outline:none;padding:10px 32px 10px 16px;transition:color .2s ease;width:100%}.language-selector-simple:hover{color:#aaa}.language-selector-simple:focus{border-bottom-color:#fff3;color:#ccc;outline:none}.language-selector-simple:disabled{cursor:not-allowed;opacity:.5}.language-selector-simple option{background:#0f1419;color:#e9edef;padding:8px}.simple-text-display{word-wrap:break-word;-ms-overflow-style:none;color:#e9edef;display:flex;flex:1 1;flex-direction:column;font-size:13px;justify-content:flex-start;line-height:1.7;overflow-x:hidden;overflow-y:auto;padding:16px;scrollbar-width:none;white-space:pre-wrap}.simple-text-display::-webkit-scrollbar{display:none}.simple-text-display::-webkit-scrollbar-track{background:#0000}.simple-text-display::-webkit-scrollbar-thumb{background:#0000;border-radius:3px}.simple-text-display::-webkit-scrollbar-thumb:hover{background:#0000}.simple-text-display p{margin:0;padding:0}.explanation-content-wrapper{-ms-overflow-style:none;scrollbar-width:none}.explanation-content-wrapper::-webkit-scrollbar{display:none}.explanation-content-wrapper::-webkit-scrollbar-track{background:#0000}.explanation-content-wrapper::-webkit-scrollbar-thumb{background:#0000;border-radius:3px}.explanation-content-wrapper::-webkit-scrollbar-thumb:hover{background:#0000}.simple-empty-state{align-items:center;justify-content:center}.empty-text{color:#666!important;font-style:italic;margin:0;text-align:center}.simple-loading{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;text-align:center}.simple-loading p{color:#ccc;font-size:12px;margin:0}.simple-spinner{animation:spin-simple .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin-simple{to{transform:rotate(1turn)}}.simple-divider{background:#ffffff14;margin:0;width:1px}.simple-actions{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:8px;margin-top:12px;padding-top:12px}.simple-copy-btn{align-items:center;background:#0000;border:none;color:#e9edef;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:0;transition:color .2s ease}.simple-copy-btn:hover{color:#00a884;opacity:1}.simple-copy-btn:active{opacity:.9}.simple-source-badge{color:#888;font-size:11px}@media (max-width:768px){.translate-simple-content{grid-template-columns:1fr}.simple-divider{display:none}.simple-col-header{padding:8px 12px}.simple-col-label{font-size:10px;padding:8px 12px 6px}.simple-text-display{font-size:12px;padding:12px}.language-selector-simple{font-size:11px;padding:5px 18px 5px 8px}.translate-elegant{gap:0}.translate-header{align-items:stretch;flex-direction:column;gap:8px;padding:12px 14px}.translate-header-item{justify-content:space-between}.language-selector-elegant{flex:1 1;font-size:12px;padding:8px 10px}.translate-content-area{grid-template-columns:1fr;min-height:auto;padding:0}.translate-col-elegant{border-bottom:1px solid #00a8841a;padding:14px}.translate-simple-col{padding:12px}.simple-divider{display:none}.simple-text-display{min-height:100px}.simple-text-display p{font-size:12px;line-height:1.6}.language-selector-simple{font-size:12px;padding:8px 10px}}.more-options-content{display:flex;flex-direction:column;gap:2px}.option-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#e9edef;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease}.option-btn:hover{background:#1a2328;color:#00a884}.option-btn svg{flex-shrink:0;opacity:.7}.text-selection-panel{-webkit-touch-callout:none;animation:slideIn .15s ease-out;background:#0b141a;border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 12px #00000026;isolation:isolate;max-width:95vw;min-width:160px;padding:0;pointer-events:auto;-webkit-user-select:none;user-select:none}.selection-panel-content{display:flex;flex-direction:column;padding:0}.selection-panel-arrow{background:#111b21;border:1px solid #2a3942;border-left:none;border-top:none;bottom:-5px;display:none;height:8px;left:50%;margin-left:-4px;position:absolute;transform:rotate(45deg);width:8px}.selection-panel-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;min-height:44px;padding:12px 14px;touch-action:manipulation;transition:background .1s ease;user-select:none;-webkit-user-select:none}.selection-panel-btn:active{background:#1a2328}@media (hover:hover){.selection-panel-btn:hover{background:#1a2328}}.selection-panel-divider{background:#2a3942}.highlight-label{color:#8696a0;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 14px 6px;text-transform:uppercase}.inline-colors{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;padding:8px 14px}.inline-color-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid #0000001a;border-radius:4px;color:#000000b3;cursor:pointer;display:flex;font-size:11px;font-weight:500;height:36px;justify-content:center;min-height:40px;min-width:48px;padding:0 8px;touch-action:manipulation;transition:all .12s ease}.inline-color-btn:active{box-shadow:inset 0 2px 4px #0000001a;transform:scale(.95)}@media (hover:hover){.inline-color-btn:hover{border-color:#0003;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}}.color-name{white-space:nowrap}.panel-close-btn{-webkit-tap-highlight-color:transparent;height:36px;margin:4px 6px 6px auto;min-height:44px;min-width:44px;touch-action:manipulation;width:36px}.panel-close-btn:active{background:#ffebee;color:#d32f2f;transform:scale(.95)}@media (hover:hover){.panel-close-btn:hover{background:#ffebee;color:#d32f2f}}.selection-panel-btn.highlight-btn:hover{background:#1a2328;color:#ffb700}.selection-panel-btn.highlight-btn svg{color:#ffb700}.selection-panel-btn.cancel-btn{color:#666;font-size:12px;margin-top:2px;padding:7px 14px}.selection-panel-btn.cancel-btn:hover{background:#f8f8f8;color:#333}.selection-panel-divider{background:#e8e8e8;height:1px;margin:0}.selection-panel-feedback{align-items:center;animation:feedbackSlideIn .25s ease-out;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:130px;padding:14px}@keyframes feedbackSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.feedback-checkmark{align-items:center;animation:checkmarkBounce .35s cubic-bezier(.34,1.56,.64,1);background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}@keyframes checkmarkBounce{0%{transform:scale(.4)}70%{transform:scale(1.1)}to{transform:scale(1)}}.feedback-text{color:#4caf50;font-size:12px;font-weight:600}.selection-color-picker{display:flex;flex-direction:column;padding:4px 0}.color-picker-title{color:#999;font-size:10px;padding:6px 12px;text-transform:uppercase}.color-options{display:flex;gap:4px;justify-content:center;padding:6px 10px}.color-option{border:1px solid #999;border-radius:3px;cursor:pointer;height:26px;transition:transform .1s ease;width:26px}.color-option:hover{transform:scale(1.15)}.color-option:active{transform:scale(.95)}@media (prefers-color-scheme:dark){.text-selection-panel{box-shadow:0 6px 24px #0000004d}.selection-panel-arrow,.text-selection-panel{background:#2a2a2a;border-color:#444}.selection-panel-btn{color:#e0e0e0}.selection-panel-btn:hover{background:#353535}.selection-panel-btn:active{background:#3a3a3a}.selection-panel-divider{background:#444}.color-picker-title{color:#999}}.selection-panel-overlay{background:#0000}@media (max-width:768px){.text-selection-panel{box-shadow:0 4px 16px #0003;max-width:90vw;min-width:140px}.selection-panel-btn{font-size:12px;gap:8px;min-height:44px;padding:10px 12px}.inline-colors{gap:4px;padding:8px 12px}.inline-color-btn{font-size:10px;height:34px;min-height:40px;min-width:44px}.color-name{display:none}.highlight-label{font-size:11px;padding:6px 12px 4px}.selection-panel-divider{height:1px}.panel-close-btn{height:36px;margin:4px 6px 6px auto;width:36px}}@media (max-width:480px){.text-selection-panel{max-width:85vw;min-width:120px}.selection-panel-btn{font-size:11px;gap:6px;min-height:44px;padding:10px 12px}.copy-btn svg{min-height:14px;min-width:14px}.inline-colors{gap:4px;padding:6px 10px}.inline-color-btn{border-radius:3px;height:32px;min-height:40px;min-width:40px}.highlight-label{font-size:10px;padding:5px 10px 3px}.panel-close-btn{margin:2px 4px 4px auto;min-height:44px;min-width:44px}}@media (max-width:360px){.text-selection-panel{max-width:90vw;min-width:110px}.color-name{display:none}.inline-color-btn{font-size:0}.inline-color-btn:before{content:"";display:inline-block}}@media (prefers-reduced-motion:reduce){.color-option,.feedback-checkmark,.selection-panel-feedback,.text-selection-panel{animation:none!important;transition:none!important}}.panel-close-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .1s ease;width:28px}.panel-close-btn:hover{background:#ffebee;color:#d32f2f}@media (prefers-contrast:more){.text-selection-panel{border-width:2px}.selection-panel-btn{font-weight:600}.color-option{border-width:2px}.panel-close-btn{border:1px solid}}.highlighted-text{border-radius:2px;cursor:pointer;transition:opacity .2s ease;-webkit-user-select:text;user-select:text}.highlighted-text:active{opacity:.7!important}@media (hover:hover){.highlighted-text:hover{opacity:.7!important}}.simple-scroll-reader,.text-selection-panel *{-webkit-touch-callout:none}.text-selection-panel *{-webkit-user-select:none;user-select:none}@media (max-width:768px){.text-selection-panel.expanded-view{max-height:70vh;max-width:90vw;min-width:280px}.expanded-header{padding:10px 12px}.expanded-title{font-size:13px}.expanded-body{padding:10px 12px}.feature-content{font-size:12px}}@media (max-width:480px){.text-selection-panel.expanded-view{border-radius:8px;max-height:75vh;max-width:95vw;min-width:85vw}.expanded-header{gap:6px;padding:8px 10px}.expanded-title{font-size:12px;font-weight:600}.back-btn,.close-btn{height:24px;min-width:24px;width:24px}.back-btn svg,.close-btn svg{height:16px;width:16px}.expanded-body{font-size:11px;padding:8px 10px}.feature-content{font-size:11px}.feature-content>div:first-child{margin-bottom:8px}.feature-content>div[style*="display: flex"]{flex-wrap:wrap;gap:6px!important}.feature-content button{font-size:11px!important;min-height:32px!important;padding:6px 8px!important}.feature-content>div>button{flex:1 1;min-width:60px}.feature-content>div[style*="background: #1a2328"]{flex-wrap:wrap;gap:6px!important;margin-left:0!important;padding:6px!important}.feature-content>div[style*="marginBottom: '20px'"]{margin-bottom:12px!important}.feature-content input[type=range]{accent-color:#00a884;height:4px;width:100%}.feature-content>div[style*="overflowY: 'auto'"]{margin-bottom:8px!important;max-height:150px;padding-right:6px!important}.feature-content>div[style*="display: grid"]{gap:6px!important;grid-template-columns:1fr 1fr!important;margin-top:8px!important}.feature-content>div[style*="position: absolute"]{bottom:10px!important;left:10px!important;margin:0!important;max-width:none!important;position:fixed!important;right:10px!important;width:auto!important;z-index:1001!important}}@media (max-width:360px){.text-selection-panel.expanded-view{max-height:80vh;max-width:95vw;min-width:90vw}.expanded-header{padding:6px 8px}.expanded-title{font-size:11px}.expanded-body{font-size:10px;padding:6px 8px}.feature-content{font-size:10px}.feature-content button{font-size:10px!important;min-height:28px!important;padding:4px 6px!important}.feature-content>div>button{min-width:50px;padding:4px 6px!important}.feature-content>div[style*="background: #1a2328"]{font-size:9px!important;gap:4px!important;padding:4px!important}.feature-content>div[style*="overflowY: 'auto'"]{max-height:120px}.feature-content>div[style*="display: grid"]{gap:4px!important;grid-template-columns:1fr!important}}:root{--primary:#0c6d58;--border-color:#2a3942}.react-pdf__Page__textContent{box-sizing:border-box;font-size:16px;line-height:1.5;position:relative}.react-pdf__Page__textContent>span{box-sizing:border-box;display:inline;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.simple-scroll-reader{contain:layout style;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-user-select:text;user-select:text}.simple-scroll-reader .react-pdf__Page{-webkit-backface-visibility:hidden;backface-visibility:hidden;line-height:1.5;margin:0;overflow:hidden;padding:0;perspective:1000px;position:relative}.simple-scroll-reader .react-pdf__Page,.ssr-page{transition:transform .08s cubic-bezier(.4,0,.2,1)}.simple-scroll-reader .react-pdf__Page{will-change:contents}.simple-scroll-reader .react-pdf__Page:after,.simple-scroll-reader .react-pdf__Page:before{content:"";display:block;height:0;overflow:hidden}.react-pdf__Page__textContent:after,.react-pdf__Page__textContent:before{content:"";display:block;height:0;overflow:hidden;pointer-events:none}.ssr-overlay{inset:0;position:fixed;z-index:1400}.ssr-container,.ssr-overlay{background:#0b1216;background:var(--bg-dark);display:flex;flex-direction:column}.ssr-container{height:100%;width:100%}.ssr-header{align-items:center;background:linear-gradient(90deg,#0b1216,#0f1a1e);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000004d;display:flex;flex-shrink:0;height:auto;justify-content:space-between;margin:0;min-height:0;padding:4px 20px;position:relative;top:0}.ssr-title-section{flex:1 1;margin-left:30px;min-width:0}.ssr-title{color:#e9edef;color:var(--text-dark);font-size:14px;font-weight:700}.ssr-author,.ssr-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssr-author{color:#8696a0;color:var(--text-light);font-size:10px}.ssr-top-controls{gap:16px}.ssr-page-indicator,.ssr-top-controls{align-items:center;display:flex;flex-shrink:0}.ssr-page-indicator{background:#0000;border:none;border-radius:0;color:#e9edef;color:var(--text-dark);font-size:11px;font-weight:600;gap:2px;padding:0;white-space:nowrap}.ssr-page-num{color:#0c6d58;color:var(--primary);font-size:11px;font-weight:700;min-width:20px;text-align:right}.ssr-page-sep{font-size:10px}.ssr-page-sep,.ssr-page-total{color:#8696a0;color:var(--text-light)}.ssr-page-total{font-size:11px;font-weight:600;min-width:20px;text-align:left}.ssr-btn{background:#0c6d5833;border:1px solid #0c6d5866;border-radius:6px;flex-shrink:0;height:40px;padding:0;transition:all .2s ease;width:40px}.ssr-btn,.ssr-close-corner-btn{align-items:center;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;justify-content:center}.ssr-close-corner-btn{background:#0000;border:none;font-size:14px;height:auto;line-height:1;padding:2px 3px;position:fixed;right:0;top:0;transition:color .2s ease;width:auto;z-index:2000}.ssr-close-corner-btn:hover{color:#10b981;transform:scale(1.15)}.ssr-icon-btn{align-items:center;background:#0000;border:none;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;flex-shrink:0;height:auto;justify-content:center;padding:4px 6px;transition:all .2s ease;width:auto}.ssr-btn:hover{background:#0c6d5859;border-color:#0c6d58;border-color:var(--primary);color:#10b981;transform:scale(1.05)}.ssr-icon-btn:hover{color:#10b981;transform:scale(1.15)}.ssr-zoom-btn{margin-right:20px;padding:4px 12px}.ssr-zoom-btn+.ssr-zoom-btn{margin-left:-36px}.ssr-icon-btn.active{border-radius:4px;color:#999}.ssr-zoom-percentage{background:#0c6d581a;border:1px solid #0c6d5833;border-radius:4px;color:#8696a0;color:var(--text-light);font-size:12px;font-weight:600;min-width:40px;padding:4px 8px;text-align:center;-webkit-user-select:none;user-select:none}.ssr-bookmark-btn-desktop{display:flex}.ssr-bookmark-btn-mobile{display:none}.ssr-floating-bookmarks-btn{align-items:center;background:#0000;border:none;border-radius:50%;bottom:24px;box-shadow:none;color:#00d9a3;cursor:pointer;display:none;height:56px;justify-content:center;position:fixed;right:24px;transition:all .2s ease;width:56px;z-index:100}.ssr-floating-bookmarks-btn:active{transform:scale(.92)}.ssr-bookmarks-badge{align-items:center;background:#0000;border:none;border-radius:50%;color:#ef4444;display:flex;font-size:11px;font-weight:900;height:auto;justify-content:center;left:50%;padding:0 2px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.ssr-audio-status{align-items:center;border-radius:6px;color:#e9edef;color:var(--text-dark);display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 8px;padding:6px 12px}.ssr-audio-label{font-size:14px}.ssr-audio-page{color:#e9edef;font-weight:700;min-width:24px}.ssr-audio-sep{color:#d9d9d980}.ssr-audio-total{color:#8696a0;color:var(--text-light)}.ssr-btn:active{background:#0c6d5880;transform:scale(.98)}@keyframes slideInSidebar{0%{opacity:0;width:0}to{opacity:1;width:200px}}.ssr-btn.zoom-btn{background:#0c6d5840;border-color:#0c6d5880}.ssr-btn.zoom-btn:hover{background:#0c6d5866;color:#10b981}.ssr-btn.close-btn{background:#ef444426;border-color:#ef44444d;color:#ef4444}.ssr-btn.close-btn:hover{background:#ef44444d;border-color:#ef4444;color:#fca5a5}.ssr-toc-panel{background:linear-gradient(180deg,#0f1a1e,#0b1216);border-right:1px solid #2a3942;border-right:1px solid var(--border-color);box-shadow:2px 0 8px #0000004d;display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 60px);overflow:hidden;width:200px}.ssr-toc-panel h3{color:#e9edef;color:var(--text-dark);font-size:14px;font-weight:700;letter-spacing:.5px;margin:12px 0 8px;padding:0 12px;text-transform:uppercase}.ssr-toc-list{min-height:0;overflow-x:hidden}.ssr-toc-list::-webkit-scrollbar{width:6px}.ssr-toc-list::-webkit-scrollbar-track{background:#0000}.ssr-toc-list::-webkit-scrollbar-thumb{background:#0c6d5866;border-radius:3px}.ssr-toc-item{border-radius:0 4px 4px 0;margin-right:8px;transition:all .2s ease}.ssr-toc-item:hover{background:#0c6d5833;border-left-color:#0c6d58b3;color:#e9edef;color:var(--text-dark);padding-left:16px}.ssr-toc-item.active{box-shadow:inset -2px 0 8px #0c6d5833;padding-left:16px}.ssr-toc-page{font-weight:600;min-width:25px}.ssr-main-content{display:flex;flex:1 1;height:100%;overflow:hidden}.ssr-main-content>div:not(.ssr-toc-sidebar){-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:auto;overflow-y:auto;scroll-behavior:smooth}.ssr-toc-sidebar{animation:slideInSidebar .3s ease;background:linear-gradient(180deg,#0f1a1e,#0b1216);border-right:2px solid #0c6d584d;box-shadow:2px 0 12px #00000080;display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 20px);overflow:hidden;transition:width .3s ease,opacity .3s ease;width:220px}.ssr-toc-header{background:linear-gradient(135deg,#0c6d5814,#0000);border-bottom:2px solid #0c6d5833;flex-shrink:0;padding:16px 14px}.ssr-toc-header h3{color:#10b981;font-size:14px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.ssr-toc-list{flex:1 1;overflow-y:auto;padding:0}.ssr-toc-list::-webkit-scrollbar{width:10px}.ssr-toc-list::-webkit-scrollbar-track{background:#0b121680}.ssr-toc-list::-webkit-scrollbar-thumb{background:#0c6d5899;border-radius:5px;border-radius:4px}.ssr-toc-list::-webkit-scrollbar-thumb:hover{background:#0c6d5899}.ssr-toc-item{border-left:3px solid #0000;color:#8696a0;color:var(--text-light);cursor:pointer;font-size:13px;padding:12px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ssr-toc-item:hover{background:#0c6d5826;border-left-color:#0c6d5899;color:#10b981}.ssr-toc-item.active{background:#0c6d584d;border-left-color:#0c6d58;border-left-color:var(--primary);box-shadow:inset -2px 0 0 #0c6d58;box-shadow:inset -2px 0 0 var(--primary);color:#10b981;font-weight:700}.ssr-toc-page{display:inline-block;font-weight:700;margin-right:6px;min-width:28px;text-align:right}.ssr-scroll-area{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#0b1216,#0f1a1e);contain:content;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;height:100%;margin:0;overflow-x:auto;overflow-y:scroll;padding:24px 12px;perspective:1000px;scroll-behavior:smooth;scrollbar-color:#0c6d5899 #0b12164d;scrollbar-width:thin;touch-action:pan-y pan-x;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position}.ssr-scroll-area::-webkit-scrollbar{width:12px}.ssr-scroll-area::-webkit-scrollbar-track{background:#0b12164d;border-radius:6px}.ssr-scroll-area::-webkit-scrollbar-thumb{background:#0c6d5899;background-clip:padding-box;border:2px solid #0000;border-radius:6px;-webkit-transition:background .2s ease;transition:background .2s ease}.ssr-scroll-area::-webkit-scrollbar-thumb:hover{background:#0c6d58e6;background-clip:padding-box}.ssr-page{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #0c6d581a;border-radius:4px;box-shadow:0 6px 24px #000000b3,0 0 1px #0c6d5833;contain:layout style;height:auto;position:relative;transform:translateZ(0);will-change:transform}.ssr-page,.ssr-page-placeholder{display:block;margin:0 auto 8px;max-width:100%;padding:0;width:100%}.ssr-page-placeholder{animation:ssr-skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a252b,#213039 50%,#1a252b);background-size:200% 100%;border-radius:2px;height:600px}@keyframes ssr-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ssr-page canvas{-ms-interpolation-mode:nearest-neighbor;display:block;filter:none;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-webkit-image-rendering:optimizeQuality;image-rendering:crisp-edges;width:100%}.ssr-page-loading{animation:ssr-skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a252b,#213039 50%,#1a252b);background-size:200% 100%;border-radius:2px;font-size:14px;height:400px;margin:0 auto;max-width:100%}.ssr-loading,.ssr-page-loading{align-items:center;color:#8696a0;color:var(--text-light);display:flex;justify-content:center;width:100%}.ssr-loading{background:linear-gradient(135deg,#0b1216,#0f1a1e);flex-direction:column;gap:20px;height:100%;min-height:60vh;padding:40px 20px}.ssr-loading p{color:#e9edef;color:var(--text-dark);font-size:16px;font-weight:500;margin:0}.ssr-spinner{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.ssr-gears-svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.gear{transform-origin:center}.gear-1{animation:ssr-rotate-cw 4s linear infinite;transform-origin:30px 28px}.gear-2{animation:ssr-rotate-ccw 3s linear infinite;transform-origin:70px 28px}.gear-3{animation:ssr-rotate-cw 3.5s linear infinite;transform-origin:50px 62px}@keyframes ssr-rotate-cw{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ssr-rotate-ccw{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.morphing-shape-group{transform-origin:50px 50px}.morphing-shape{animation:morph-shape 4s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(0,168,216,.2))}@keyframes morph-shape{0%{d:path("M 50 20 C 35 20 25 30 25 45 C 25 60 35 70 50 70 C 65 70 75 60 75 45 C 75 30 65 20 50 20 Z")}33%{d:path("M 30 25 L 70 25 Q 75 25 75 30 L 75 70 Q 75 75 70 75 L 30 75 Q 25 75 25 70 L 25 30 Q 25 25 30 25 Z")}66%{d:path("M 50 15 L 61 40 L 88 40 L 68 58 L 79 83 L 50 65 L 21 83 L 32 58 L 12 40 L 39 40 Z")}to{d:path("M 50 20 C 35 20 25 30 25 45 C 25 60 35 70 50 70 C 65 70 75 60 75 45 C 75 30 65 20 50 20 Z")}}.morphing-ring{animation:rotate-ring 3s linear infinite;opacity:.8}@keyframes rotate-ring{0%{transform:rotate(0deg);transform-origin:50px 50px}to{transform:rotate(1turn);transform-origin:50px 50px}}.premium-loader-wrapper{height:140px;width:140px}.premium-loader-orb{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;position:absolute;width:60px}.orb-core{animation:orb-pulse 2.5s ease-in-out infinite,orb-rotate 6s linear infinite;background:conic-gradient(from 0deg,#a855f7 0deg,#06b6d4 90deg,#ec4899 180deg,#3b82f6 270deg,#a855f7 1turn);filter:drop-shadow(0 0 25px rgba(236,72,153,.6)) drop-shadow(inset 0 0 20px rgba(168,85,247,.3))}.orb-core,.orb-glow{border-radius:50%;height:60px;position:absolute;width:60px;will-change:transform}.orb-glow{animation:orb-glow-pulse 2.5s ease-in-out infinite;background:radial-gradient(circle,#00a8d866 0,#00a8d833 50%,#0000 100%)}@keyframes orb-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes orb-glow-pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:.1;transform:scale(1.3)}to{opacity:.4;transform:scale(1)}}.premium-loader-rings{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.ring{border-radius:50%;border-style:solid;position:absolute;will-change:transform,opacity}.ring-1{animation:rotate-clockwise 4s linear infinite;border-color:#00a8d84d #0000;border-width:2px;height:140px;width:140px}.ring-2{animation:rotate-counterclockwise 3s linear infinite;border-color:#0000 #003d8266;border-width:2px;height:100px;width:100px}.ring-3{animation:rotate-clockwise 2s linear infinite,pulse-opacity 1.5s ease-in-out infinite;border-color:#00a8d880 #003d8280;border-width:1.5px;height:80px;width:80px}@keyframes rotate-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-counterclockwise{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.particles{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.particle{background:linear-gradient(135deg,#00a8d8,#003d82);border-radius:50%;filter:drop-shadow(0 0 4px rgba(0,168,216,.6));height:4px;position:absolute;width:4px;will-change:transform,opacity}.particle-1{animation:float-particle-1 3s ease-in-out infinite}@keyframes float-particle-1{0%{opacity:1;transform:translateY(-50px) scale(1)}50%{opacity:.5;transform:translate(25px,-60px) scale(.8)}to{opacity:1;transform:translateY(-50px) scale(1)}}.particle-2{animation:float-particle-2 3.5s ease-in-out infinite}@keyframes float-particle-2{0%{opacity:1;transform:translate(50px) scale(1)}50%{opacity:.4;transform:translate(65px,25px) scale(.7)}to{opacity:1;transform:translate(50px) scale(1)}}.particle-3{animation:float-particle-3 3.2s ease-in-out infinite}@keyframes float-particle-3{0%{opacity:1;transform:translateY(50px) scale(1)}50%{opacity:.5;transform:translate(-25px,65px) scale(.8)}to{opacity:1;transform:translateY(50px) scale(1)}}.particle-4{animation:float-particle-4 3.8s ease-in-out infinite}@keyframes float-particle-4{0%{opacity:1;transform:translate(-50px) scale(1)}50%{opacity:.4;transform:translate(-70px,-20px) scale(.7)}to{opacity:1;transform:translate(-50px) scale(1)}}.premium-loader-text{animation:text-fade 2s ease-in-out infinite;color:#e9edef;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0;position:relative;z-index:1}@keyframes text-fade{0%,to{opacity:.9}50%{opacity:1}}.ssr-error{color:#ef4444;font-size:16px;padding:40px 20px;text-align:center}.ssr-footer{background:linear-gradient(90deg,#0b1216,#0f1a1e);border-top:1px solid #2a3942;border-top:1px solid var(--border-color);color:#8696a0;color:var(--text-light);flex-shrink:0;font-size:13px;padding:8px 20px;text-align:center}.ssr-mobile-controls-wrapper{display:contents}.ssr-mobile-controls-wrapper.hidden{display:none!important}.ssr-mobile-toggle{align-items:center;background:none;border:none;color:#e0e7ff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:auto;justify-content:center;left:0;letter-spacing:0;line-height:1;margin:0;padding:4px 6px;position:fixed;top:-2px;transition:color .2s ease,all .3s ease;z-index:1999}.ssr-mobile-toggle.hidden{opacity:.5}.ssr-mobile-toggle:hover{color:#fff}@media (max-width:768px){.ssr-header{padding:12px 0 12px 20px;position:relative}.ssr-top-controls{margin-left:auto;margin-right:0}.ssr-mobile-toggle{align-items:center;display:flex!important;flex-shrink:0;font-size:18px;justify-content:center;line-height:1;margin:0!important;padding:4px 6px!important;z-index:999}.ssr-mobile-toggle.hidden{opacity:.5}.ssr-main-content{flex-direction:column}.ssr-toc-toggle,.ssr-zoom-btn,.ssr-zoom-percentage{display:none}.ssr-bookmark-btn-mobile{display:flex}.ssr-bookmark-btn-desktop{display:none}.ssr-floating-bookmarks-btn{display:flex}.ssr-bookmarks-section{display:none}.ssr-toc-sidebar{border-bottom:2px solid #2a3942;border-bottom:2px solid var(--border-color);border-right:none;box-shadow:0 2px 8px #0000004d;max-height:140px;width:100%}.ssr-toc-list{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 8px;scroll-behavior:smooth}.ssr-bookmarks-mobile{background:#0000;border-bottom:1px solid #0c6d5833;max-height:90px;padding:0}.ssr-bookmarks-mobile .ssr-bookmarks-title{font-size:11px;padding:6px 8px 4px}.ssr-bookmarks-mobile .ssr-bookmarks-list{display:flex;flex-direction:row;margin:0;max-height:60px;overflow-x:auto;overflow-y:hidden;padding:0 4px}.ssr-bookmarks-mobile .ssr-bookmark-item{border-left:none;flex-shrink:0;font-size:11px;gap:4px;justify-content:space-between;min-width:auto;padding:6px 10px;white-space:nowrap}.ssr-bookmarks-mobile .ssr-bookmark-page{font-size:11px;min-width:auto}.ssr-bookmarks-mobile .ssr-bookmark-actions{gap:2px}.ssr-bookmarks-mobile .ssr-bookmark-remove,.ssr-bookmarks-mobile .ssr-bookmark-summary{font-size:12px;padding:0 3px}.ssr-toc-item{flex-shrink:0;font-size:13px;min-width:auto;padding:10px 14px;white-space:nowrap}.ssr-scroll-area{gap:1px;padding:8px 0}.ssr-page{height:auto;margin:0 auto;max-width:750px;width:100%}.react-pdf__Page{max-width:750px!important;width:100%!important}.react-pdf__Page__canvas{height:auto!important;width:100%!important}}@media (min-width:1024px){.react-pdf__Page,.ssr-page,.ssr-page-loading,.ssr-page-placeholder{max-width:95vw!important}.react-pdf__Page__canvas{width:100%!important}}@media (max-width:640px){.ssr-header{flex-wrap:wrap;gap:6px;padding:10px 12px}.ssr-title-section{flex:1 1;min-width:150px}.ssr-title{font-size:14px;font-weight:700}.ssr-author{display:block;font-size:11px}.ssr-page-indicator{font-size:12px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 10px}.ssr-top-controls{flex-wrap:wrap;gap:4px;justify-content:flex-end}.ssr-btn{border-radius:8px;height:38px;padding:0;width:38px}.ssr-btn svg{height:18px;width:18px}.ssr-icon-btn{border-radius:8px;height:38px;min-width:38px;padding:6px 8px}.ssr-icon-btn svg{height:18px;width:18px}.ssr-toc-sidebar{max-height:130px;padding:0}.ssr-toc-header h3{font-size:12px;padding:8px 12px}.ssr-toc-item{font-size:12px;padding:10px 12px}.ssr-page{margin:0 0 10px}.react-pdf__Page__canvas{height:auto!important;max-width:100%!important;width:100%!important}.ssr-scroll-area{padding:10px 0}}@media (max-width:480px){.ssr-container{border-radius:0;height:100vh;width:100vw}.ssr-overlay{background:#0b1216;background:var(--bg-dark)}.ssr-header{box-shadow:0 2px 8px #0006;flex-wrap:wrap;gap:4px;padding:8px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ssr-title-section{flex:1 1;min-width:0;order:1}.ssr-title{font-size:13px;font-weight:700;line-height:1.2}.ssr-author{display:none;font-size:10px}.ssr-page-indicator{font-size:11px;margin-left:auto;order:2;padding:4px 6px}.ssr-top-controls{flex-wrap:wrap;gap:2px;justify-content:flex-end;margin-top:2px;order:3;width:100%}.ssr-btn{border-radius:6px;flex-shrink:0;font-size:11px;height:36px;padding:0;width:36px}.ssr-btn svg{height:16px;width:16px}.ssr-icon-btn{border-radius:6px;height:36px;min-width:36px;padding:4px 6px}.ssr-icon-btn svg{height:16px;width:16px}.ssr-toc-sidebar{display:none;max-height:100px}.ssr-toc-panel{display:none}.ssr-toc-sidebar.visible{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;max-height:100px;width:100%}.ssr-toc-header h3{font-size:11px;margin:0;padding:6px 10px}.ssr-toc-item{font-size:11px;min-width:60px;padding:8px 10px}.ssr-toc-page{min-width:18px}.ssr-scroll-area{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:6px 0}.ssr-page{margin:0 0 8px}.react-pdf__Page,.ssr-page{display:flex;justify-content:center;max-width:100%!important;width:100%!important}.react-pdf__Page{margin:0 auto!important}.react-pdf__Page__canvas{display:block;height:auto!important;margin:0 auto;max-width:100%!important;width:100%!important}.react-pdf__Page__textContent{width:100%!important}.ssr-scroll-area::-webkit-scrollbar{width:6px}.ssr-scroll-area::-webkit-scrollbar-thumb{background:#0c6d5880;border-radius:3px}.ssr-main-content{flex-direction:column}.ssr-footer{font-size:12px;padding:8px 10px}.ssr-modal-overlay{border-radius:0}}@media (max-width:380px){.ssr-btn{height:34px;padding:0;width:34px}.ssr-btn svg{height:15px;width:15px}.ssr-page-indicator{font-size:10px;padding:3px 5px}.ssr-title{font-size:12px}}.ssr-audio-controls-group{border-radius:6px;margin:0 4px;padding:4px 8px}.ssr-audio-controls-group,.ssr-speed-control{align-items:center;display:flex;gap:4px}.ssr-speed-control select{background:#0000;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#e9edef;color:var(--text-dark);cursor:pointer;font-size:11px;font-weight:600;max-width:45px;outline:none;padding:2px 4px;transition:all .2s ease;width:auto}.ssr-speed-control select:hover{background:#0000;box-shadow:0 4px 12px #00000080}.ssr-speed-control select:focus{background:#0000;box-shadow:0 0 12px #00a88466}.ssr-bookmarks-section{background:#0c6d5814;border-bottom:2px solid #0c6d584d;flex-shrink:0;padding:0}.ssr-bookmarks-title{align-items:center;color:#00d9a3;display:flex;font-size:12px;font-weight:700;gap:8px;justify-content:space-between;letter-spacing:.5px;padding:10px 14px 8px;text-transform:uppercase}.ssr-bookmark-export-btn{align-items:center;background:#0000;border:none;color:#00d9a399;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .15s ease}.ssr-bookmark-export-btn:hover{color:#00d9a3;transform:scale(1.1)}.ssr-bookmarks-list{max-height:200px;overflow-y:auto;padding:4px 0}.ssr-bookmarks-list::-webkit-scrollbar{width:6px}.ssr-bookmarks-list::-webkit-scrollbar-track{background:#0000}.ssr-bookmarks-list::-webkit-scrollbar-thumb{background:#00d9a34d;border-radius:3px}.ssr-bookmarks-list::-webkit-scrollbar-thumb:hover{background:#00d9a380}.ssr-bookmark-item{align-items:center;border-left:3px solid #0000;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:10px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ssr-bookmark-item:hover{background:#00d9a326;border-left-color:#00d9a399;color:#00d9a3}.ssr-bookmark-item.active{background:#00d9a340;border-left-color:#00d9a3;color:#00d9a3;font-weight:700}.ssr-bookmark-page{display:inline-block;flex-shrink:0;font-weight:700;min-width:24px;text-align:center}.ssr-bookmark-spacer{flex:1 1}.ssr-bookmark-actions{gap:4px}.ssr-bookmark-actions,.ssr-bookmark-summary{align-items:center;display:flex;flex-shrink:0}.ssr-bookmark-summary{background:#0000;border:none;border-radius:3px;color:#8696a099;cursor:pointer;font-size:14px;justify-content:center;padding:0 4px;transition:all .15s ease}.ssr-bookmark-summary:hover{background:#0c6d5833;color:#0c6d58}.ssr-bookmark-remove{align-items:center;background:#0000;border:none;border-radius:3px;color:#8696a099;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;justify-content:center;padding:0 4px;transition:all .15s ease}.ssr-bookmark-remove:hover{background:#ff6b6b1a;color:#ff6b6b}.ssr-bookmarks-page-overlay{align-items:flex-end;animation:slideUp .3s ease;background:#000000b3;display:flex;inset:0;position:fixed;z-index:1000}.ssr-bookmarks-page{animation:slideUp .3s ease;background:#0b1216;background:var(--bg-dark);border-radius:16px 16px 0 0;box-shadow:0 -4px 12px #00000080;display:flex;flex-direction:column;height:90vh;width:100%}.ssr-bookmarks-page-header{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 16px}.ssr-bookmarks-page-header-content{display:flex;flex-direction:column;gap:4px}.ssr-bookmarks-page-header h2{color:#e9edef;color:var(--text-dark);font-size:18px;font-weight:700;margin:0}.ssr-bookmarks-page-count{color:#8696a0;color:var(--text-light);font-size:12px;font-weight:500}.ssr-bookmarks-page-close{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.ssr-bookmarks-page-close:hover{background:#ef444433;color:#fca5a5}.ssr-bookmarks-page-content{flex:1 1;overflow-y:auto;padding:0;scroll-behavior:smooth}.ssr-bookmarks-page-content::-webkit-scrollbar{width:4px}.ssr-bookmarks-page-content::-webkit-scrollbar-track{background:#00d9a30d}.ssr-bookmarks-page-content::-webkit-scrollbar-thumb{background:#00d9a34d;border-radius:10px}.ssr-bookmarks-page-list{display:flex;flex-direction:column;gap:0;padding:8px 0}.ssr-bookmarks-page-item{align-items:center;animation:slideInItem .3s ease forwards;background:#ffffff08;border-bottom:none;border-left:none;border-radius:12px;box-shadow:0 0 0 1px #ffffff0d,inset 0 0 0 1px #ffffff08;display:flex;gap:12px;justify-content:space-between;margin:6px 10px;opacity:0;padding:14px 16px;transition:all .2s ease}.ssr-bookmarks-page-item.has-note{background:#0c6d580f;box-shadow:0 0 0 1px #0c6d5826,inset 0 0 0 1px #0c6d5814}.ssr-bookmarks-page-item:hover{background:#ffffff0d;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d}.ssr-bookmarks-page-item.has-note:hover{background:#0c6d581a;box-shadow:0 0 0 1px #0c6d5840,inset 0 0 0 1px #0c6d581f}@keyframes slideInItem{to{opacity:1}}.ssr-bookmarks-page-item:active{background:#ffffff08;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d;transform:scale(.96)}.ssr-bookmarks-page-item.active{background:#ffffff0d;border-left:3px solid #0c6d5880;box-shadow:0 0 0 1px #0c6d5833,inset 0 0 0 1px #0c6d581a;padding-left:13px}.ssr-bookmarks-page-item-left{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:0}.ssr-bookmarks-page-item-number-box{align-items:center;background:#ffffff0a;border:none;border-radius:10px;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.ssr-bookmarks-page-item-note-tick{align-items:center;background:#0c6d58;border:2px solid #0b1216;border:2px solid var(--bg-dark);border-radius:50%;box-shadow:0 2px 8px #0c6d5866;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.ssr-bookmarks-page-item:active .ssr-bookmarks-page-item-number-box{background:#ffffff0a;box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1px #ffffff14}.ssr-bookmarks-page-item-number{color:#ffffffb3;font-size:16px;font-weight:700}.ssr-bookmarks-page-item-details{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.ssr-bookmarks-page-item-title{color:#e9edef;color:var(--text-dark);font-size:14px;font-weight:600;letter-spacing:.3px}.ssr-bookmarks-page-item-note-preview{align-items:center;color:#ffffffa6;display:flex;font-size:12px;font-weight:500;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssr-bookmarks-page-item-note-icon{display:inline-flex;font-size:13px}.ssr-bookmarks-page-item-reading{background:#0c6d5833;border:1px solid #0c6d584d;border-radius:6px;color:#ffffffb3;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 10px}.ssr-bookmarks-page-item-actions{display:flex;flex-shrink:0;gap:6px}.ssr-bookmarks-page-note-btn,.ssr-bookmarks-page-remove-btn,.ssr-bookmarks-page-summary-btn{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:7px 10px;transition:all .15s ease}.ssr-bookmarks-page-note-btn{box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d;position:relative}.ssr-bookmarks-page-note-btn.has-note{background:#0c6d5814;box-shadow:0 0 0 1px #0c6d5866,inset 0 0 0 1px #0c6d5833;color:#0c6d58e6}.ssr-bookmarks-page-note-btn .ssr-note-indicator{align-items:center;background:#0c6d58;border:1.5px solid #0b1216;border:1.5px solid var(--bg-dark);border-radius:50%;box-shadow:0 1px 4px #0c6d5880;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.ssr-bookmarks-page-summary-btn{box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d}.ssr-bookmarks-page-remove-btn{box-shadow:0 0 0 1px #ff6b6b4d,inset 0 0 0 1px #ff6b6b26;color:#ff6b6bbf}.ssr-bookmarks-page-remove-btn:hover{background:#ff6b6b14;box-shadow:0 0 0 1px #ff6b6b66,inset 0 0 0 1px #ff6b6b33;color:#ff6b6be6}.ssr-bookmarks-page-summary-btn:active{background:#ffffff14;box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1px #ffffff14;color:#ffffffd9;transform:scale(.92)}.ssr-bookmarks-page-summary-btn:hover{background:#ffffff0f;box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1px #ffffff14;color:#ffffffd9}.ssr-bookmarks-page-note-btn:active{background:#ffffff14;box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1px #ffffff14;color:#ffffffd9;transform:scale(.92)}.ssr-bookmarks-page-note-btn.has-note:active{background:#0c6d5826;box-shadow:0 0 0 1px #0c6d5899,inset 0 0 0 1px #0c6d584d;color:#0c6d58;transform:scale(.92)}.ssr-bookmarks-page-note-btn:hover{background:#ffffff0f;color:#ffffffd9}.ssr-bookmarks-page-note-btn.has-note:hover{background:#0c6d581f;box-shadow:0 0 0 1px #0c6d5859,inset 0 0 0 1px #0c6d5826;color:#0c6d58}.ssr-bookmarks-page-remove-btn:active{background:#ff6b6b26;box-shadow:0 0 0 1px #ff6b6b66,inset 0 0 0 1px #ff6b6b33;color:#ff6b6be6;transform:scale(.92)}.ssr-bookmarks-page-empty{align-items:center;color:#8696a0;color:var(--text-light);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.ssr-bookmarks-page-empty-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px;opacity:.25}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ssr-bookmarks-page-empty p{font-size:16px;font-weight:600;margin:0 0 8px}.ssr-bookmarks-page-empty small{display:block;font-size:13px;opacity:.65}.ssr-bookmarks-page-footer{border-top:1px solid #2a3942;border-top:1px solid var(--border-color);flex-shrink:0;padding:16px}.ssr-bookmarks-page-download-btn{align-items:center;background:linear-gradient(135deg,#0c6d5826,#0c6d5814);border:none;border-radius:10px;box-shadow:0 0 0 1px #0c6d5840,inset 0 0 0 1px #0c6d581f;color:#0c6d58f2;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.ssr-bookmarks-page-download-btn:hover{background:linear-gradient(135deg,#0c6d5833,#0c6d581f);box-shadow:0 0 0 1px #0c6d5859,inset 0 0 0 1px #0c6d582e;color:#0c6d58}.ssr-bookmarks-page-download-btn:active{background:linear-gradient(135deg,#0c6d5826,#0c6d5814);box-shadow:0 0 0 1px #0c6d584d,inset 0 0 0 1px #0c6d5826;transform:scale(.96)}.ssr-bookmarks-page-content::-webkit-scrollbar{width:6px}.ssr-bookmarks-page-content::-webkit-scrollbar-track{background:#0000}.ssr-bookmarks-page-content::-webkit-scrollbar-thumb{background:#0c6d584d;border-radius:3px}.ssr-bookmarks-page-content::-webkit-scrollbar-thumb:hover{background:#0c6d5880}.premium-loader-container{align-items:center;background:radial-gradient(ellipse at 50% 50%,#0a0e27 0,#020508 50%,#000 100%);color:#8696a0;display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center;min-height:60vh;overflow:hidden;padding:40px 20px;position:relative;transition:all .3s ease;width:100%}.premium-loader-container:before{animation:none;background:radial-gradient(ellipse at 25% 30%,#64329614 0,#0000 40%),radial-gradient(ellipse at 75% 70%,#1e64960f 0,#0000 45%),radial-gradient(ellipse at 50% 50%,#9632640d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.premium-loader-wrapper{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:220px;z-index:1}.galaxy-nebula{animation:nebula-spin 25s linear infinite;background:radial-gradient(circle at 40% 40%,#6432961f 0,#0000 40%),radial-gradient(circle at 60% 60%,#5028781a 0,#0000 50%),radial-gradient(circle at 50% 50%,#32649614 0,#0000 60%);border-radius:50%;filter:blur(25px);height:250px;position:absolute;width:250px}@keyframes nebula-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stars-field{height:100%;overflow:hidden;position:absolute;width:100%}.star{animation:twinkle 3s ease-in-out infinite;border-radius:50%;box-shadow:0 0 2px #ffffffe6;position:absolute}.star,.star-1{background:#fff}.star-1{animation:twinkle 2.8s ease-in-out infinite;height:1.5px;left:5%;top:8%;width:1.5px}.star-2{animation:twinkle 3.2s ease-in-out .3s infinite;background:#e6f0ff;height:1px;left:18%;top:12%;width:1px}.star-3{animation:twinkle 2.6s ease-in-out .1s infinite;background:#fffacd;height:2px;left:35%;top:6%;width:2px}.star-4{animation:twinkle 3.4s ease-in-out .5s infinite;background:#fff;height:1px;left:52%;top:15%;width:1px}.star-5{animation:twinkle 2.9s ease-in-out .2s infinite;background:#cce5ff;height:1.5px;left:72%;top:22%;width:1.5px}.star-6{animation:twinkle 3.1s ease-in-out .4s infinite;background:#fff;height:1px;left:88%;top:18%;width:1px}.star-7{animation:twinkle 2.7s ease-in-out .6s infinite;background:#fffacd;height:1.5px;left:8%;top:35%;width:1.5px}.star-8{animation:twinkle 3.3s ease-in-out .3s infinite;background:#fff;height:1px;left:25%;top:42%;width:1px}.star-9{animation:twinkle 2.8s ease-in-out .1s infinite;background:#e6f0ff;height:2px;left:42%;top:38%;width:2px}.star-10{animation:twinkle 3.2s ease-in-out .5s infinite;background:#fff;height:1.5px;left:65%;top:48%;width:1.5px}.star-11{animation:twinkle 2.9s ease-in-out .2s infinite;background:#e6f0ff;height:1px;left:12%;top:55%;width:1px}.star-12{animation:twinkle 3.1s ease-in-out .4s infinite;background:#fffacd;height:1.5px;left:35%;top:62%;width:1.5px}.star-13{animation:twinkle 2.7s ease-in-out .6s infinite;background:#fff;height:1px;left:58%;top:58%;width:1px}.star-14{animation:twinkle 3.3s ease-in-out .3s infinite;background:#cce5ff;height:1.5px;left:78%;top:68%;width:1.5px}.star-15{animation:twinkle 2.8s ease-in-out .1s infinite;background:#fff;height:1px;left:22%;top:72%;width:1px}.star-16{animation:twinkle 3.2s ease-in-out .5s infinite;background:#e6f0ff;height:1.5px;left:48%;top:78%;width:1.5px}.star-17{animation:twinkle 2.9s ease-in-out .2s infinite;background:#fffacd;height:1px;left:15%;top:82%;width:1px}.star-18{animation:twinkle 3.1s ease-in-out .4s infinite;background:#fff;height:1.5px;left:68%;top:88%;width:1.5px}.star-19{animation:twinkle 2.7s ease-in-out .6s infinite;background:#cce5ff;left:42%;top:92%}.star-19,.star-20{height:1px;width:1px}.star-20{animation:twinkle 3.3s ease-in-out .3s infinite;background:#fff;left:85%;top:85%}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.sun-container{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.sun-core{animation:sun-pulse 1.8s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffb700 50%,#ff8c00);box-shadow:0 0 20px #ffd700cc,0 0 40px #ff8c0080,inset 0 0 20px #ffffff4d}.sun-core,.sun-glow{border-radius:50%;height:50px;position:absolute;width:50px;will-change:transform}.sun-glow{animation:sun-glow-expand 2s ease-in-out infinite;background:radial-gradient(circle,#ffd70066 0,#ff8c0033 50%,#0000 100%)}.sun-rays{animation:sun-rotate 4s linear infinite;background:conic-gradient(from 0deg,#ffd7004d 0deg,#0000 30deg,#0000 150deg,#ff8c0033 180deg,#0000 210deg,#0000 330deg,#ffd7004d 1turn);border-radius:50%;height:50px;position:absolute;width:50px}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes sun-glow-expand{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.1;transform:scale(1.4)}}@keyframes sun-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orbits{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.orbit,.orbits{position:absolute}.orbit{border-radius:50%;border-style:solid;opacity:.3}.orbit-1{border-color:#06b6d480;border-width:1px;height:100px;width:100px}.orbit-2{border-color:#9333ea66;border-width:1px;height:150px;width:150px}.orbit-3{border-color:#ec48994d;border-width:1px;height:200px;width:200px}.planets{height:100%;width:100%}.planet,.planets{position:absolute}.planet{left:50%;top:50%}.planet-1{animation:orbit-1 8s linear infinite}@keyframes orbit-1{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(50px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(50px) rotate(-1turn)}}.planet-2{animation:orbit-2 12s linear infinite}@keyframes orbit-2{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(75px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(75px) rotate(-1turn)}}.planet-3{animation:orbit-3 16s linear infinite}@keyframes orbit-3{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(100px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(100px) rotate(-1turn)}}.planet-core{border-radius:50%;filter:drop-shadow(0 0 6px rgba(0,200,255,.8));height:12px;width:12px}.planet-1 .planet-core{background:linear-gradient(135deg,#00d4ff,#09c)}.planet-2 .planet-core{background:linear-gradient(135deg,#9333ea,#6b21a8)}.planet-3 .planet-core{background:linear-gradient(135deg,#f0f,#c0f)}.cosmic-dust{height:100%;position:absolute;width:100%}.dust-particle{border-radius:50%;opacity:.6;position:absolute;will-change:transform,opacity}.dust-1{animation:dust-float-1 4s ease-in-out infinite;background:#9333eacc;filter:drop-shadow(0 0 2px rgba(147,51,234,.6));height:3px;left:30%;top:20%;width:3px}.dust-2{animation:dust-float-2 5s ease-in-out infinite;background:#ec4899cc;filter:drop-shadow(0 0 2px rgba(236,72,153,.6));height:2px;right:25%;top:70%;width:2px}.dust-3{animation:dust-float-3 4.5s ease-in-out infinite;background:#06b6d4cc;bottom:25%;filter:drop-shadow(0 0 2px rgba(6,182,212,.6));height:2.5px;left:20%;width:2.5px}.dust-4{animation:dust-float-4 5.5s ease-in-out infinite;background:#ff8c00cc;filter:drop-shadow(0 0 2px rgba(255,140,0,.6));height:2px;right:15%;top:35%;width:2px}.dust-5{animation:dust-float-5 6s ease-in-out infinite;background:#64c8ffcc;bottom:30%;filter:drop-shadow(0 0 2px rgba(100,200,255,.6));height:3px;right:30%;width:3px}@keyframes dust-float-1{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.8;transform:translate(15px,-15px)}}@keyframes dust-float-2{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.9;transform:translate(-20px,15px)}}@keyframes dust-float-3{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.8;transform:translate(18px,12px)}}@keyframes dust-float-4{0%,to{opacity:.5;transform:translate(0)}50%{opacity:.8;transform:translate(-15px,-18px)}}@keyframes dust-float-5{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.9;transform:translate(12px,20px)}}@media (max-width:768px){.premium-loader-container{gap:25px;min-height:50vh;padding:30px 15px}.premium-loader-wrapper{height:180px;width:180px}.galaxy-nebula{height:200px;width:200px}.sun-core,.sun-glow,.sun-rays{height:40px;width:40px}.orbit-1{height:80px;width:80px}.orbit-2{height:120px;width:120px}.orbit-3{height:160px;width:160px}.planet-core{height:9px;width:9px}}@media (max-width:480px){.premium-loader-container{gap:20px;min-height:40vh;padding:20px 10px}.premium-loader-wrapper{height:140px;width:140px}.galaxy-nebula{height:160px;width:160px}.sun-core,.sun-glow,.sun-rays{height:30px;width:30px}.orbit-1{height:60px;width:60px}.orbit-2{height:90px;width:90px}.orbit-3{height:120px;width:120px}.planet-core{height:7px;width:7px}}:root{--cosmic-bg-1:#000814;--cosmic-bg-2:#001233;--cosmic-bg-3:#001d3d}.premium-loader-container{background:linear-gradient(135deg,#000814,#001233 25%,#001d3d 50%,#000814);background:linear-gradient(135deg,var(--cosmic-bg-1) 0,var(--cosmic-bg-2) 25%,var(--cosmic-bg-3) 50%,var(--cosmic-bg-1) 100%)}.admin-root{background:#0b1216;color:#e9edef;display:flex;overflow:visible;position:relative;width:100%}.admin-user-summary{align-items:center;display:flex;gap:10px}.admin-user-info{align-items:flex-end;display:flex;flex-direction:column}.admin-user-name{color:#e9edef;font-size:.9rem}.admin-user-role{color:#8696a0;font-size:.75rem}.admin-user-avatar{align-items:center;background:#111b21;border:1px solid #2a3942;border-radius:50%;color:#e9edef;display:flex;font-size:.9rem;height:32px;justify-content:center;overflow:hidden;width:32px}.admin-user-avatar img{height:100%;object-fit:cover;width:100%}.admin-sidebar{background:#111b21;border-right:1px solid #2a3942;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:8px;position:-webkit-sticky;position:sticky;top:0;width:240px}.admin-bottombar,.sidebar-toggle{display:none}.admin-brand{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:700;gap:10px;padding:8px 6px}.brand-dot{background:#00a884;border-radius:50%;height:10px;width:10px}.brand-text{color:#e9edef}.admin-nav{grid-gap:2px;display:grid;gap:2px;margin-top:4px}.nav-item{align-items:center;border:solid #0000;border-radius:4px;border-width:0 0 0 1px;color:#cfd8dc;display:flex;font-size:.95rem;gap:8px;padding:10px 8px;position:relative;text-decoration:none}.nav-item:hover{background:#00a88414;border-left-color:#2a3942;color:#e9edef}.nav-item.active{background:#00a88426;border-left-color:#00a884;color:#e9edef}.nav-section-header{align-items:center;border-bottom:1px solid #2a3942;color:#8696a0;display:flex;font-size:.65rem;font-weight:700;gap:4px;letter-spacing:.3px;margin-top:6px;padding:6px 6px 4px;text-transform:uppercase}.nav-section-header:first-of-type{margin-top:2px}.notification-badge{align-items:center;background:#dc2626;border-radius:9px;box-shadow:0 2px 4px #dc26264d;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;margin-left:auto;min-width:18px;padding:0 5px}.nav-item .notification-badge{margin-left:auto}.admin-sidebar.collapsed .nav-item .notification-badge{font-size:9px;height:16px;min-width:16px;padding:0 4px;position:absolute;right:6px;top:6px}.bottom-item{position:relative}.bottom-item .notification-badge{font-size:9px;height:16px;min-width:16px;padding:0 4px}.bottom-item .notification-badge,.more-btn .notification-badge{position:absolute;right:4px;top:4px}.dropup-item{position:relative}.dropup-item .notification-badge{font-size:10px;height:18px;margin-left:auto;min-width:18px}.admin-main{flex:1 1;flex-direction:column;margin-left:0;max-width:none;min-width:0;overflow:visible;position:relative;width:auto}.admin-main,.admin-topbar{background:#0b1216;display:flex}.admin-topbar{align-items:center;border-bottom:1px solid #2a3942;flex-shrink:0;gap:6px;padding:6px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.admin-breadcrumbs{align-items:center;color:#8696a0;display:flex;font-size:.85rem;gap:4px}.breadcrumb-item{align-items:center;display:inline-flex;gap:4px}.breadcrumb-link{color:#e9edef;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:#cfd8dc}.breadcrumb-separator{color:#4b5a63}.breadcrumb-header{color:#e9edef;font-weight:600;margin-right:8px}.user-summary{align-items:center;color:#8696a0;display:flex;font-size:.85rem;gap:8px}.user-summary .username{color:#e9edef;font-weight:600}.back-link{align-items:center;background:#111b21;border:1px solid #2a3942;border-radius:8px;color:#e9edef;cursor:pointer;display:inline-flex;gap:8px;padding:8px 10px}.back-link:hover{border-color:#00a884}.spacer{flex:1 1}.admin-content{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin-top:0;max-width:100%;overflow-x:hidden;padding:8px;width:100%}.admin-loading{color:#cfd8dc;padding:24px}.cards{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}@media (min-width:900px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1200px){.cards{grid-template-columns:repeat(6,minmax(0,1fr))}}.card{background:#111b21;border:1px solid #2a3942;border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:8px}.card-title{color:#8696a0;font-size:11px;margin-bottom:2px}.card-value{font-size:20px;font-weight:700}.panel{background:#111b21;border:1px solid #2a3942;border-radius:6px;box-sizing:border-box;overflow-x:auto;padding:8px;width:100%}.chart-box{height:100%;min-height:260px;min-width:0;width:100%}.panel+.panel{margin-top:8px}.panel-title{color:#e9edef;font-size:.95rem;font-weight:600;margin-bottom:6px}.table{border-collapse:collapse;display:table;width:100%}.table td,.table th{border-bottom:1px solid #2a3942;font-size:12px;line-height:1.2;padding:8px 10px;text-align:left}.table th{background:#0000001a;color:#8696a0;font-weight:600;padding-bottom:6px;padding-top:6px}.badge{border:1px solid #2a3942;border-radius:999px;color:#cfd8dc;display:inline-flex;font-size:12px}.grid-2{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr}@media (min-width:1000px){.grid-2{grid-template-columns:1fr 1fr}}.actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:0 auto;width:-webkit-fit-content;width:fit-content}.btn{align-items:center;background:#0b1216;border:1px solid #2a3942;border-radius:4px;color:#e9edef;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;gap:4px;padding:5px 8px;width:auto}.btn.primary{background:#00a884;border-color:#00a884;color:#0b1216}.btn.danger{background:#f15e6c;border-color:#f15e6c;color:#0b1216}.btn:hover{border-color:#00a884}.btn:disabled{background:#111b21;border-color:#2a3942;color:#8696a0;cursor:not-allowed;opacity:.45;pointer-events:none}.input,.select{background:#0b1216;border:1px solid #2a3942;border-radius:4px;color:#e9edef;font-size:12px;padding:6px 8px;width:100%}select{background-image:none!important}select,select option{background-color:#0b1216!important}select option{border-radius:3px!important;color:#e9edef!important;font-size:12px!important;padding:6px 8px!important}select optgroup{background-color:#0b1216!important;color:#8696a0!important}select optgroup option{background-color:#0b1216!important;color:#e9edef!important;padding-left:20px!important}.label{color:#8696a0;display:block;font-size:11px;font-weight:500;margin-bottom:3px}.kpi{align-items:center;display:flex;justify-content:space-between}.progress{background:#0b1216;border:1px solid #2a3942;border-radius:999px;height:8px;overflow:hidden}.progress>span{background:linear-gradient(90deg,#00a884,#34b7f1);display:block;height:100%}@media (max-width:860px){.admin-sidebar{background:#111b21;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 6px;position:fixed;top:0;transform:translateX(0);transition:width .3s ease;width:64px;z-index:5}.admin-main{max-width:calc(100% - 64px);transition:margin-left .3s ease,width .3s ease;width:calc(100% - 64px)}.admin-sidebar.collapsed{width:64px}.admin-sidebar:not(.collapsed)~.admin-main{margin-left:240px;max-width:calc(100% - 240px);width:calc(100% - 240px)}.admin-sidebar .brand-text,.admin-sidebar .nav-item span.nav-label{display:none}.admin-sidebar .nav-item{justify-content:center;padding:12px 6px}.admin-sidebar.collapsed .nav-section-header{align-items:center;border-bottom:none;display:flex;height:36px;justify-content:center;margin-top:12px;padding:8px 0}.admin-sidebar.collapsed .nav-section-header>*{display:none}.admin-sidebar.collapsed .nav-section-header:before{background:#00a884;border-radius:50%;box-shadow:0 0 0 6px #00a8840f;content:"";display:block;height:10px;width:10px}.admin-sidebar:not(.collapsed){padding:14px;width:240px}.admin-sidebar:not(.collapsed) .brand-text,.admin-sidebar:not(.collapsed) .nav-item span.nav-label{display:inline}.sidebar-toggle{align-items:center;align-self:center;background:#0000;border:1px solid #2a3942;border-radius:8px;color:#e9edef;cursor:pointer;display:inline-flex;justify-content:center;margin-top:auto;padding:6px 8px;position:static;transform:none}.sidebar-toggle:hover{border-color:#00a884}.admin-main{margin-left:64px}}@media (max-width:600px){.admin-sidebar{display:none}.admin-main{margin-left:0;max-width:100%;overflow-x:hidden;padding-bottom:70px;width:100%}.admin-topbar{background:#0b1216;border-bottom:1px solid #2a3942;display:flex;flex-shrink:0;flex-wrap:wrap;padding:4px 6px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.admin-topbar,.back-link{align-items:center;gap:4px}.back-link{background:#111b21;border:1px solid #2a3942;border-radius:6px;color:#e9edef;cursor:pointer;display:inline-flex;font-size:12px;min-height:auto;padding:6px 8px}.back-link span{display:none}.back-link svg{font-size:16px}.admin-breadcrumbs{display:none}.admin-content{max-width:100%;padding:12px}.cards{gap:12px;grid-template-columns:1fr}.panel{padding:12px}.admin-bottombar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;background:#0a0f13;bottom:0;box-shadow:0 -2px 8px #00000080;display:flex;flex-wrap:nowrap;gap:8px;height:56px;justify-content:flex-start;left:0;overflow-x:auto;overflow-y:hidden;padding:4px 8px;position:fixed;right:0;scroll-behavior:smooth;scrollbar-width:none;z-index:10}.admin-bottombar::-webkit-scrollbar{display:none}.admin-bottombar .bottom-item{align-items:center;color:#cfd8dc;display:flex;flex-direction:column;flex-shrink:0;font-size:9px;gap:4px;min-width:-webkit-max-content;min-width:max-content;padding:6px 8px;text-decoration:none;white-space:nowrap}.admin-bottombar .bottom-item svg{font-size:16px}.admin-bottombar .bottom-more{position:relative}.admin-bottombar .more-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#cfd8dc;display:inline-flex;justify-content:center;padding:8px}.admin-bottombar .more-btn.active{background:#00a88414;color:#00a884}.admin-bottombar .more-dropup{background:#111b21;border:1px solid #2a3942;border-radius:8px;bottom:74px;box-shadow:0 12px 32px #0009;display:flex;flex-direction:column;gap:6px;min-width:220px;padding:8px;position:absolute;right:8px;z-index:1200}.admin-bottombar .dropup-item{align-items:center;background:#0000;border-radius:6px;color:#cfd8dc;display:flex;gap:10px;padding:8px 10px;text-decoration:none}.admin-bottombar .dropup-item:hover{background:#00a8840f;color:#e9edef}.admin-bottombar .dropup-item .dropup-icon svg{font-size:16px}.admin-bottombar .dropup-item.active{background:#00a8841f;border-color:#00a884;color:#00a884}.admin-bottombar .bottom-item svg{font-size:20px}.admin-bottombar .bottom-item.active{color:#00a884}}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#111b21;border:1px solid #2a3942;border-radius:8px;color:#e9edef;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;padding:0;width:95%}.confirm-modal{max-width:420px;width:100%}.modal-header{align-items:center;background:#111b21;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;min-width:-webkit-min-content;min-width:min-content;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-body{overflow-y:auto;padding:8px 12px}.icon-btn{background:#0000;border:none;border-radius:4px;color:#8696a0;cursor:pointer;padding:4px;transition:all .2s}.icon-btn:hover{background:#2a3942;color:#e9edef}.toast-container{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:20px;z-index:1100}.toast{background:#111b21;border:1px solid #2a3942;border-radius:8px;box-shadow:0 8px 20px #00000080;color:#e9edef;font-size:13px;max-width:320px;min-width:220px;padding:10px 14px}.toast-success{background:rgba(0,168,132,.932);border-color:#00a88499}.toast-error{background:rgba(241,94,109,.959);border-color:#f15e6c99}.toast-info{background:rgba(52,184,241,.877);border-color:#34b7f199}.debug-badge{border:1px solid #2a3942;border-radius:999px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 6px;vertical-align:middle}.debug-badge.ok{background:#00a88426;border-color:#00a88459;color:#00a884}.debug-badge.empty{background:#f15e6c26;border-color:#f15e6c59;color:#f15e6c}.viewer-section{padding:12px}.viewer-section-title{color:#00a884;font-weight:600;margin-bottom:10px}.viewer-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.viewer-item{align-items:center;background:#0b141a;border:1px solid #1f2c34;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.viewer-item:hover{background:#0e171e;border-color:#2a3942}.viewer-avatar{align-items:center;background:#1f2c34;border-radius:50%;color:#e9edef;display:flex;font-weight:700;height:36px;justify-content:center;letter-spacing:.3px;width:36px}.viewer-meta{display:flex;flex-direction:column;min-width:0}.viewer-email{color:#e9edef;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-time{color:#8696a0;font-size:12px;margin-top:2px}.viewer-time-dropdown{background:#0b141a;border:1px solid #1f2c34;border-radius:6px;margin-top:4px;max-width:260px;padding:4px 8px}.viewer-time-dropdown[open]{background:#0e171e;border-color:#00a884}.viewer-time-dropdown summary{align-items:center;color:#cfd8dc;cursor:pointer;display:flex;font-size:12px;gap:6px;justify-content:space-between;list-style:none;outline:none}.viewer-time-dropdown summary::-webkit-details-marker{display:none}.viewer-time-dropdown[open] summary{color:#00a884}.viewer-time-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:6px 0 0;padding:0}.viewer-time-list li{color:#94a3b8;font-size:12px;line-height:1.3;padding-left:12px;position:relative}.viewer-time-list li:before{background:#64748b;border-radius:999px;content:"";height:4px;left:3px;position:absolute;top:50%;transform:translateY(-50%);width:4px}@media (min-width:600px){.viewer-list{grid-template-columns:1fr 1fr}}@media (min-width:900px){.viewer-list{grid-template-columns:1fr 1fr 1fr}}.overview-table{min-width:100%;width:100%}.table,.table thead th{color:#e9edef}.table tbody td{color:#cfd8dc}.table td .actions,.table td:last-child,.table th:last-child{white-space:nowrap}.table td select.select{min-width:100px;width:auto}.table .actions{flex-wrap:nowrap;gap:8px}.table tbody td:last-child{min-width:180px}@media (max-width:768px){.modal-content .table{min-width:800px}.overview-table{min-width:100%;width:100%}.table .btn{font-size:13px;padding:6px 8px}}input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#0b1216;border:2px solid #2a3942;border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease}input[type=checkbox]:hover{border-color:#00a884}input[type=checkbox]:checked{background:#00a884;border-color:#00a884}input[type=checkbox]:checked:after{color:#0b1216;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}input[type=radio]{appearance:none;-webkit-appearance:none;background:#0b1216;border:2px solid #2a3942;border-radius:50%;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}input[type=radio]:hover{border-color:#00a884}input[type=radio]:checked{background:#00a88422;border-color:#00a884}input[type=radio]:checked:after{background:#00a884;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.settings-tree{margin-top:6px}.settings-branch{padding-left:14px;position:relative}.settings-branch:before{background:#2a3942;border-radius:2px;bottom:0;content:"";left:5px;position:absolute;top:0;width:2px}.settings-children{border-left:1px dashed #2a3942;margin-left:6px;margin-top:8px;padding-left:12px}.settings-check{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.settings-check-title{color:#e9edef;font-weight:600}.muted{color:#8696a0}.muted.small{font-size:12px}.cap{text-transform:capitalize}.option-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:8px}.option-card{align-items:flex-start;background:#0b1216;border:1px solid #2a3942;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:border-color .2s ease,background .2s ease}.option-card.active,.option-card:hover{border-color:#00a884}.option-card.active{background:#00a88414}.option-title{color:#e9edef;font-weight:600}.roles-grid{display:flex;flex-wrap:wrap;gap:10px}.role-chip{align-items:center;background:#0b1216;border:1px solid #2a3942;border-radius:999px;display:inline-flex;gap:6px;padding:6px 10px}.role-chip input{margin:0}.secure-reader-overlay{align-items:center;background:#0f172ae6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1400}.secure-reader-container{background:#020617;border:1px solid #1e293b;border-radius:12px;box-shadow:0 24px 80px #0f172ad9;display:flex;flex-direction:column;height:92%;overflow:hidden;transition:all .3s ease;width:96%}.secure-reader-container.fullscreen{border-radius:0;box-shadow:none;height:100%;width:100%}.secure-reader-container.warm-mode{background:#050811}.secure-reader-header{align-items:center;background:linear-gradient(90deg,#020617,#0b1120);border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding:8px 14px}.title-section{display:flex;flex-direction:column}.secure-reader-title{color:#e2e8f0;font-size:14px;font-weight:600;margin:0}.secure-reader-author{color:#94a3b8;font-size:12px;margin:0}.button-group{gap:10px}.button-group,.icon-button{align-items:center;display:flex}.icon-button{background:#0f172ae6;border:none;border-radius:999px;color:#e2e8f0;cursor:pointer;padding:4px 8px;transition:all .2s ease}.icon-button:hover{background:#1e293be6}.icon-button.warm-mode{background:#f871712e;color:#fecaca}.icon-button.warm-mode:hover{background:#f871714d}.finish-button{align-items:center;background:#16a34a2e;border:none;border-radius:999px;color:#bbf7d0;cursor:pointer;display:flex;gap:6px;padding:4px 10px;transition:all .2s ease}.finish-button:hover{background:#16a34a4d}.close-button{background:#f8fafc14;border-radius:999px;color:#e2e8f0;gap:6px;padding:6px 10px}.close-button:hover{background:#f8fafc26}.content-area{flex:1 1;flex-direction:column;overflow:hidden}.content-area,.pdf-container{align-items:center;background:#020617;display:flex;justify-content:center}.pdf-container{flex:1 1;overflow:auto;padding:24px 16px;perspective:1000px;position:relative;width:100%}.pdf-container,.pdf-page-container{-webkit-backface-visibility:hidden;backface-visibility:hidden}.pdf-container.fullscreen{padding:32px 24px}.pdf-container.warm-mode{background:radial-gradient(circle at top,#1f2933 0,#020617 55%,#050308 100%);filter:sepia(.25) hue-rotate(-10deg) saturate(1.1)}.watermark-overlay{align-items:center;color:#f97316;display:flex;font-size:18px;inset:0;justify-content:center;letter-spacing:1.5px;mix-blend-mode:screen;opacity:.08;padding:32px;pointer-events:none;position:absolute;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.watermark-text{text-shadow:0 0 18px #0f172ae6;transform:rotate(-24deg);white-space:nowrap}.reader-footer{align-items:center;border-top:1px solid #1e293b;color:#94a3b8;display:flex;font-size:12px;justify-content:space-between;padding:6px 12px}.navigation-group{gap:6px}.navigation-group,.page-button{align-items:center;display:flex}.page-button{background:#0f172ae6;border:none;border-radius:999px;color:#e2e8f0;cursor:pointer;padding:4px 8px;transition:all .2s ease}.page-button:hover:not(:disabled){background:#1e293be6}.page-button:disabled{color:#4b5563;cursor:default;opacity:.6}.loading-text{color:#94a3b8;font-size:13px}.pdf-page-container{margin-bottom:24px;will-change:transform}.pdf-page-container,.react-pdf__Page{transition:transform .08s cubic-bezier(.4,0,.2,1)}.react-pdf__Page{display:inline-block;margin:0 auto;position:relative;-webkit-user-select:text;user-select:text;will-change:contents}.react-pdf__Page__canvas{display:block;margin:0;padding:0}.react-pdf__Page__textContent{-webkit-user-callout:none;height:100%;left:0;overflow:hidden;top:0;user-select:text;width:100%;z-index:10}.react-pdf__Page__textContent,.react-pdf__Page__textContent>span{cursor:text;margin:0;padding:0;pointer-events:auto;position:absolute}.react-pdf__Page__textContent>span{-webkit-touch-callout:none;background-color:initial;color:#0000;display:inline-block;letter-spacing:0;line-height:1;overflow:visible;-webkit-user-select:text;user-select:text;white-space:pre}.react-pdf__Page__textContent>span::selection{-webkit-text-fill-color:#0000;background-color:#3b82f64d;color:#0000}.react-pdf__Page__textContent>span::-moz-selection{background-color:#3b82f64d;color:#0000}.react-pdf__Page__textContent{-webkit-touch-callout:none;-webkit-user-select:text}.highlight-context-menu{animation:slideIn .15s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;gap:0;min-width:160px;padding:8px 0;transform:translateX(-50%);z-index:2000}.highlight-menu-item{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;gap:12px;padding:10px 16px;text-align:left;transition:background-color .15s ease;width:100%}.highlight-menu-item:hover{background:#f5f5f5}.highlight-menu-item.highlight-copy{font-weight:500}.highlight-menu-icon{font-size:16px}.highlight-menu-separator{background:#e0e0e0;height:1px;margin:4px 0}.highlight-menu-title{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px 4px;text-transform:uppercase}.highlight-colors-grid{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;padding:8px 12px}@keyframes copyPulse{0%{background-color:#4caf5066}50%{background-color:#4caf5033}to{background-color:initial}}.copy-feedback{animation:copyPulse .6s ease-out}@media (max-width:1024px){.secure-reader-container{height:90%;width:95%}.pdf-container{padding:20px 14px}.secure-reader-header{padding:8px 12px}}@media (max-width:768px){.secure-reader-container{border-radius:8px;height:85%;width:90%}.secure-reader-container.fullscreen{border-radius:0;height:100%;width:100%}.secure-reader-header{flex-wrap:wrap;padding:8px 12px}.title-section{flex:1 1}.button-group{gap:8px}.icon-button{border-radius:6px;padding:4px 6px}.icon-button svg{height:16px;width:16px}.pdf-container{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:16px 12px}.pdf-container.fullscreen{padding:20px 16px}.watermark-overlay{font-size:16px;padding:24px}.watermark-text{font-size:14px}.reader-footer{flex-direction:column;gap:6px;padding:6px 12px}}@media (max-width:640px){.secure-reader-container{border:none;border-radius:0;box-shadow:none;height:100%;width:100%}.secure-reader-overlay{background:#020617}.secure-reader-header{gap:6px;padding:8px 10px}.title-section{flex:1 1;min-width:0}.secure-reader-title{font-size:13px}.secure-reader-author{font-size:11px}.button-group{gap:4px}.icon-button{align-items:center;border-radius:5px;display:flex;height:32px;justify-content:center;min-width:32px;padding:4px 5px}.icon-button svg{height:15px;width:15px}.finish-button{border-radius:5px;font-size:11px;padding:4px 8px}.finish-button svg{height:14px;width:14px}.close-button{border-radius:5px;height:32px;min-width:32px;padding:4px 6px}.close-button svg{height:15px;width:15px}.pdf-container{padding:12px 10px}.pdf-container.fullscreen{padding:14px 12px}.watermark-overlay{font-size:14px;padding:16px}.watermark-text{font-size:12px;transform:rotate(-20deg)}.reader-footer{font-size:11px;padding:6px 10px}.page-button{border-radius:5px;height:32px;min-width:32px;padding:4px 6px}.page-button svg{height:14px;width:14px}.navigation-group{gap:4px}}@media (max-width:480px){.secure-reader-overlay{background:#020617}.secure-reader-container{border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;width:100vw}.secure-reader-header{background:linear-gradient(90deg,#020617,#0b1120);box-shadow:0 2px 6px #0000004d;flex-wrap:wrap;gap:4px;padding:6px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.title-section{flex:1 1;min-width:0;order:1}.secure-reader-title{font-size:12px;font-weight:600;line-height:1.2}.secure-reader-author{display:none;font-size:10px}.button-group{gap:2px;margin-left:auto;order:2}.icon-button{align-items:center;border-radius:4px;display:flex;height:30px;justify-content:center;min-width:30px;padding:3px 4px}.icon-button svg{height:13px;width:13px}.finish-button{border-radius:4px;font-size:10px;height:30px;min-width:30px;padding:3px 6px}.finish-button svg{height:12px;width:12px}.close-button{border-radius:4px;height:30px;min-width:30px;padding:3px 4px}.close-button svg{height:13px;width:13px}.content-area{flex:1 1;overflow:hidden}.pdf-container{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:8px}.pdf-container.fullscreen{padding:10px}.pdf-container.warm-mode{background:radial-gradient(circle at top,#1f2933 0,#020617 55%,#050308 100%);filter:sepia(.25) hue-rotate(-10deg) saturate(1.1)}.watermark-overlay{font-size:12px;opacity:.06;padding:12px}.watermark-text{font-size:11px;padding:8px;transform:rotate(-15deg)}.react-pdf__Page{margin:0 auto!important;-webkit-user-select:text;user-select:text}.react-pdf__Page,.react-pdf__Page__canvas{max-width:100%!important;width:100%!important}.react-pdf__Page__canvas{display:block;height:auto!important;margin:0 auto}.react-pdf__Page__textContent{-webkit-user-select:text;user-select:text;width:100%!important}.react-pdf__Page__annotations{width:100%!important}.pdf-page-container{margin-bottom:8px}.reader-footer{background:linear-gradient(90deg,#020617f2,#0b1120f2 50%,#020617f2);border-top:1px solid #1e293b;bottom:0;box-shadow:0 -2px 6px #0000004d;flex-direction:column;font-size:10px;gap:4px;padding:6px 8px;position:-webkit-sticky;position:sticky;z-index:40}.page-button{border-radius:4px;flex:1 1;height:28px;max-width:50px;min-width:28px;padding:3px 4px}.page-button svg{height:12px;width:12px}.navigation-group{gap:2px;justify-content:center;width:100%}.loading-text{font-size:11px}.pdf-container::-webkit-scrollbar{width:6px}.pdf-container::-webkit-scrollbar-track{background:#0f172a4d}.pdf-container::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.pdf-container::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}}@media (max-width:380px){.secure-reader-title{font-size:11px}.icon-button{height:28px;min-width:28px;padding:2px 3px}.icon-button svg{height:12px;width:12px}.pdf-container{padding:6px}.watermark-text{font-size:10px;padding:6px}.reader-footer{font-size:9px;padding:4px 6px}.page-button{height:26px;min-width:26px;padding:2px 3px}}.comments-title-comments{align-items:center;display:flex;gap:6px;justify-content:center}.comments-title-comments span{color:#8696a0;font-size:12px}.comment-like-btn-comments,.menu-btn-comments,.reply-btn-comments{border:none;padding:0}.reply-btn-comments{background:none}.send-reply-btn-comments{align-items:center;background:none;color:#95a8b8;display:inline-flex;justify-content:center;line-height:1}.send-reply-btn-comments svg{stroke:currentColor;fill:currentColor}.send-reply-btn-comments:not(:disabled){color:#00b388}.send-reply-btn-comments:not(:disabled) svg{stroke:#00b388;fill:#00b388}.submit-comment-btn-comments{align-items:center;background:none;color:#95a8b8;display:inline-flex;justify-content:center;line-height:1}.submit-comment-btn-comments svg{stroke:currentColor;fill:currentColor}.submit-comment-btn-comments:not(:disabled){color:#00b388}.submit-comment-btn-comments:not(:disabled) svg{stroke:#00b388;fill:#00b388}.media-upload-btn-comments{border:none;padding:0}.replies-tree-comments{margin-top:6px;padding-left:10px}.tree-item-comments{margin-left:8px;padding-left:16px;position:relative}.tree-item-comments:before{border-left:1.5px solid #95a8b880;bottom:-6px;content:"";left:0;position:absolute;top:0;width:10px}.tree-item-comments:after{border-top:1.5px solid #95a8b880;content:"";left:0;position:absolute;top:14px;width:12px}.tree-item-comments.is-last:before{bottom:14px}.tree-content-comments{background:#182229;border-radius:6px;margin-bottom:6px;padding:6px}.replies-toggle-btn-comments{background:#0b1216;border:1px solid #2a3942;border-radius:12px;color:#95a8b8;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.replies-toggle-btn-comments:hover{border-color:#00b388;color:#00b388}.replies-toggle-btn-comments:focus{outline:2px solid #00b388;outline-offset:2px}.new-comment-input-comments,.reply-input-comments{box-shadow:inset 0 0 0 1px #2a394299}.new-comment-input-comments:focus,.reply-input-comments:focus{box-shadow:0 0 0 2px #00b38859}.no-comments{color:#95a8b8;font-size:10px;margin:4px 0;text-align:left}:root{--bg-dark:#0b1216;--bg-darker:#060a0c;--rating-star:#fbbf24;--wishlist-active:#6366f1;--wishlist-inactive:#64748b}@keyframes paperFloatUpRandom{0%{opacity:1;transform:translateY(0) translateX(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-280px) translateX(0) scale(.8);transform:translateY(-280px) translateX(var(--random-x,0)) scale(.8)}}@keyframes paperBubbleSubtle{0%{opacity:.9;transform:translateY(0) translateX(0) scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-200px) translateX(0) scale(.95);transform:translateY(-200px) translateX(var(--random-x,0)) scale(.95)}}@keyframes paperBubbleSpiral{0%{opacity:1;transform:translateY(0) translateX(0) scale(1) rotate(0deg)}50%{opacity:1}to{opacity:0;transform:translateY(-280px) translateX(0) scale(.8) rotate(1turn);transform:translateY(-280px) translateX(var(--random-x,0)) scale(.8) rotate(1turn)}}.paper-love-bubble{animation:paperFloatUpRandom 4s ease-out forwards;color:#f15e6c}.love-bubble,.paper-love-bubble{bottom:50%;font-size:.5rem;font-weight:700;pointer-events:none;position:absolute;right:50%;will-change:transform,opacity;z-index:9999}.love-bubble{animation:paperBubbleSubtle 2.5s cubic-bezier(.25,.46,.45,.94) forwards}.love-bubble.heart{color:#f15e6c}.university-love-bubble{animation:paperFloatUpRandom 4s ease-out forwards;bottom:50%;color:#ff1493;font-size:.5rem;font-weight:700;pointer-events:none;position:absolute;right:50%;will-change:transform,opacity;z-index:9999}@keyframes bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(8px)}}@keyframes paperLikeClickPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes paperLikeHeartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.35)}50%{transform:scale(1)}}@keyframes buttonGlow{0%,to{text-shadow:0 0 0 #f4433600}50%{text-shadow:0 0 8px #f44336cc}}.containerpast{background-color:initial!important;box-shadow:none;color:#e9edef;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:0;max-width:100%;padding:0}@media (min-width:768px){.containerpast{margin-top:0}}.welcome-bannerpast{background:#060a0c;background:var(--bg-darker);border-radius:8px;box-shadow:0 2px 6px #0000004d;margin-bottom:1.5rem;padding:1rem;position:relative;text-align:center}.welcome-contentpast{color:#e9edef;color:var(--text-dark)}.welcome-contentpast h3{font-size:1.1rem;margin:0 0 .5rem}.welcome-contentpast p{color:#8696a0;color:var(--text-light);font-size:.85rem;margin:0}.close-welcomepast{background:none;border:none;color:#8696a0;color:var(--text-light);cursor:pointer;position:absolute;right:.75rem;top:.75rem}.headerpast{margin-bottom:1.5rem;margin-top:-.75rem;padding-top:0;text-align:center}.titlepast{color:#b3bcc5;font-size:.95rem;font-weight:700;margin-bottom:.375rem}@media (min-width:768px){.headerpast{padding-top:0}.titlepast{font-size:.95rem}}.subtitlepast{color:#8696a0;color:var(--text-light);font-size:.875rem;margin:0 auto;max-width:500px;padding:0 1rem}@media (min-width:768px){.subtitlepast{font-size:.875rem}}.controlspast{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:1.25rem;position:relative;width:100%}@media (max-width:520px){.controlspast{align-items:center;flex-wrap:nowrap;gap:.35rem}.search-containerpast{flex:1 1 auto;max-width:none;min-width:100px}.filter-wrapperpast{align-items:center;display:flex;flex-wrap:nowrap;gap:.35rem}.filter-wrapperpast .filter-buttonpast{flex-shrink:0;font-size:.7rem;padding:.3rem .5rem;white-space:nowrap}}@media (min-width:640px){.controlspast{gap:1rem}}.back-button-past{align-items:center;background:none;border:none;color:#00a884;color:var(--primary);cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:4px;padding:4px 8px;transition:color .05s}.back-button-past:hover{color:#00d4aa}@media (max-width:520px){.back-button-past{font-size:.8em;padding:3px 6px}}.search-containerpast{align-items:center;background:#0000!important;border:none;border-radius:6px;display:flex;flex:1 1 auto;height:24px!important;line-height:24px!important;min-width:150px;padding:0}@media (min-width:768px){.search-containerpast{max-width:25%}}@media (max-width:640px){.search-containerpast{flex:1 1 auto;margin-bottom:.5rem;max-width:60%;min-width:100px}}@media (max-width:520px){.search-containerpast{flex:1 1 auto;max-width:60%;min-width:auto}}.search-inputpast{background:#0000!important;border:none;border-radius:4px;color:#e9edef;color:var(--text-dark);flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.85rem;min-width:0;outline:none;padding:.1rem .5rem}@media (max-width:520px){.search-inputpast{font-size:.8rem;padding:.08rem .4rem}}.search-inputpast::placeholder{color:#8696a0;color:var(--text-light);font-size:.85rem}@media (max-width:520px){.search-inputpast::placeholder{font-size:.75rem}}.search-iconpast{margin-right:.5rem}.clear-buttonpast,.search-iconpast{align-items:center;color:#8696a0;color:var(--text-light);display:flex}.clear-buttonpast{background:none;border:none;cursor:pointer;padding:0 8px}.filter-wrapperpast{align-items:center;display:flex;flex-wrap:nowrap;gap:.35rem;position:relative}@media (max-width:520px){.filter-wrapperpast{gap:.25rem}}.filter-buttonpast{align-items:center;background:#0b1216;background:var(--bg-dark);border:1px solid #060a0c;border:1px solid var(--bg-darker);border-radius:4px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:.3rem;height:24px!important;line-height:24px!important;padding:0 .65rem;transition:all .05s ease;white-space:nowrap}@media (max-width:520px){.filter-buttonpast{font-size:.65rem;padding:.25rem .4rem}}.filter-buttonpast.activepast{color:#00a884;color:var(--primary)}.filter-buttonpast.activepast,.filter-buttonpast:hover{background:#00a88433;border-color:#00a884;border-color:var(--primary)}.filter-buttonpast:disabled{cursor:not-allowed;opacity:.7}@media (min-width:640px){.filter-buttonpast{padding:.5rem 1rem}}.filter-dropdownpast{animation:fadeInInstant 0s;background:#0b1216;background:var(--bg-dark);border:1px solid #060a0c;border:1px solid var(--bg-darker);border-radius:6px;box-shadow:0 2px 4px #0000004d;margin-top:.5rem;min-width:180px;padding:.5rem;position:absolute;right:0;top:100%;z-index:10}@keyframes fadeInInstant{0%{opacity:1}to{opacity:1}}.filter-sectionpast{border-top:1px solid #060a0c;border-top:1px solid var(--bg-darker);margin-top:10px;padding-top:10px}.filter-sectionpast h4{color:#8696a0;color:var(--text-light);font-size:.85rem;margin-bottom:8px}.filter-optionpast{align-items:center;background:#0000;border-radius:4px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;margin-bottom:.2rem;padding:.4rem .6rem;transition:all .05s ease}.filter-optionpast.activepast{background:#00a8841a;color:#00a884;color:var(--primary)}.filter-optionpast:hover{background:#8696a01a}.filter-optionpast svg{flex-shrink:0;font-size:.9rem}.gridpast{grid-gap:.75rem;background:#0000!important;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:1.5rem;margin-left:0;margin-right:0;padding-left:0;padding-right:0}@media (min-width:420px){.gridpast{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.gridpast{gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media (min-width:1024px){.gridpast{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (min-width:1280px){.gridpast{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.paper-cardpast{background:#0b1216;background:var(--bg-dark);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.paper-cardpast:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-2px)}.paper-coverpast{border-bottom:1px solid #060a0c;border-bottom:1px solid var(--bg-darker);border-radius:8px 8px 0 0;height:100px;object-fit:cover;width:100%}@media (min-width:768px){.paper-coverpast{height:180px}}.paper-snapshotpast{align-items:center;background:#060a0c;background:var(--bg-darker);border:none;border-radius:0;box-shadow:none;display:flex;height:140px;justify-content:center;margin:0;object-fit:cover;overflow:hidden;width:100%}@media (min-width:640px){.paper-snapshotpast{height:160px}}@media (min-width:768px){.paper-snapshotpast{height:160px}}@media (min-width:1280px){.paper-snapshotpast{height:170px}}.card-contentpast{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:60px;padding:.75rem .5rem}@media (min-width:768px){.card-contentpast{gap:4px;padding:.75rem .6rem}}.paper-titlepast{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#e9edef;color:var(--text-dark);display:-webkit-box;font-size:.65rem;font-weight:600;line-height:1.2;margin-bottom:0;overflow:hidden}@media (min-width:768px){.paper-titlepast{font-size:.75rem;line-height:1.3;margin-bottom:0}}.paper-iconpast{align-items:center;background:linear-gradient(135deg,#8696a01f,#8696a00f);border-radius:10px;color:#00a884;color:var(--primary);display:flex;height:52px;justify-content:center;margin-bottom:12px;transition:transform .2s ease;width:52px}@media (max-width:768px){.paper-iconpast{height:48px;width:48px}.paper-iconpast svg{height:32px;width:32px}}.paper-cardpast:hover .paper-iconpast{transform:scale(1.05)}.paper-coursepast{border-bottom:1px solid #8696a026;font-size:.85rem;margin:2px 0 10px;padding-bottom:8px}.paper-coursepast,.paper-metapast{color:#8696a0;color:var(--text-light)}.paper-metapast{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:6px;margin-bottom:10px}.university-namepast{color:#e9edef;color:var(--text-dark);font-weight:500}.meta-detailpast{color:#8696a0;color:var(--text-light);opacity:.8}@media (min-width:768px){.paper-metapast{font-size:.75rem}}.paper-statspast{align-items:center;color:#8696a0;color:var(--text-light);display:flex;gap:16px}.paper-statspast.stats-row{background:#8696a00d;border-radius:6px;justify-content:space-around;padding:8px 12px}@media (max-width:768px){.paper-statspast.stats-row{padding:6px 10px}}.paper-statspast span.stat-itempast{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:6px}.paper-statspast svg{color:#00a884;color:var(--primary);flex-shrink:0}.card-actionspast{background:#0000;border-top:none;display:flex;flex-direction:column;gap:.3rem;padding:0}.carousel-containerpast{-ms-overflow-style:none;margin-bottom:.5rem;overflow-x:auto;position:relative;scrollbar-width:none}.carousel-containerpast::-webkit-scrollbar{display:none}.carousel-itemspast{display:flex;gap:.5rem;padding:.25rem 0;white-space:nowrap}.carousel-itempast{background:#0b1216;background:var(--bg-dark);border-radius:4px;color:#8696a0;color:var(--text-light);flex-shrink:0;font-size:.7rem;padding:.25rem .5rem}@media (min-width:768px){.carousel-itempast{font-size:.75rem;padding:.3rem .6rem}}.carousel-arrowpast{background:#060a0c;background:var(--bg-darker);border:none;border-radius:50%;color:#8696a0;color:var(--text-light);cursor:pointer;display:none;padding:.2rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.carousel-arrowpast:hover{background:#00a884;background:var(--primary);color:#fff}.carousel-arrow-leftpast{left:0}.carousel-arrow-rightpast{right:0}@media (min-width:768px){.paper-cardpast:hover .carousel-arrowpast{display:block}}.paper-descpast{-webkit-box-orient:vertical;color:#8696a0;color:var(--text-light);display:-webkit-box;font-size:.7rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}@media (min-width:768px){.paper-descpast{font-size:.75rem;margin-bottom:.9rem}}.ratingpast{align-items:center;color:#8696a0;color:var(--text-light);display:flex;gap:.2rem}.card-actionspast{grid-gap:8px;align-items:center;border-top:1px solid #060a0c;border-top:1px solid var(--bg-darker);display:grid;gap:8px;grid-template-columns:auto 1fr auto;padding:.5rem .75rem}.ratingpast svg{fill:#fbbf24;fill:var(--rating-star)}.action-buttonspast{align-items:center;border-top:1px solid #060a0c;border-top:1px solid var(--bg-darker);display:flex;gap:12px;padding:.5rem}.view-iconpast{flex:1 1}.centered-stats{justify-self:center;margin:0}.side-actionspast{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center}.action-row-bottom{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto 1fr auto;padding:4px 0}.action-spacer{width:100%}.paper-extrainfopast{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}@media (max-width:768px){.paper-extrainfopast{gap:5px;margin-top:8px}}.info-badgepast{background:#8696a01a;border:1px solid #8696a026;border-radius:12px;color:#e9edef;color:var(--text-dark);font-size:.7rem;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}@media (max-width:768px){.info-badgepast{font-size:.7rem;padding:4px 8px}}.info-badgepast:hover{background:#8696a026;border-color:#8696a040}.paper-cardpast{margin-bottom:8px}.view-iconpast{align-items:center;background:#0000;border-radius:4px;color:#64748b;color:var(--wishlist-inactive);display:flex;font-size:.7rem;gap:.3rem;justify-content:center;padding:.3rem;transition:all .2s ease}.view-iconpast svg{font-size:24px}@media (min-width:768px){.view-iconpast{font-size:.75rem;padding:.4rem}}.view-iconpast:hover{background:#8696a01a;color:#e9edef;color:var(--text-dark)}.wishlist-buttonpast{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--wishlist-inactive);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:.4rem;justify-content:center;padding:.4rem .5rem;transition:all .2s ease}.wishlist-buttonpast.activepast,.wishlist-buttonpast.activepast svg{color:#6366f1;color:var(--wishlist-active)}.wishlist-buttonpast.activepast svg{fill:#90ee90}.wishlist-buttonpast:hover{background:#8696a01a;color:#e9edef;color:var(--text-dark)}@media (min-width:768px){.wishlist-buttonpast{font-size:.75rem;padding:.4rem}}.load-more-buttonpast{background:#00a884;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:500;margin:1.5rem auto 0;padding:.5rem 1rem;transition:all .2s ease}@media (min-width:768px){.load-more-buttonpast{font-size:.9rem;padding:.6rem 1.2rem}}.load-more-buttonpast:hover{background:#008069;background:var(--primary-hover)}.empty-statepast{background:#060a0c;background:var(--bg-darker);border-radius:8px;box-shadow:0 2px 6px #0000004d;color:#8696a0;color:var(--text-light);grid-column:1/-1;margin:1rem 0;padding:1.5rem 1rem;text-align:center}.empty-statepast h3{color:#e9edef;color:var(--text-dark);font-size:1rem;margin:.8rem 0 .4rem}.empty-statepast p{font-size:.8rem;margin-bottom:0}.empty-statepast svg{color:#8696a0;color:var(--text-light);font-size:1.5rem}.empty-statepast .reset-filterspast{background:#6366f1;background:var(--wishlist-active);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}@media (min-width:768px){.empty-statepast{padding:2rem 1rem}.empty-statepast h3{font-size:1.1rem}.empty-statepast p{font-size:.85rem}.empty-statepast svg{font-size:2rem}}.modal-overlaypast{-webkit-font-smoothing:antialiased;align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;will-change:opacity;z-index:1000}@media (max-width:480px){.modal-overlaypast{align-items:flex-end;overflow:hidden;padding:0}}.modal-contentpast{-ms-overflow-style:none!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0b1216;background:var(--bg-dark);border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin-top:70px;max-height:90vh;max-width:800px;overflow:hidden;position:relative;scrollbar-width:none!important;transform:translateZ(0);width:100%;will-change:transform,opacity}.modal-contentpast::-webkit-scrollbar,.modal-contentpast::-webkit-scrollbar-thumb,.modal-contentpast::-webkit-scrollbar-track{background:#0000!important;display:none!important;height:0!important;width:0!important}@media (max-width:768px){.modal-contentpast{margin-left:5%;margin-right:5%;margin-top:0;max-width:90%}}@media (max-width:600px){.modal-contentpast{border-radius:12px 12px 0 0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;max-height:85vh;max-width:95%;width:95%}}@media (max-width:480px){.modal-contentpast{border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #0000004d;left:0;margin:0!important;max-height:90vh;max-width:none;position:fixed;right:0;width:100%}}.modal-headerpast{color:#e9edef;color:var(--text-dark);padding:1.5rem 2rem;text-align:center}.modal-icon-alonepast{align-items:center;background:linear-gradient(135deg,#8696a026,#8696a014);border-radius:16px;color:#00a884;color:var(--primary);display:flex;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}@media (max-width:768px){.modal-icon-alonepast{height:50px;margin-bottom:.5rem;width:50px}.modal-icon-alonepast svg{height:28px;width:28px}}.modal-titlepast{color:#e9edef;color:var(--text-dark);font-size:1.35rem;font-weight:600;margin:0 0 .5rem}.modal-course-namepast{color:#8696a0;color:var(--text-light);font-size:.95rem;margin:0 0 .75rem;opacity:.9}.modal-metapast{background:#8696a014;border-radius:8px;color:#8696a0;color:var(--text-light);display:inline-block;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}@media (max-width:768px){.modal-headerpast{flex-shrink:0;padding:1rem 1rem .75rem}.modal-titlepast{font-size:1.05rem;line-height:1.2;margin:0 0 .25rem}.modal-course-namepast{font-size:.8rem;line-height:1.2;margin:0 0 .5rem}.modal-metapast{font-size:.7rem;margin:0;padding:.3rem .6rem}}.modal-bodypast,.modal-bodypast *,.modal-contentpast,.modal-contentpast *,.modal-overlaypast,.modal-overlaypast *,.react-pdf__Document,.react-pdf__Document *,.react-pdf__Page,.react-pdf__Page *,.react-pdf__Page__canvas,[class*=pdf],[class*=scroll],[class*=viewer]{-ms-overflow-style:none!important;-webkit-scrollbar:none!important;scrollbar-width:none!important}.modal-bodypast ::-webkit-scrollbar,.modal-bodypast::-webkit-scrollbar,.modal-contentpast ::-webkit-scrollbar,.modal-contentpast::-webkit-scrollbar,.modal-overlaypast ::-webkit-scrollbar,.modal-overlaypast::-webkit-scrollbar,.react-pdf__Document ::-webkit-scrollbar,.react-pdf__Document::-webkit-scrollbar,.react-pdf__Page ::-webkit-scrollbar,.react-pdf__Page::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.modal-bodypast ::-webkit-scrollbar-thumb,.modal-bodypast ::-webkit-scrollbar-track,.modal-bodypast::-webkit-scrollbar-thumb,.modal-bodypast::-webkit-scrollbar-track,.modal-contentpast ::-webkit-scrollbar-thumb,.modal-contentpast ::-webkit-scrollbar-track,.modal-contentpast::-webkit-scrollbar-thumb,.modal-contentpast::-webkit-scrollbar-track,.modal-overlaypast ::-webkit-scrollbar-thumb,.modal-overlaypast ::-webkit-scrollbar-track,.modal-overlaypast::-webkit-scrollbar-thumb,.modal-overlaypast::-webkit-scrollbar-track,.react-pdf__Document ::-webkit-scrollbar-thumb,.react-pdf__Document ::-webkit-scrollbar-track,.react-pdf__Document::-webkit-scrollbar-thumb,.react-pdf__Document::-webkit-scrollbar-track,.react-pdf__Page ::-webkit-scrollbar-thumb,.react-pdf__Page ::-webkit-scrollbar-track,.react-pdf__Page::-webkit-scrollbar-thumb,.react-pdf__Page::-webkit-scrollbar-track{background:#0000!important;display:none!important}.modal-bodypast ::-webkit-scrollbar-thumb:hover,.modal-bodypast::-webkit-scrollbar-thumb:hover,.modal-contentpast ::-webkit-scrollbar-thumb:hover,.modal-contentpast::-webkit-scrollbar-thumb:hover,.modal-overlaypast ::-webkit-scrollbar-thumb:hover,.modal-overlaypast::-webkit-scrollbar-thumb:hover,.react-pdf__Document ::-webkit-scrollbar-thumb:hover,.react-pdf__Document::-webkit-scrollbar-thumb:hover,.react-pdf__Page ::-webkit-scrollbar-thumb:hover,.react-pdf__Page::-webkit-scrollbar-thumb:hover{background:#0000!important;display:none!important}.modal-bodypast{-ms-overflow-style:none!important;flex:1 1;overflow-y:auto;padding:1.5rem;scrollbar-width:none!important}@media (max-width:768px){.modal-bodypast{flex:1 1;min-height:0;overflow-y:auto;padding:.5rem}}@media (max-width:480px){.modal-bodypast{padding:.75rem}}.details-containerpast{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 0}.detail-itempast{background:#060a0c;background:var(--bg-darker);border-radius:6px;box-shadow:0 1px 4px #0003;display:flex;flex-direction:column;min-width:120px;padding:.5rem}.detail-labelpast{color:#8696a0;color:var(--text-light);font-size:.7rem;font-weight:500}.detail-valuepast{color:#e9edef;color:var(--text-dark);font-size:.8rem;font-weight:600;word-break:break-word}.stats-containerpast{display:none}@media (max-width:768px){.stats-containerpast{display:none}}.stat-itempast{align-items:center;color:#8696a0;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:10px 12px}.stat-itempast svg{color:#8696a0;flex-shrink:0;font-size:18px}@media (max-width:768px){.stat-itempast{align-items:center;border:none;border-radius:0;display:flex;flex:initial;flex-direction:column;font-size:.7rem;gap:4px;margin:0;padding:10px 8px}.stat-itempast svg{font-size:18px}}.close-buttonpast{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#8696a0;cursor:pointer;display:flex;font-size:1.5rem;height:auto;justify-content:center;padding:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:auto;z-index:10}@media (min-width:768px){.close-buttonpast{font-size:1.8rem;right:1rem;top:1rem}}.close-buttonpast:hover{background:#0000;color:#e9edef;transform:scale(1.1)}.close-buttonpast:active{transform:scale(.95)}.badge-containerpast{background:#0000;display:flex;gap:.3rem;position:absolute;right:.5rem;top:.5rem}@media (min-width:768px){.badge-containerpast{gap:.4rem;right:.6rem;top:.6rem}}.trending-badgepast{align-items:center;background:#060a0c;background:var(--bg-darker);border-radius:999px;box-shadow:0 1px 2px #0003;color:#f59e0b;color:var(--warning);display:flex;font-size:.55rem;font-weight:600;gap:.2rem;padding:.15rem .3rem}@media (min-width:768px){.trending-badgepast{font-size:.6rem;padding:.2rem .4rem}}.new-badgepast{background:#060a0c;background:var(--bg-darker);border-radius:999px;box-shadow:0 1px 2px #0003;color:#10b981;color:var(--success);font-size:.55rem;font-weight:600;padding:.15rem .3rem}@media (min-width:768px){.new-badgepast{font-size:.6rem;padding:.2rem .4rem}}.skeleton-cardpast{background:#060a0c;background:var(--bg-darker);border-radius:8px;box-shadow:0 2px 6px #0000004d;height:140px;overflow:hidden;padding:.75rem}@media (min-width:768px){.skeleton-cardpast{height:160px;padding:.9rem}}.skeleton-coverpast{background:#0b1216;background:var(--bg-dark);border-radius:4px;height:100px;margin-bottom:.5rem;width:100%}@media (min-width:768px){.skeleton-coverpast{height:120px}}.skeleton-textpast{background:#0b1216;background:var(--bg-dark);border-radius:4px;height:10px;margin-bottom:.4rem}@media (min-width:768px){.skeleton-textpast{height:12px;margin-bottom:.5rem}}.reaction-buttons-containerpast,.reaction-buttons-containerpast button{align-items:center;display:flex;gap:2px}.reaction-buttons-containerpast button{background:#0000;border:none;border-radius:3px;color:#e9edef;color:var(--text-dark);cursor:pointer;font-size:.55rem;justify-content:center;min-height:18px;padding:2px 4px;transition:all .2s}.reaction-buttons-containerpast button:hover{background:#8696a01a}.reaction-buttons-containerpast button.activepast{background:#0000}.reaction-buttons-containerpast .countpast{font-size:.55rem}.love-buttonpast{align-items:center;background:none;border:none;color:#8696a0;cursor:pointer;display:flex;font-size:.55rem;gap:2px;justify-content:center;padding:0;transform-origin:center center;transition:all .2s}.love-buttonpast.activepast{animation:paperLikeClickPulse !important .5s ease-out,buttonGlow .5s ease-out!important;color:#f15e6c!important;color:var(--error)!important}.love-buttonpast.activepast svg{color:red!important}.bookmark-buttonpast{align-items:center;background:none;border:none;color:#8696a0;cursor:pointer;display:flex;font-size:.8rem;gap:2px;justify-content:center;padding:2px;transform-origin:center center;transition:all .2s}.bookmark-buttonpast.activepast{animation:paperLikeClickPulse !important .5s ease-out,buttonGlow .5s ease-out!important;color:#00a884!important}.bookmark-buttonpast.activepast svg{color:#00a884!important}.wishlist-panelpast{background:#060a0c;background:var(--bg-darker);box-shadow:-2px 0 12px #0006;height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:280px;z-index:1000}.wishlist-headerpast{margin-bottom:20px;padding-bottom:15px}.wishlist-titlepast{color:#e9edef;color:var(--text-dark);font-size:1.2rem;margin:0}.wishlist-close-buttonpast{background:none;border:none;color:#8696a0;color:var(--text-light);cursor:pointer;padding:5px}.wishlist-close-buttonpast:hover{color:#e9edef;color:var(--text-dark)}.wishlist-togglepast{background:#000;border:none;border-radius:50%;bottom:20px;box-shadow:none;color:#fff;cursor:pointer;font-size:4rem;height:40px;position:fixed;right:10px;width:40px;z-index:999}.wishlist-countpast,.wishlist-togglepast{align-items:center;display:flex;justify-content:center}.wishlist-countpast{background:#0000;border-radius:50%;color:red;font-size:.9rem;font-weight:400px!important;height:24px;position:absolute;right:-5px;top:-5px;width:24px}.wishlist-paperspast{display:flex;flex-direction:column;gap:15px}.wishlist-paper-itempast{align-items:center;background:#060a0c;background:var(--bg-darker);border-radius:8px;box-shadow:0 1px 4px #0003;cursor:pointer;display:flex;gap:15px;padding:10px;transition:background .2s}.wishlist-paper-itempast:hover{background:#8696a01a}.wishlist-paper-coverpast{border-radius:4px;height:70px;object-fit:cover;width:50px}.wishlist-paper-infopast{flex:1 1}.wishlist-paper-infopast h4{color:#e9edef;color:var(--text-dark);font-size:.9rem;margin:0 0 5px}.wishlist-paper-infopast p{color:#8696a0;color:var(--text-light);font-size:.8rem;margin:0}.wishlist-remove-buttonpast{background:none;border:none;color:#ef4444;cursor:pointer;margin-left:auto}.wishlist-emptypast{padding:40px 0;text-align:center}.wishlist-emptypast p{color:#8696a0;color:var(--text-light);margin-top:15px}.browse-papers-buttonpast{background:#6366f1;background:var(--wishlist-active);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5px;padding:8px 16px}.back-buttonpast{align-items:center;background:#060a0c;background:var(--bg-darker);border:1px solid #060a0c;border:1px solid var(--bg-darker);border-radius:6px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s ease}.back-buttonpast:hover{background:#8696a01a}@media (min-width:768px){.back-buttonpast{font-size:.9rem;padding:.6rem 1.2rem}}.modal-actionspast{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:0 1rem 1rem}.actions-primary-rowpast{gap:8px;justify-content:space-around}.actions-primary-rowpast,.actions-stats-rowpast{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.actions-stats-rowpast{gap:12px}.stat-badge-itemspast{align-items:center;background:#0000;border-radius:8px;box-shadow:none;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:70px;padding:8px 12px}.stat-label-itempast{align-items:center;color:#8696a0;display:flex;font-size:.75rem;font-weight:500;gap:4px}.stat-count-itempast{color:#e9edef;color:var(--text-dark);font-size:1rem;font-weight:700}.btn-readpast{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #2a3942;border-radius:8px;color:#e5e7eb;cursor:pointer;display:inline-flex;flex:1 1;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;min-width:0;padding:8px 12px;transition:transform .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn-readpast:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f1;transform:translateY(-1px)}.btn-readpast svg{flex-shrink:0;height:16px;width:16px}.btn-action-primarypast{flex:1 1;min-width:0}.btn-action-primarypast:nth-child(2){background:linear-gradient(135deg,#22c55e14,#22c55e0d);border-color:#22c55e66;color:#22c55e}.btn-action-primarypast:nth-child(2):hover{background:linear-gradient(135deg,#22c55e26,#22c55e1a);border-color:#22c55e}@media (max-width:768px){.modal-actionspast{gap:12px;padding:.75rem 1rem}.actions-primary-rowpast{gap:6px}.actions-stats-rowpast{gap:8px}.stat-badge-itemspast{font-size:.85rem;padding:6px 10px}.stat-label-itempast{font-size:.7rem}.stat-count-itempast{font-size:.9rem}.btn-readpast{font-size:.85rem;gap:4px;padding:7px 10px}.btn-readpast svg{height:14px;width:14px}}@media (max-width:420px){.modal-actionspast{gap:10px;padding:.5rem}.actions-primary-rowpast{gap:4px}.btn-readpast{font-size:.8rem;padding:6px 10px}.stat-badge-itemspast{font-size:.75rem;padding:4px 8px}}.wishlist-button-largepast{align-items:center;background:#0000;border:none;color:#8696a0;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;min-width:0;padding:10px 12px;transition:all .2s ease}.wishlist-button-largepast:hover{color:#e9edef}.wishlist-button-largepast svg{flex-shrink:0}@media (max-width:768px){.wishlist-button-largepast{align-items:center;border:none;border-radius:0;display:flex;flex:initial;flex-direction:column;font-size:.7rem;gap:4px;margin:0;padding:10px 8px}}.modal-wishlist-buttonpast{align-items:center;background:#0000;border:1px solid #060a0c;border:1px solid var(--bg-darker);border-radius:6px;color:#64748b;color:var(--wishlist-inactive);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 15px;transition:all .2s ease}.modal-wishlist-buttonpast.activepast{background:#0000;border-color:#0000;color:#6366f1;color:var(--wishlist-active)}.modal-wishlist-buttonpast:hover{background:#8696a01a}.modal-wishlist-buttonpast svg{font-size:24px}.modal-wishlist-buttonpast.activepast svg{fill:#6366f1;fill:var(--wishlist-active);color:#6366f1;color:var(--wishlist-active)}.share-buttonpast{align-items:center;background:#0000;border:1px solid #060a0c;border:1px solid var(--bg-darker);border-radius:6px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 15px;transition:all .2s ease}@media (max-width:768px){.share-buttonpast{border:none;border-radius:0;flex-direction:column;font-size:.7rem;gap:4px;padding:10px 8px}}.share-buttonpast:hover{background:#8696a01a}.floating-wishlist-btnpast{align-items:center;background:linear-gradient(135deg,#00a884,#00a884);background:linear-gradient(135deg,var(--primary),#00a884);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #00a8844d;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:60px;z-index:1000}.floating-wishlist-btnpast:hover{box-shadow:0 6px 20px #00a88466;transform:translateY(-2px)}.wishlist-badge{align-items:center;background:#f44;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}.wishlist-overlaypast{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.wishlist-sidebarpast{background:#0b1216;background:var(--bg-dark);box-shadow:-4px 0 12px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:400px;z-index:1002}.wishlist-headerpast{align-items:center;border-bottom:1px solid #060a0c;border-bottom:1px solid var(--bg-darker);display:flex;justify-content:space-between;padding:1.5rem}.wishlist-headerpast h3{align-items:center;color:#e9edef;color:var(--text-dark);display:flex;font-size:1.25rem;gap:8px;margin:0}.wishlist-headerpast button{background:none;border:none;border-radius:4px;color:#8696a0;color:var(--text-light);cursor:pointer;padding:4px;transition:all .2s}.wishlist-headerpast button:hover{background:#060a0c;background:var(--bg-darker);color:#e9edef;color:var(--text-dark)}.wishlist-contentpast{flex:1 1;overflow-y:auto;padding:1rem}.wishlist-emptypast{align-items:center;color:#8696a0;color:var(--text-light);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.wishlist-emptypast svg{opacity:.3}.wishlist-itempast{align-items:flex-start;background:#060a0c;background:var(--bg-darker);border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.wishlist-itempast:hover{background:#8696a026;transform:translateX(-5px)}.wishlist-item-iconpast{color:#00a884;color:var(--primary);flex-shrink:0;margin-top:4px}.wishlist-item-infopast{flex:1 1;min-width:0}.wishlist-item-infopast h4{color:#e9edef;color:var(--text-dark);font-size:.95rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wishlist-item-infopast p{color:#8696a0;color:var(--text-light);font-size:.85rem;margin:0 0 8px;opacity:.8}.wishlist-item-statspast{color:#8696a0;color:var(--text-light);display:flex;font-size:.8rem;gap:12px}.wishlist-item-statspast span{align-items:center;display:flex;gap:4px}.wishlist-remove-btnpast{background:#0000;border:none;border-radius:4px;color:#8696a0;color:var(--text-light);cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s}.wishlist-remove-btnpast:hover{background:#ff44441a;color:#f44}.upload-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.upload-modal-container{background:linear-gradient(135deg,#060a0c,#0b1216);background:linear-gradient(135deg,var(--bg-darker) 0,var(--bg-dark) 100%);border:1px solid #00a88433;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.upload-header-simple{align-items:flex-start;background:linear-gradient(135deg,#00a8841a,#10b9810d);border-bottom:1px solid #00a8841a;display:flex;gap:16px;justify-content:space-between;padding:24px}.upload-title-simple{color:#e9edef;color:var(--text-dark);font-size:1.3rem;font-weight:500;margin:0 0 4px}.upload-subtitle-simple{color:#8696a0;color:var(--text-light);font-size:.9rem;margin:0}.upload-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.upload-close-btn:hover:not(:disabled){background:#ff44441a;color:#f44}.upload-close-btn:disabled{cursor:not-allowed;opacity:.5}.upload-form-simple{display:flex;flex-direction:column;gap:24px;padding:24px}.form-section-simple{display:flex;flex-direction:column;gap:12px}.step-label{border-bottom:2px solid #00a88433;color:#e9edef;color:var(--text-dark);font-size:1rem;font-weight:500;letter-spacing:0;padding-bottom:8px;text-transform:none}.simple-dropzone{background:#00a88405;border:2px dashed #00a88466;border-radius:12px;cursor:pointer;padding:28px 20px;text-align:center;transition:all .3s ease}.simple-dropzone:not(.disabled):hover{background:#00a88414;border-color:#00a884;border-color:var(--primary)}.simple-dropzone.drag-active{background:#00a8841f;border-color:#00a884;border-color:var(--primary);box-shadow:0 0 20px #00a88433}.simple-dropzone.has-file{background:#10b98114;border-color:#10b981;border-color:var(--success)}.simple-dropzone.disabled{cursor:not-allowed;opacity:.5}.dropzone-empty{align-items:center;color:#8696a0;color:var(--text-light);display:flex;flex-direction:column;gap:8px}.dropzone-empty svg{color:#00a884;color:var(--primary);opacity:.8}.dropzone-empty p{color:#e9edef;color:var(--text-dark);font-size:1rem;font-weight:400;margin:0}.dropzone-empty span{color:#8696a0;color:var(--text-light);font-size:.9rem;font-weight:400}.file-status{gap:12px;padding:8px 0}.file-status,.success-badge{align-items:center;display:flex}.success-badge{background:#10b98133;border-radius:50%;color:#10b981;color:var(--success);flex-shrink:0;font-size:1.2rem;font-weight:600;height:40px;justify-content:center;width:40px}.file-name-text{color:#e9edef;color:var(--text-dark);font-size:.95rem;font-weight:400;margin:0;word-break:break-word}.file-size-text{color:#8696a0;color:var(--text-light);font-size:.85rem;font-weight:400;margin:2px 0 0}.simple-input-group{display:flex;flex-direction:column;gap:6px}.simple-input-group label{align-items:center;display:flex;gap:4px}.simple-input,.simple-input-group label{color:#e9edef;color:var(--text-dark);font-size:.95rem;font-weight:400}.simple-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;font-family:inherit;padding:10px 12px;transition:all .2s ease}.simple-input:focus{background:#0006;border-color:#00a884;border-color:var(--primary);box-shadow:0 0 0 3px #00a8841a;outline:none}.simple-input:disabled{background:#0003;color:#8696a0;color:var(--text-light);cursor:not-allowed;opacity:.6}.simple-input option{background:#060a0c;background:var(--bg-darker);color:#e9edef;color:var(--text-dark)}.input-row-simple{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.required{color:#f44;font-weight:700}.upload-actions-simple{background:#00a88405;border-top:1px solid #00a8841a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-primary-simple,.btn-secondary-simple{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:400;gap:8px;justify-content:center;min-width:120px;padding:11px 28px;transition:all .2s ease}.btn-secondary-simple{background:#0000;border:1px solid #ffffff1a;color:#8696a0;color:var(--text-light)}.btn-secondary-simple:hover:not(:disabled){background:#ffffff0d;border-color:#fff3}.btn-secondary-simple:disabled{cursor:not-allowed;opacity:.5}.btn-primary-simple{background:linear-gradient(135deg,#00a884,#10b981);background:linear-gradient(135deg,var(--primary),#10b981);box-shadow:0 4px 12px #00a8844d;color:#fff}.btn-primary-simple:hover:not(:disabled){background:linear-gradient(135deg,#008069,#0a9968);background:linear-gradient(135deg,var(--primary-hover),#0a9968);box-shadow:0 6px 20px #00a88466;transform:translateY(-2px)}.btn-primary-simple:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:768px){.upload-modal-container{border-radius:12px;max-height:95vh}.upload-header-simple{flex-direction:column;gap:12px}.upload-form-simple{gap:16px;padding:16px}.input-row-simple{grid-template-columns:1fr}.upload-actions-simple{flex-direction:column-reverse;gap:8px}.btn-primary-simple,.btn-secondary-simple{min-width:0;min-width:auto;width:100%}}@media (max-width:640px){.upload-title-simple{font-size:1.2rem}.upload-subtitle-simple{font-size:.8rem}.step-label{font-size:.85rem}.simple-dropzone{padding:20px 16px}.dropzone-empty svg{height:28px;width:28px}}.notification-toast{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;left:20px;max-width:420px;min-height:56px;overflow:hidden;position:fixed;top:20px;z-index:2000}.notification-content{align-items:center;display:flex;flex:1 1;gap:12px;padding:16px 20px}.notification-icon{align-items:center;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;min-width:24px}.notification-success .notification-icon{color:#10b981;color:var(--success)}.notification-error .notification-icon{color:#f44}.notification-message{color:#1a1a1a;font-size:.95rem;font-weight:500;line-height:1.4;margin:0}.notification-progress{background:linear-gradient(90deg,#00a884,#10b981);flex-shrink:0;height:3px;transform-origin:left}.notification-error .notification-progress{background:linear-gradient(90deg,#f44,#f66)}@media (max-width:640px){.notification-toast{left:16px;max-width:none;right:16px;top:16px}.notification-icon{font-size:1.1rem}.notification-message{font-size:.9rem}}@media (max-width:768px){.wishlist-sidebarpast{max-width:100vw;width:100vw}.floating-wishlist-btnpast{bottom:16px;height:50px;right:16px;width:50px}.floating-wishlist-btnpast svg{height:20px;width:20px}}.btn-readBKP{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:8px;color:#e5e7eb;cursor:pointer;display:inline-flex;flex:0 1 auto;font-size:.8rem;font-weight:500;gap:6px;justify-content:center;min-width:auto;padding:6px 10px;transition:transform .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn-readBKP:hover{background:#0000;border-color:#6366f1;transform:translateY(-1px)}.btn-readBKP svg{flex-shrink:0;height:14px;width:14px}.btn-readBKP.btn-action-primaryBKP:first-child,.btn-readBKP.btn-action-primaryBKP:first-child:hover{border-color:#f59e0b;color:#f59e0b}.btn-readBKP.btn-action-primaryBKP:nth-child(2),.btn-readBKP.btn-action-primaryBKP:nth-child(2):hover{border-color:#06b6d4;color:#06b6d4}.btn-readBKP.btn-action-primaryBKP:nth-child(3),.btn-readBKP.btn-action-primaryBKP:nth-child(3):hover{border-color:#00ff41;color:#00ff41}.chatlock-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11192899;z-index:1500}.chatlock-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--chatlock-bg);border-radius:14px;box-shadow:0 6px 20px #00000040;color:#1a1a1a;color:var(--chatlock-text);font-family:Inter,system-ui,sans-serif;max-width:400px;padding:22px;transition:all .3s ease}.chatlock-modal-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--chatlock-border);margin-bottom:16px;padding-bottom:8px}.chatlock-modal-header h3{color:#1a1a1a;color:var(--chatlock-text);font-size:1.1rem;font-weight:600}.chatlock-close-btn{color:#555;color:var(--chatlock-muted);font-size:1.4rem;transition:.2s}.chatlock-close-btn:hover{color:#007bff;color:var(--chatlock-accent)}.chatlock-pin-inputs{gap:10px}.chatlock-pin-field{background:#f7f7f7;background:var(--chatlock-input-bg);border:1px solid #e0e0e0;border:1px solid var(--chatlock-border);border-radius:10px;color:#1a1a1a;color:var(--chatlock-text);font-size:1rem;outline:none;padding:10px;transition:.2s}.chatlock-pin-field:focus{background:#fff;background:var(--chatlock-input-focus);border-color:#007bff;border-color:var(--chatlock-accent)}.chatlock-error{color:#e74c3c;color:var(--chatlock-error);font-size:.9rem;margin:8px 0}.chatlock-buttons{gap:10px;justify-content:flex-end;margin-top:20px}.chatlock-btn-secondary{background:#f2f2f2;background:var(--chatlock-btn-secondary);border:none;border-radius:10px;color:#1a1a1a;color:var(--chatlock-text);cursor:pointer;font-weight:500;padding:8px 18px;transition:.25s}.chatlock-btn-secondary:hover{background:#e5e5e5;background:var(--chatlock-btn-secondary-hover)}.chatlock-btn-primary{background:#007bff;background:var(--chatlock-accent);border:none;border-radius:10px;cursor:pointer;font-weight:500;padding:8px 18px;transition:.25s}.chatlock-btn-primary:hover{background:#0062d9;background:var(--chatlock-accent-hover)}.chatlock-toast{animation:fadeInUp .3s ease-out;border-radius:12px;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;font-size:.9rem;font-weight:500;padding:12px 20px;position:fixed;right:20px;z-index:1600}.chatlock-toast.success{background:#2ecc71}.chatlock-toast.error{background:#e74c3c}.chatlock-toast.info{background:#3498db}:root{--chatlock-btn-secondary:#f2f2f2;--chatlock-btn-secondary-hover:#e5e5e5;--chatlock-accent:#007bff;--chatlock-accent-hover:#0062d9;--chatlock-error:#e74c3c}@media (prefers-color-scheme:dark){:root{--chatlock-bg:#1e1e1e;--chatlock-text:#f1f1f1;--chatlock-muted:#aaa;--chatlock-border:#333;--chatlock-input-bg:#2a2a2a;--chatlock-input-focus:#252525;--chatlock-btn-secondary:#2e2e2e;--chatlock-btn-secondary-hover:#3a3a3a;--chatlock-accent:#25d366;--chatlock-accent-hover:#1eb15a;--chatlock-error:#ff5c5c}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000b3!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px!important;position:fixed!important;top:0!important;width:100vw!important;z-index:2147483647!important}.auth-modal-content{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0006;max-width:380px;padding:28px;position:relative;width:100%}.auth-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.auth-modal-close:hover{background:#ffffff1a;color:var(--text-dark)}.auth-container{display:flex;flex-direction:column;gap:16px}.auth-container h3{margin:0;order:1}.google-sign-in-btn{align-items:center;align-self:center;background:#0000;border:none;border-radius:6px;box-shadow:0 8px 24px #0009,0 0 20px #0000004d;color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;order:4;padding:10px 14px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.google-sign-in-btn:hover:not(:disabled){background:#0000;box-shadow:0 12px 32px #000000bf,0 0 28px #0006}.google-sign-in-btn:disabled{cursor:not-allowed;opacity:.6}.auth-error{background:#f15e6c1a;border:1px solid #f15e6c4d;border-radius:8px;color:var(--error);font-size:14px;order:3;padding:12px;text-align:center}.auth-container h3{color:var(--text-dark);font-size:16px;font-weight:600;margin:12px 0}.auth-features{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;order:2;padding:0}.auth-features li{align-items:center;color:var(--text-light);display:flex;font-size:14px;gap:10px}.auth-features li:before{color:var(--primary);content:"✓";flex-shrink:0;font-size:16px;font-weight:700}@media (max-width:600px){.auth-modal-content{max-width:320px;padding:20px}.google-sign-in-btn{font-size:14px;padding:14px 16px}}.connect-me-containerConnect{flex-direction:row;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;min-height:0;overflow:visible;width:100%}.connect-me-containerConnect,.desktop-sidebarConnect{background-color:#0b1216;box-sizing:border-box;display:flex;margin:0;padding:0;position:relative}.desktop-sidebarConnect{align-items:stretch;bottom:auto;flex-direction:column;flex-shrink:0;height:100%;left:auto;top:auto;transition:width .3s cubic-bezier(.4,0,.2,1);width:80px;z-index:50}.desktop-sidebarConnect.fullheight{padding-top:0;top:auto}.desktop-sidebarConnect.collapsed{width:80px}.desktop-sidebarConnect.expanded{width:150px}.sidebar-toggleConnect{align-items:center;background:none;border:none;border-radius:10px;color:#8696a0;cursor:pointer;display:flex;height:50px;justify-content:center;left:auto;position:relative;top:auto;width:70px;z-index:51}.sidebar-tabsConnect{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 1px;width:100%}.sidebar-bottomConnect{border-top:none!important;flex-shrink:0;margin-top:auto;padding-top:0;width:100%}.sidebar-spacerConnect{display:none}.sidebar-tabConnect{align-items:center;background:#0000;border:none;color:#8696a0;cursor:pointer;display:flex;height:50px;justify-content:flex-start;padding:0 15px;position:relative;transition:color .2s ease;width:100%}.desktop-sidebarConnect.collapsed .sidebar-tabConnect{justify-content:center}.desktop-sidebarConnect.collapsed .sidebar-tab-labelConnect{display:none}.desktop-sidebarConnect.expanded .sidebar-tab-labelConnect{display:inline;max-width:-webkit-fit-content;max-width:fit-content}.sidebar-tabConnect:hover{color:#e9edef}.sidebar-tabConnect.active,.sidebar-tabConnect.active .default-profile-tab-avatarConnect,.sidebar-tabConnect.active .sidebar-tab-labelConnect,.sidebar-tabConnect.active img,.sidebar-tabConnect.active svg{color:#00a884}.sidebar-tabConnect.active:before{animation:bubble-sidebarConnect 60s ease-in-out infinite;color:#00a884;content:"♥";font-size:36px;left:50%;opacity:0;position:fixed;top:50%;z-index:1}@keyframes bubble-sidebarConnect-1{0%,95%{opacity:0;transform:translate(0) scale(.5)}95.001%{opacity:.8;transform:translate(0) scale(.5)}97.5%{opacity:.4;transform:translate(-50px,-100px) scale(1.5)}to{opacity:0;transform:translate(-100px,-200px) scale(2)}}@keyframes bubble-sidebarConnect-2{0%,95%{opacity:0;transform:translate(0) scale(.5)}95.001%{opacity:.8;transform:translate(0) scale(.5)}97.5%{opacity:.4;transform:translate(50px,-80px) scale(1.5)}to{opacity:0;transform:translate(100px,-160px) scale(2)}}@keyframes bubble-sidebarConnect-3{0%,95%{opacity:0;transform:translate(0) scale(.5)}95.001%{opacity:.8;transform:translate(0) scale(.5)}97.5%{opacity:.4;transform:translateY(-120px) scale(1.5)}to{opacity:0;transform:translateY(-240px) scale(2)}}.sidebar-tabConnect.active:first-child:before{animation:bubble-sidebarConnect-1 60s ease-in-out infinite}.sidebar-tabConnect.active:nth-child(2):before{animation:bubble-sidebarConnect-2 60s ease-in-out infinite}.sidebar-tabConnect.active:nth-child(3):before{animation:bubble-sidebarConnect-3 60s ease-in-out infinite}.sidebar-tabConnect.active:nth-child(n+4):before{animation:bubble-sidebarConnect-1 60s ease-in-out infinite}.sidebar-tabConnect .default-profile-tab-avatarConnect,.sidebar-tabConnect img{border-radius:50%;height:24px;object-fit:cover;width:24px}.default-profile-tab-avatarConnect{align-items:center;background-color:#4285f4;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.sidebar-tab-labelConnect{color:inherit;font-size:14px;font-weight:500;margin-left:15px;white-space:nowrap}.app-headerConnect{align-items:center;background-color:#0b1216;display:flex;height:50px;padding:0 20px;position:relative;top:-35px;transition:left .3s ease,width .3s ease;width:100%;z-index:40}.desktop-sidebarConnect.collapsed~.app-headerConnect,.desktop-sidebarConnect.expanded~.app-headerConnect{left:auto;width:auto}.header-contentConnect{align-items:center;display:flex;justify-content:space-between;width:100%}.search-barConnect{align-items:center;background-color:#2a3942;border-radius:8px;display:flex;flex:1 1;max-width:400px;padding:8px 12px}.search-barConnect input{background:#0000;border:none;color:#e9edef;font-size:14px;outline:none;width:100%}.search-iconConnect{color:#8696a0;margin-right:10px}.header-profileConnect{align-items:center;display:flex}.main-contentConnect{background-color:#0b1216;border:none!important;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;max-width:100%;overflow:hidden;padding:0;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:100%}@media (max-width:768px){.main-contentConnect{background-color:#0b1216;flex:1 1;height:auto;margin-left:0!important;margin-top:0!important;min-height:100%;padding:0;width:100%!important}}.connect-me-containerConnect:has(.desktop-sidebarConnect.expanded) .main-contentConnect,.desktop-sidebarConnect.expanded~.main-contentConnect{margin-left:0;width:100%}.tab-contentConnect{background-color:#0b1216;border:none!important;border-radius:0;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;padding:0;width:100%}.tab-contentConnect.profile-page-full{align-items:stretch!important;background:linear-gradient(180deg,#0d1418,#0b1216)!important;justify-content:stretch!important;margin:0!important;overflow:hidden!important;padding:0!important;position:relative!important}.tab-contentConnect.profile-page-full>*{height:100%!important;width:100%!important}.chatme-chat-list-containerConnect{box-sizing:border-box;height:100%;margin-top:0;overflow:hidden;padding:0;width:100%}.chatme-chat-list-containerConnect,.chatme-headerConnect{background-color:#0b1216;display:flex;flex-direction:column}.chatme-headerConnect{border-bottom:1px solid #2a3942;gap:16px;margin-bottom:0;min-height:64px;padding:8px 16px;position:-webkit-sticky;position:sticky;top:-10px;top:var(--navbar-height,-10px);z-index:30}.chatme-headerConnect h2{color:#e9edef;font-size:20px;font-weight:600;margin:0}.chatme-header-topConnect{align-items:center;display:flex;justify-content:space-between}.chatme-search-inputConnect{background-color:initial!important;border:none;color:#e9edef;flex:1 1;font-size:12px;max-height:27px;max-width:35%;min-width:35%;outline:none;padding:8px 12px;transition:max-width .3s ease}.chatme-search-inputConnect:focus{max-width:40%}.chatme-search-inputConnect::placeholder{color:#8696a0;font-size:12px}.chatme-header-buttonsConnect{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.chatme-all-btnConnect,.chatme-archive-btnConnect{align-items:center;background:none;border:none;border-radius:4px;color:#9c9999;cursor:pointer;display:flex;font-size:10px;font-weight:300;gap:8px;padding:4px 8px}.chatme-archive-btnConnect{color:#00a884}.chatme-all-btnConnect:hover,.chatme-archive-btnConnect:hover{background-color:#ffffff05}.chatme-notification-btnConnect{align-items:center;background:none;border:none;border-radius:4px;color:#00a884;cursor:pointer;display:flex;font-size:16px;gap:4px;margin-left:auto;padding:4px 8px;position:relative}.chatme-notification-btnConnect:hover{background-color:#00a8841a}.chatme-notification-btnConnect .notification-badgeConnect{align-items:center;background:#f15e6c;border-radius:10px;color:#fff;display:flex;font-size:9px;font-weight:500;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:-2px;top:-2px}.chatme-chat-list-itemsConnect{border:none!important;display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:0 10px 16px;width:100%}.chatme-chat-list-itemsConnect .chatme-chat-itemConnect:first-of-type{margin-top:0}.mobile-bottom-navConnect{background-color:initial!important;border:none!important;bottom:0!important;display:flex!important;height:50px!important;left:0!important;position:fixed!important;right:0!important;z-index:10000!important}.mobile-bottom-navConnect button,.mobile-tabConnect{align-items:center!important;background:#0000!important;border:none!important;cursor:pointer!important;display:flex!important;flex:1 1!important;flex-direction:column!important;justify-content:center!important;margin:0!important;padding:0!important}.mobile-tabConnect{-webkit-appearance:none!important;appearance:none!important;-moz-appearance:none!important;background-clip:padding-box!important;background-color:initial!important;border-radius:0!important;color:#e9edef!important;gap:2px!important;height:auto!important;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;position:relative!important;transition:color .2s ease!important;width:auto!important}.mobile-tabConnect,.mobile-tabConnect:active,.mobile-tabConnect:focus,.mobile-tabConnect:hover{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;outline:none!important}.mobile-tabConnect:active,.mobile-tabConnect:focus,.mobile-tabConnect:hover{background:#0000!important;background-color:initial!important;border:#0000!important;border-radius:0!important;-webkit-outline:none!important}.mobile-tab-labelConnect{color:#999!important;display:block!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important}.mobile-tabConnect.active{color:#00a884!important}.mobile-tabConnect.active .mobile-tab-labelConnect,.mobile-tabConnect.active img,.mobile-tabConnect.active svg{fill:#00a884!important;stroke:#00a884!important;color:#00a884!important}.mobile-tabConnect:hover{color:#e9edef!important}.mobile-tabConnect.active:before{animation:bubble-mobileConnect 60s ease-in-out infinite;color:red!important;content:"♥";font-size:36px;left:50%;opacity:0;position:fixed;top:50%;z-index:1}@keyframes bubble-mobileConnect-1{0%,95%{opacity:0;transform:translate(0) scale(.5)}95.001%{opacity:.8;transform:translate(0) scale(.5)}97.5%{opacity:.4;transform:translate(-50px,-100px) scale(1.5)}to{opacity:0;transform:translate(-100px,-200px) scale(2)}}@keyframes bubble-mobileConnect-2{0%,95%{opacity:0;transform:translate(0) scale(.5)}95.001%{opacity:.8;transform:translate(0) scale(.5)}97.5%{opacity:.4;transform:translate(50px,-80px) scale(1.5)}to{opacity:0;transform:translate(100px,-160px) scale(2)}}@keyframes bubble-mobileConnect-3{0%,95%{opacity:0;transform:translate(0) scale(.5)}95.001%{opacity:.8;transform:translate(0) scale(.5)}97.5%{opacity:.4;transform:translateY(-120px) scale(1.5)}to{opacity:0;transform:translateY(-240px) scale(2)}}.mobile-tabConnect.active:first-child:before{animation:bubble-mobileConnect-1 60s ease-in-out infinite}.mobile-tabConnect.active:nth-child(2):before{animation:bubble-mobileConnect-2 60s ease-in-out infinite}.mobile-tabConnect.active:nth-child(3):before{animation:bubble-mobileConnect-3 60s ease-in-out infinite}.mobile-tabConnect.active:nth-child(n+4):before{animation:bubble-mobileConnect-1 60s ease-in-out infinite}.mobile-tabConnect img,.mobile-tabConnect svg{fill:currentColor;stroke:currentColor;background:none!important;border:none!important;box-shadow:none!important;color:inherit;display:block!important;height:20px!important;margin-bottom:2px;outline:none!important;padding:0!important;width:20px!important}.mobile-tabConnect span{color:inherit;font-size:9px;font-weight:500;letter-spacing:.2px;margin:0;padding:0}@media (max-width:1200px){.desktop-sidebarConnect.expanded{width:220px}.connect-me-containerConnect:has(.desktop-sidebarConnect.expanded) .main-contentConnect,.desktop-sidebarConnect.expanded~.main-contentConnect{margin-left:220px;width:calc(100% - 220px)}}@media (max-width:1024px){.desktop-sidebarConnect.expanded{width:200px}.connect-me-containerConnect:has(.desktop-sidebarConnect.expanded) .main-contentConnect,.desktop-sidebarConnect.expanded~.main-contentConnect{margin-left:200px;width:calc(100% - 200px)}}@media (max-width:768px){.connect-me-containerConnect{background-color:#0b1216;flex-direction:column;height:100%;overflow:hidden}.app-headerConnect,.desktop-sidebarConnect{display:none!important}.main-contentConnect{background-color:#0b1216;flex:1 1;height:100%;margin-left:0!important;overflow:hidden;padding:0;width:100%!important}.chatme-chat-list-containerConnect,.tab-contentConnect{background-color:#0b1216;height:100%;overflow:auto;padding:0}.chatHeader-header,.groupHeader-header,.whatsapp-header{display:flex!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;visibility:visible!important;z-index:100!important}.chatme-header{margin-top:0!important}.chatme-header,.chatme-headerConnect{display:flex!important;padding:16px 20px;visibility:visible!important;z-index:200!important}.chatme-headerConnect{margin-top:0}.mobile-bottom-navConnect{display:flex;z-index:50}}@media (max-width:480px){.chatme-headerConnect{padding:12px 16px}.chatme-search-inputConnect{max-width:120px}.chatme-search-inputConnect:focus{max-width:140px}}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.chatme-avatar-plus{align-items:center;background:#1cc459;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0000002e;color:#fff;display:flex;font-size:14px;font-weight:700;height:12px;justify-content:center;line-height:1;padding:0;pointer-events:none;position:absolute;right:4px;width:12px;z-index:1002}.chatme-chat-item{align-items:center;background-color:#0b1216;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s ease,border .2s ease;width:100%}.chatme-chat-list>.chatme-chat-item:last-child{border-bottom:1px solid #2a3942}.chatme-chat-item:hover{background-color:#ffffff08}.chatme-chat-item.chatme-pinned{background-color:#00a88414}.chatme-chat-item.chatme-archived{opacity:.8}.chatme-chat-item.deleting{opacity:0;transform:translateX(-30px);transition:all .3s ease-out}.chatme-chat-item.chatme-selected{background-color:#182229;border:none;border-radius:4px}.chatme-checkbox-container{display:none;flex-shrink:0;margin-right:12px}.chatme-chat-item.selection-mode .chatme-checkbox-container{display:block}.chatme-checkbox{accent-color:#25d366;cursor:pointer;height:18px;width:18px}.chatme-avatar-container{flex-shrink:0;margin-right:15px;z-index:0!important}.chatme-avatar-image-wrapper{border-radius:50%;height:50px;overflow:hidden;position:relative;width:50px}.chatme-avatar-image{background-color:#2a3942;height:100%;object-fit:cover;width:100%}.chatme-avatar-circle{align-items:center;background-color:#2a3942;border-radius:50%;color:#d1d7db;display:flex;font-size:19px;font-weight:500;height:50px;justify-content:center;-webkit-user-select:none;user-select:none;width:50px}.chatme-online-dot{background-color:#07b307!important;border:1px solid hsla(0,0%,100%,.199)!important;border-radius:50%!important;bottom:3.7px!important;box-shadow:0 1px 3px #0000004d!important;height:9px!important;position:absolute!important;right:1.7px!important;width:9px!important;z-index:1001!important}.chatme-disappearing-badge{align-items:center;background:#0b1216;border:2px solid #0b1216;border-radius:50%;bottom:-2px;color:#aebac1;display:inline-flex;height:16px;justify-content:center;pointer-events:none;position:absolute;right:-2px;width:16px;z-index:1002}@media (max-width:768px){.chatme-disappearing-badge{height:14px;width:14px}}.chatme-chat-content{align-items:center;display:flex}.chatme-chat-content,.chatme-chat-info-container{flex-grow:1;min-width:0;overflow:hidden}.chatme-chat-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chatme-chat-name{align-items:center;color:#b8bcc4;display:flex;font-size:12px;font-weight:500;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatme-chat-time{color:#8696a0;flex-shrink:0;font-size:8px;margin-left:10px;white-space:nowrap}.chatme-last-message-row{align-items:center;display:flex;justify-content:space-between;width:100%}.chatme-last-message{align-items:center;color:#8a9398;display:flex;flex-grow:1;font-size:12px;gap:4px;max-width:calc(100% - 80px);min-height:18px}.chatme-last-message,.chatme-message-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatme-message-text{flex:1 1}.chatme-message-text.chatme-no-message{color:#666;font-style:italic;opacity:.7}.chatme-message-text.chatme-media-message{align-items:center;color:#8a9398;display:flex;font-weight:400;gap:6px}.chatme-media-icon{flex-shrink:0;font-size:13px}.chatme-media-icon-svg{align-items:center;color:#8a9398;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.chatme-media-text{color:#8a9398;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatme-message-text.chatme-your-message{align-items:center;display:flex;gap:4px}.chatme-message-prefix{color:#b8bcc4;flex-shrink:0;font-weight:500}.chatme-message-text.typing{color:#25d366;font-style:italic}.chatme-typing-indicator{align-items:center;color:#00a884;display:flex;font-style:italic;gap:6px}.chatme-typing-dot{animation:chatme-typing-bounce 1.4s ease-in-out infinite;background:#00a884;border-radius:50%;height:4px;width:4px}.chatme-typing-dot:nth-child(2){animation-delay:.2s}.chatme-typing-dot:nth-child(3){animation-delay:.4s}.chatme-typing-text{color:#00a884;font-size:10px}@keyframes chatme-typing-bounce{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chatme-unread-count{background-color:#25d366;border-radius:10px;color:#fff;display:flex;height:20px;min-width:20px;padding:0 6px;z-index:10}.chatme-status-indicator,.chatme-unread-count{align-items:center;flex-shrink:0;font-size:12px;font-weight:600;justify-content:center}.chatme-status-indicator{color:#8696a0;display:inline-flex;height:14px;line-height:1;margin-right:2px;width:18px}.chatme-status-indicator svg{display:block;height:16px;width:16px}.chatme-status-indicator.chatme-status-sent,.chatme-status-indicator.sent{color:#8696a0}.chatme-status-indicator.chatme-status-delivered,.chatme-status-indicator.delivered{color:#87ceeb}.chatme-status-indicator.chatme-status-read,.chatme-status-indicator.read{color:#0084ff}.chatme-lock-icon,.chatme-muted-icon,.chatme-pin-icon,.chatme-unmuted-icon{align-items:center;color:#8696a0;display:flex;flex-shrink:0;font-size:9px;height:16px;justify-content:center;width:16px}.chatme-lock-icon,.chatme-pin-icon{margin-right:2px}.chatme-options-wrapper{align-items:center;display:flex;margin-left:auto;position:relative}.chatme-chat-options-button{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:1;padding:8px;transition:all .2s ease;width:32px}.chatme-chat-item:hover .chatme-chat-options-button{opacity:1}.chatme-chat-options-button:hover{background-color:#ffffff1a;color:#e9edef}.chatme-chat-options-button svg{height:12px;width:12px}.chatme-chat-options-menu{animation:chatme-fadeInScale .15s ease-out;background-color:#111b21;border:1px solid #2a3942;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;max-width:240px;min-width:200px;overflow:hidden;padding:8px 0;position:fixed;width:-webkit-max-content;width:max-content;z-index:1000}@keyframes chatme-fadeInScale{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatme-menu-button{align-items:center;background:none;border:none;box-sizing:border-box;color:#e9edef;cursor:pointer;display:flex;font-size:11px;padding:10px 16px;position:relative;text-align:left;transition:background-color .2s ease;width:100%}.chatme-menu-button:hover{background-color:#1a2833}.chatme-menu-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:12px;width:24px}.chatme-menu-icon-wrapper svg{color:inherit;height:12px;width:12px}.chatme-menu-text-wrapper{color:inherit;flex:1 1;font-size:10px;line-height:1.3;text-align:left}.chatme-delete-button{border-top:1px solid #2a3942!important;color:#e9edef!important;margin-top:4px;padding-top:10px}.chatme-delete-button:hover{background-color:#1a2833!important}.chatme-delete-button .chatme-menu-icon-wrapper svg,.chatme-delete-confirm-icon{color:#e9edef}.chatme-confirm-cancel-btn,.chatme-confirm-delete-btn{border-radius:4px;font-weight:400;transition:background-color .2s ease}.chatme-confirm-cancel-btn{background:#2a3942;border:1px solid #404d56}.chatme-confirm-cancel-btn:hover{background:#3d4a52;border-color:#5a6b78}.chatme-confirm-delete-btn{background:#3d2c2c;border:1px solid #5a3a3a;color:#e9edef}.chatme-confirm-delete-btn:hover{background:#4a3535;border-color:#6a4a4a}@media (prefers-color-scheme:light){.chatme-chat-item{background-color:#fff}.chatme-chat-list>.chatme-chat-item:last-child{border-bottom:1px solid #e5e7eb}.chatme-chat-item:hover{background-color:#f9fafb}.chatme-chat-item.chatme-pinned{background-color:#00a8841a}.chatme-chat-item.active-chat{background-color:#25d36614;border-left:3px solid #25d366}.chatme-chat-item.active-chat:before{background-color:#25d366}.chatme-chat-item.active-chat:hover{background-color:#25d3661f}.chatme-chat-item.chatme-selected{background-color:#f3f4f6;border:2px solid #25d366}.chatme-chat-item.chatme-archived{opacity:.7}.chatme-chat-name{color:#111827}.chatme-last-message{color:#6b7280}.chatme-unread-count{background-color:#25d366;color:#fff;z-index:10}.chatme-avatar-circle{background-color:#f3f4f6;color:#374151}.chatme-online-dot{border-color:#fff}.chatme-chat-time{color:#6b7280}.chatme-status-indicator,.chatme-status-indicator.chatme-status-sent,.chatme-status-indicator.sent{color:#8696a0}.chatme-status-indicator.chatme-status-delivered,.chatme-status-indicator.delivered{color:#87ceeb}.chatme-status-indicator.chatme-status-read,.chatme-status-indicator.read{color:#0084ff}.chatme-lock-icon,.chatme-muted-icon,.chatme-pin-icon,.chatme-unmuted-icon{color:#9ca3af}.chatme-chat-options-button:hover{background-color:#0000000d;color:#111827}.chatme-chat-options-menu{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px #00000026;color:#111827}.chatme-menu-button{color:#374151}.chatme-menu-button:hover{background-color:#f9fafb}.chatme-delete-button{border-top:1px solid #e5e7eb!important;color:#dc2626!important}.chatme-delete-button:hover{background-color:#dc26261a!important}.chatme-delete-button .chatme-menu-icon-wrapper svg{color:#dc2626}.chatme-menu-text-wrapper{color:#374151}.chatme-delete-confirm-content{background:#fff;border-color:#e5e7eb}.chatme-delete-confirm-content h3{color:#111827}.chatme-delete-confirm-content p{color:#6b7280}.chatme-delete-confirm-content strong{color:#111827}.chatme-confirm-cancel-btn{background:#f9fafb;border-color:#d1d5db;color:#374151}.chatme-confirm-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.chatme-confirm-delete-btn{background:#dc2626;border-color:#b91c1c}.chatme-confirm-delete-btn:hover{background:#b91c1c;border-color:#991b1b}}@media (max-width:768px){.chatme-chat-item{padding:10px 12px}.chatme-chat-options-button{font-size:14px;margin-right:-2px;opacity:1}.chatme-avatar-circle,.chatme-avatar-image-wrapper{font-size:17px;height:45px;width:45px}.chatme-checkbox{height:16px;width:16px}.chatme-chat-name{font-size:13px}.chatme-last-message{font-size:10px}.chatme-chat-time{font-size:11px}.chatme-unread-count{font-size:11px;height:18px;min-width:18px;padding:0 5px;z-index:10}.chatme-chat-options-menu{max-width:200px;min-width:160px}.chatme-menu-button{font-size:13px;padding:10px 14px}.chatme-menu-icon-wrapper{height:22px;margin-right:10px;width:22px}.chatme-menu-icon-wrapper svg{height:16px;width:16px}.chatme-menu-text-wrapper{font-size:13px}.chatme-delete-confirm-content{max-width:280px;padding:20px}.chatme-confirm-cancel-btn,.chatme-confirm-delete-btn{font-size:13px;padding:8px 16px}}@media (max-width:480px){.chatme-chat-item{padding:8px 5px}.chatme-avatar-circle,.chatme-avatar-image-wrapper{font-size:15px;height:45px;margin-right:-1px;width:45px}.chatme-checkbox{height:14px;width:14px}.chatme-chat-name{font-size:12px}.chatme-last-message{font-size:10px;max-width:calc(100% - 60px)}.chatme-chat-time{font-size:10px}.chatme-unread-count{font-size:10px;height:16px;min-width:16px;padding:0 4px;z-index:10}.chatme-chat-options-menu{left:auto!important;max-width:180px;min-width:140px;right:10px!important}.chatme-menu-button{padding:8px 12px}.chatme-menu-icon-wrapper{height:20px;margin-right:8px;width:20px}.chatme-menu-icon-wrapper svg{height:14px;width:14px}.chatme-menu-text-wrapper{font-size:12px}.chatme-delete-confirm-content{margin:20px;max-width:260px;padding:16px}.chatme-delete-confirm-content h3{font-size:18px}.chatme-delete-confirm-content p{font-size:13px}.chatme-delete-confirm-buttons{flex-direction:column;gap:6px}.chatme-confirm-cancel-btn,.chatme-confirm-delete-btn{padding:10px;width:100%}}.chatlock-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.chatlock-modal{background:#111b21;border:1px solid #2a3942;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:320px;padding:24px;width:90%}.chatlock-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chatlock-modal-header h3{color:#e9edef;font-size:20px;margin:0}.chatlock-close-btn{background:none;border:none;color:#8696a0;cursor:pointer;font-size:24px}.chatlock-pin-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.chatlock-pin-field{background:#182229;border:2px solid #2a3942;border-radius:8px;color:#e9edef;font-size:18px;letter-spacing:4px;padding:12px 16px;text-align:center;transition:border-color .2s}.chatlock-pin-field:focus{border-color:#25d366;outline:none}.chatlock-error{color:#e53e3e;font-size:14px;margin-bottom:16px;text-align:center}.chatlock-buttons{display:flex;gap:12px}.chatlock-btn-primary,.chatlock-btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .2s}.chatlock-btn-primary{background:#25d366;color:#fff}.chatlock-btn-primary:hover{background:#1ebb55}.chatlock-btn-secondary{background:#182229;border:1px solid #2a3942;color:#e9edef}.chatlock-btn-secondary:hover{background:#2a3942}.chatme-last-message-row.locked{color:#888;font-style:italic;opacity:.6}.chatme-locked-text{align-items:center;display:flex;font-size:.9rem;gap:4px}.locked-label{font-size:.8rem;opacity:.6}.chatme-avatar-fallback-icon{color:#aaa;font-size:40px}.folder-context-menu{background-color:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;max-width:220px;min-width:120px;overflow:hidden;position:fixed;width:-webkit-max-content;width:max-content;z-index:1000}.folder-context-menu .context-menu-item{background:none;border:none;color:#e9edef;cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:500;padding:10px 16px;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.folder-context-menu .context-menu-item:last-child{border-bottom:none}.folder-context-menu .context-menu-item:hover{background-color:#ffffff14}.folder-context-menu .context-menu-item.delete{border-top:1px solid #2a3942;color:#ff6b6b}.folder-context-menu .context-menu-item.delete:hover{background-color:#ff6b6b1a}.folder-options-button:hover{background-color:initial;color:#8696a0}@media (max-width:768px){.chatme-chat-time{font-size:8px}}.chatme-chat-list-container{background-color:#0b1216;flex:1 1;height:100%;margin-top:0;min-height:0;overflow:hidden;padding-top:0;position:relative}.chatme-header{background-color:#0b1216;box-shadow:0 1px 3px #0000000f;box-sizing:border-box;display:flex!important;flex-direction:column;flex-shrink:0;gap:8px;height:54px;margin-bottom:0;margin-top:0!important;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;visibility:visible!important;width:100%;z-index:250}.chatme-header h2{background-color:initial;color:#d0d7de;font-size:20px;font-weight:600;margin:0;padding:0;text-align:left}.chatme-chat-list-items{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:calc(100% - 194px);overflow-x:hidden;overflow-y:auto;padding:0 10px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.chatme-chat-list-items::-webkit-scrollbar{display:none}.chatme-chat-list-items .chatme-chat-item:first-of-type{margin-top:12px;margin-top:var(--chatlist-header-gap,12px)}.chatme-header-top{align-items:center;background-color:#0b1216;display:flex;justify-content:space-between;position:relative;transition:all .3s ease}.chatme-search-input{-webkit-appearance:none;appearance:none;border:none;color:#e9edef;flex:1 1;font-size:12px;max-height:27px;max-width:35%;opacity:1;outline:none;padding:8px 12px;transition:max-width .3s ease}.chatme-search-input,.chatme-search-input:focus{background-color:initial!important;min-width:35%}.chatme-search-input:focus{max-width:40%}.chatme-search-input::placeholder{color:#8696a0;font-size:12px}.chatme-header-buttons{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.chatme-folder-tabs{align-items:center;display:flex;gap:8px;width:100%}.folder-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#aebac1;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.folder-tab:hover{background:#ffffff0d;color:#d4dfe5}.folder-tab.active{background:#00a88426;color:#00a884;font-weight:600}.chatme-all-btn{color:#9c9999;font-weight:300!important;margin-left:-10px}.chatme-all-btn,.chatme-archive-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:10px!important;gap:8px;padding:4px 8px}.chatme-archive-btn{color:#00a884;font-weight:300;margin-right:-10px}.chatme-all-btn:hover,.chatme-archive-btn:hover{background-color:#ffffff05}.chatme-notification-btn{align-items:center;background:none;border:none;border-radius:4px;color:#00a884;cursor:pointer;display:flex;font-size:16px;gap:4px;margin-left:auto;padding:4px 8px;position:relative;transition:background-color .2s ease}.chatme-notification-btn:hover{background-color:#00a8841a}.chatme-notification-btn .notification-badge{align-items:center;background:#f44;border-radius:10px;color:#fff;display:inline-flex;font-size:9px;font-weight:500;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:relative;right:0;top:0}.chatme-bulk-bar{align-items:center;animation:slideInDown .2s ease-out;background-color:#0f1419;border:none;border-radius:8px;box-shadow:0 2px 8px #0000004d,0 4px 16px #0006,0 8px 24px #00000080;box-sizing:border-box;display:flex;flex-direction:row;gap:12px;justify-content:center;padding:10px 14px;position:static;width:100%;z-index:999}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-count{align-items:center;color:#8696a0;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:8px;margin-right:8px;min-height:14px;text-align:center;white-space:nowrap}.bulk-count-checkbox{accent-color:#25d366;cursor:not-allowed;flex-shrink:0;height:18px;width:18px}.bulk-count span{align-items:center;display:flex}.bulk-actions{flex-grow:1;flex-wrap:wrap;gap:20px}.bulk-actions,.bulk-btn{align-items:center;display:flex;justify-content:center}.bulk-btn{background:#0000;border:1px solid #384a56;border-radius:4px;color:#d1d7db;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:400;min-height:32px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.bulk-btn:hover{background-color:#1a2530;border-color:#485968;color:#e9edef}.bulk-btn.danger{background:#0000;border:1px solid #4a3a3a;color:#d1d7db}.bulk-btn.danger:hover{background-color:#2a1a1a;border-color:#5a4a4a;color:#e9edef}@media (max-width:768px){.chatme-bulk-bar{flex-direction:row;gap:10px;padding:10px 12px}.bulk-btn{font-size:11px;min-height:30px;padding:7px 14px}.bulk-count{font-size:11px;margin-right:6px}.bulk-actions{gap:16px}}@media (max-width:480px){.chatme-bulk-bar{flex-direction:row;gap:8px;padding:9px 10px}.bulk-btn{font-size:10px;min-height:28px;padding:6px 12px}.bulk-count{font-size:10px;margin-right:4px}.bulk-actions{gap:12px}}.chatme-chats-container{background-color:#0b1216;display:flex;flex:1 1;flex-direction:column;padding-bottom:20px;width:100%}.chatme-section-header{align-items:center;background-color:#0b1216;color:#8696a0;display:flex;font-size:12px;justify-content:space-between;padding:12px 24px}.chatme-pin-icon{color:#8696a0;font-size:16px;margin-right:8px}.chatme-all-chats-section{background-color:#0b1216;border-bottom:1px solid #2a3942;flex:1 1;overflow-y:auto}.chatme-empty-state{align-items:center;color:#8696a0;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 40px;text-align:center}.chatme-empty-state p{color:#8696a0;font-size:15px;line-height:1.5;margin:0}.chatme-no-chats-found{align-items:center;background-color:#0b1216;display:flex;flex-direction:column;justify-content:center;padding:50px 24px;text-align:center}.chatme-search-icon-large{color:#8696a0;font-size:52px;margin-bottom:2px}.chatme-no-chats-found p{color:#8696a0;font-size:15px;line-height:1.5;margin:0}.chatme-toggle-archive-button{align-items:center;background:none;border:none;border-radius:4px;color:#00a884;cursor:pointer;display:flex;font-size:11px;font-weight:400;gap:8px;margin-right:-15px;padding:4px 8px}.chatme-toggle-archive-button:hover{background-color:#00a88433}.chatme-all-chats-section::-webkit-scrollbar{width:6px}.chatme-all-chats-section::-webkit-scrollbar-track{background:#0000}.chatme-all-chats-section::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.chatme-encryption-notice{align-items:center;background-color:#0b1216;border-top:1px solid #2a3942;color:#8696a0;display:flex;font-size:12px;justify-content:center;margin-top:8px;padding:8px 0}.chatme-encryption-icon{color:#8696a0;font-size:12px;margin-right:4px}.chatme-delete-confirmation{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.chatme-delete-confirm-content{animation:chatme-confirmSlideIn .2s ease-out;background:#111b21;border:1px solid #2a3942;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:320px;padding:24px;text-align:center;width:90%}@keyframes chatme-confirmSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatme-delete-confirm-icon{align-items:center;color:#e53e3e;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.chatme-delete-confirm-content h3{color:#e9edef;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.chatme-delete-confirm-content p{color:#8696a0;font-size:14px;line-height:1.5;margin:0 0 20px}.chatme-delete-confirm-content strong{color:#e9edef}.chatme-delete-confirm-buttons{display:flex;gap:8px;justify-content:center}.chatme-confirm-cancel-btn,.chatme-confirm-delete-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.chatme-confirm-cancel-btn{background:#182229;border:1px solid #2a3942;color:#e9edef}.chatme-confirm-cancel-btn:hover{background:#2a3942;border-color:#4a5568}.chatme-confirm-delete-btn{background:#e53e3e;border:1px solid #c53030;color:#fff}.chatme-confirm-delete-btn:hover{background:#c53030;border-color:#9b2c2c;transform:translateY(-1px)}.chatme-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;top:8%;z-index:1001}.chatme-modal{animation:chatme-modalSlideIn .3s cubic-bezier(.25,.8,.25,1);background:#1e252d;border:1px solid #3d4a54;border-radius:12px;box-shadow:0 10px 30px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow-y:hidden;width:90%}@keyframes chatme-modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chatme-modal-header{align-items:center;border-bottom:1px solid #3d4a54;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px}.chatme-modal-header h3{color:#e9edef;font-size:19px;font-weight:700;margin:0}.chatme-modal-close{color:#8696a0;font-size:22px;padding:8px;transition:background-color .2s ease,color .2s ease}.chatme-modal-close:hover{background-color:#ffffff1a}.chatme-modal-content{flex-grow:1;overflow-y:auto;padding:0}.chatme-modal-content::-webkit-scrollbar{width:8px}.chatme-modal-content::-webkit-scrollbar-track{background:#0000}.chatme-modal-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.directive-text{border-bottom:1px solid #3d4a54;color:#aebac1;font-size:13px;line-height:1.5;margin:0;padding:15px 20px 20px;text-align:left}.notification-user-item{align-items:center;border-radius:0;display:flex;gap:12px;padding:15px 20px;transition:background-color .2s ease}.notification-user-item:not(:last-child){border-bottom:1px solid #2a3942}.notification-user-item:hover{background-color:#00a8840d}.notification-avatar{border:2px solid #00a884;border-radius:50%;flex-shrink:0;height:50px;margin-right:0;object-fit:cover;width:50px}.notification-info{flex-grow:1;min-width:0}.notification-info h4{color:#e9edef;font-size:17px;font-weight:600;margin:0 0 2px}.notification-info h4,.notification-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-info p{color:#aebac1;font-size:13px;margin:0 0 4px}.unread-count{background-color:#00a8841a;border-radius:4px;color:#00a884;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:2px 6px}.notification-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px;margin-left:10px}.add-btn,.seen-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:8px 12px;text-align:center;touch-action:manipulation;transition:all .2s cubic-bezier(.25,.8,.25,1)}.add-btn{background:#00a884;box-shadow:0 2px 4px #00a8844d;color:#fff}.add-btn:hover{background:#008c6d;box-shadow:0 4px 8px #00a88466;transform:translateY(-1px)}.seen-btn{background:#3d4a54;border:none;color:#e9edef}.seen-btn:hover{background:#4a5964;transform:translateY(-1px)}.empty-state{padding:50px 20px}.empty-state p{font-size:15px;font-style:italic}.chatme-archived-toggle{display:none}.chatme-offline-banner{align-items:center;background-color:#ff44441a;border-bottom:1px solid #f443;color:#f44;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.chatme-notification-banner{display:none}.confirm-modal-overlay{align-items:center;background-color:#000c;justify-content:center;left:0;top:0}@media (max-width:768px){.chatme-chat-list-container{min-height:auto;padding-top:0}.chatme-chats-container{min-width:100%;width:100%}.chatme-header{display:flex!important;margin-top:0;min-height:70px;padding:16px 20px;visibility:visible!important}.chatme-search-input{max-width:150px}.chatme-search-input:focus{max-width:180px}.chatme-section-header{padding:10px 16px}.chatme-delete-confirm-content{max-width:280px;padding:20px}.chatme-confirm-cancel-btn,.chatme-confirm-delete-btn{font-size:13px;padding:8px 16px}.chatme-all-btn,.chatme-archive-btn{font-size:13px;padding:3px 6px}.chatme-empty-state{min-height:350px;padding:40px 20px}.chatme-modal{margin:20px auto;max-width:380px;width:95%}.chatme-modal-header{padding:16px 18px}.chatme-modal-header h3{font-size:18px}.chatme-modal-close{font-size:20px;padding:6px}.directive-text{padding:15px 18px 20px}.notification-user-item{flex-wrap:nowrap;padding:12px 18px}.notification-avatar{border-width:2px;height:44px;width:44px}.notification-info h4{font-size:16px}.notification-info p{font-size:13px}.notification-actions{flex-direction:row;gap:8px;justify-content:flex-end;margin-left:10px;margin-top:0;width:auto}.add-btn,.seen-btn{flex:none;font-size:13px;min-height:auto;min-width:70px;padding:8px 12px}}@media (max-width:480px){.chatme-header{display:flex!important;margin-top:85px!important;padding:12px 16px;visibility:visible!important}.chatme-search-input{max-width:120px}.chatme-search-input:focus{max-width:140px}.chatme-delete-confirm-content{margin:20px;max-width:260px;padding:16px}.chatme-delete-confirm-content h3{font-size:18px}.chatme-delete-confirm-content p{font-size:13px}.chatme-delete-confirm-buttons{flex-direction:column;gap:6px}.chatme-confirm-cancel-btn,.chatme-confirm-delete-btn{padding:10px;width:100%}.chatme-header-buttons{gap:8px}.chatme-all-btn,.chatme-archive-btn{font-size:12px;padding:2px 4px}.confirm-modal{margin:20px;width:calc(100% - 40px)}.chatme-empty-state{min-height:300px;padding:30px 16px}.chatme-modal{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:none;width:100%}.chatme-modal-header{padding:14px 16px}.chatme-modal-header h3{font-size:18px}.chatme-modal-content{overflow-y:auto;padding:0}.directive-text{font-size:13px;padding:15px 16px 20px;text-align:center}.notification-user-item{align-items:center;flex-direction:row;gap:10px;padding:12px 16px}.notification-avatar{align-self:center;height:40px;margin-right:0;width:40px}.notification-info{flex-grow:1;text-align:left}.notification-actions{display:flex;flex-direction:column;gap:6px;margin-left:10px;width:auto}.add-btn,.seen-btn{flex:1 1;font-size:14px;min-height:40px;min-width:70px;padding:10px}}.chatme-avatar-container.current-user,.chatme-avatar-container.you{position:relative}.chatme-avatar-container.current-user:after,.chatme-avatar-container.you:after{align-items:center;background:#00a884;border:2px solid #0b1216;border:2px solid var(--avatar-badge-border,#0b1216);border-radius:50%;bottom:-2px;box-shadow:0 1px 2px #00000040;color:#fff;content:"+";display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:-2px;width:18px;z-index:5}.chatme-chat-item .chatme-avatar-container.current-user:after,.chatme-chat-item .chatme-avatar-container.you:after{bottom:-4px;right:-4px}@media (prefers-color-scheme:light){.chatme-avatar-container.current-user:after,.chatme-avatar-container.you:after{border-color:#fff}}@media (max-width:480px){.chatme-avatar-container.current-user:after,.chatme-avatar-container.you:after{bottom:-2px;font-size:10px;height:14px;right:-2px;width:14px}}@media (prefers-color-scheme:light){.chatme-chat-list-container,.chatme-chats-container,.chatme-header,.chatme-header-top{background-color:#f8f9fa}.chatme-header h2{color:#111827}.chatme-search-input{box-shadow:0 1px 0 #e5e7eb80;color:#374151}.chatme-search-input::placeholder{color:#6b7280}.chatme-search-input:focus{box-shadow:0 1px 0 #25d366}.chatme-all-btn,.chatme-archive-btn{color:#25d366}.chatme-all-btn:hover,.chatme-archive-btn:hover{background-color:#25d3661a}.chatme-section-header{background-color:#fff;color:#6b7280}.chatme-all-chats-section{background-color:#fff;border-bottom:1px solid #e5e7eb}.chatme-empty-state{background-color:#f8f9fa;color:#6b7280}.chatme-empty-state p{color:#6b7280}.chatme-no-chats-found{background-color:#fff}.chatme-no-chats-found p,.chatme-search-icon-large{color:#6b7280}.chatme-toggle-archive-button{color:#25d366}.chatme-toggle-archive-button:hover{background-color:#25d3661a}.chatme-encryption-notice{background-color:#fff;border-top:1px solid #e5e7eb;color:#6b7280}.chatme-encryption-icon{color:#6b7280}.chatme-bulk-bar{background-color:#f8f9fa}.bulk-count{color:#25d366}.bulk-btn{color:#111827}.bulk-btn:hover{background-color:#0000000d}.bulk-btn.danger{color:#dc2626}.bulk-btn.danger:hover{background-color:#dc26261a}.chatme-notification-btn{color:#25d366}.chatme-notification-btn:hover{background-color:#25d3661a}.chatme-delete-confirm-content{background:#fff;border-color:#e5e7eb}.chatme-delete-confirm-content h3{color:#111827}.chatme-delete-confirm-content p{color:#6b7280}.chatme-delete-confirm-content strong{color:#111827}.chatme-confirm-cancel-btn{background:#f9fafb;border-color:#d1d5db;color:#374151}.chatme-confirm-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.chatme-confirm-delete-btn{background:#dc2626;border-color:#b91c1c}.chatme-confirm-delete-btn:hover{background:#b91c1c;border-color:#991b1b}.chatme-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.chatme-modal{background:#fff;border-color:#e5e7eb;box-shadow:0 10px 30px #00000026,0 0 0 1px #0000000d}.chatme-modal-header{border-bottom:1px solid #f3f4f6}.chatme-modal-header h3{color:#111827}.chatme-modal-close{color:#6b7280}.chatme-modal-close:hover{background-color:#0000000d;color:#374151}.directive-text{color:#6b7280}.directive-text,.notification-user-item:not(:last-child){border-bottom:1px solid #f3f4f6}.notification-user-item:hover{background-color:#25d3660d}.notification-avatar{border:2px solid #25d366}.notification-info h4{color:#111827}.notification-info p{color:#6b7280}.unread-count{background-color:#25d3661a;color:#10b981}.seen-btn{background:#f3f4f6;border:none;color:#374151}.seen-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.chatme-modal-content::-webkit-scrollbar-thumb{background:#c7c7c7}.empty-state{color:#6b7280}.confirm-modal{background-color:#f8f9fa;border-color:#e5e7eb;color:#111827}.confirm-modal p{color:#111827}.confirm-buttons button:first-child{background-color:#f3f4f6;color:#111827}.confirm-buttons button:first-child:hover{background-color:#e5e7eb}.delete-btn{background-color:#dc2626;color:#fff}.delete-btn:hover{background-color:#b91c1c}.folder-tab{color:#6b7280}.folder-tab:hover{background:#00000008;color:#374151}.folder-tab.active{background:#25d3661a;color:#25d366}}.chatme-chat-item.skeleton{align-items:center;background-color:initial;border:none;border-bottom:1px solid #2a394233;display:flex;gap:12px;height:72px;margin:0;padding:10px 16px}.chatme-chat-item.skeleton .skeleton-avatar{border-radius:50%;flex-shrink:0;height:45px;width:45px}.chatme-chat-item.skeleton .chatme-chat-content{gap:6px;padding:4px 0}.chatme-chat-item.skeleton .chatme-chat-header{gap:8px}.chatme-chat-item.skeleton .skeleton-text.name{border-radius:4px;height:16px;width:130px}.chatme-chat-item.skeleton .skeleton-text.time{border-radius:4px;height:12px;width:45px}.chatme-chat-item.skeleton .skeleton-text.preview{border-radius:4px;height:14px;margin-top:2px;width:85%}.chatme-chat-item.skeleton .skeleton-avatar,.chatme-chat-item.skeleton .skeleton-text{animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,#2a394233 25%,#2a39424d 37%,#2a394233 63%);background-size:400% 100%}@media (prefers-color-scheme:light){.chatme-chat-item.skeleton .skeleton-avatar,.chatme-chat-item.skeleton .skeleton-text{background:linear-gradient(90deg,#0000000f 25%,#00000014 37%,#0000000f 63%)}.chatme-chat-item.skeleton{border-bottom:1px solid #0000000f}}.chatme-chat-item.skeleton+.chatme-chat-item.skeleton{margin-top:6px}.chatme-chat-item.skeleton .chatme-avatar-container{flex-shrink:0}.chatme-chat-item.skeleton .chatme-chat-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.chatme-chat-item.skeleton .chatme-chat-header{align-items:center;display:flex;justify-content:space-between}.chatme-chat-item.skeleton .chatme-chat-name{flex:1 1}.chatme-chat-item.skeleton .chatme-timestamp{flex-shrink:0;margin-left:8px}.chatme-chat-item.skeleton .chatme-chat-preview{align-items:center;display:flex}.chatme-chat-item.skeleton .chatme-message-preview{flex:1 1}.chatme-chat-item.skeleton .chatme-menu-btn{background:#0000;border:none;flex-shrink:0;height:24px;width:24px}@media (prefers-color-scheme:light){.chatme-chat-item.skeleton .skeleton-avatar,.chatme-chat-item.skeleton .skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%)}.chatme-chat-item.skeleton{background-color:#00000005;border:1px solid #0000000a}}.offline-indicator{align-items:center;color:#ff4d4f;display:flex;margin-left:10px}.offline-icon{font-size:20px}.chatme-avatar-container{position:relative}.offline-dot,.online-dot{border:2px solid #0b1216;border-radius:50%;bottom:-2px;height:40px;right:2px;transition:background-color .3s ease;width:40px}.online-dot{background-color:#00a884}.offline-dot{background-color:#f44}@media (prefers-color-scheme:light){.offline-dot,.online-dot{border-color:#fff}}.chatme-chat-item.selected{background-color:#00a8841a;border-left:4px solid #00a884;border-radius:0}.chatme-chat-item.selected:hover{background-color:#00a88426}@media (prefers-color-scheme:light){.chatme-chat-item.selected{background-color:#25d3661a;border-left:4px solid #25d366}.chatme-chat-item.selected:hover{background-color:#25d36626}}.chatme-empty-chat-view{background-color:#0b1216;background-image:url(https://web.whatsapp.com/img/bg-chat-tile-dark_04fcacde.png);background-repeat:repeat;border-left:1px solid #2a3942;flex-grow:1;height:100%;justify-content:center;padding:20px;text-align:center}.chatme-empty-chat-content,.chatme-empty-chat-view{align-items:center;display:flex;flex-direction:column}.chatme-empty-chat-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2a3942b3;border-radius:8px;max-width:500px;padding:40px}.chatme-chat-icon{color:#8696a0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:120px;opacity:.4}.chatme-empty-chat-content h2{color:#e9edef;font-size:32px;font-weight:300;line-height:1.3;margin:0 0 16px;text-shadow:0 1px 2px #0000004d}.chatme-empty-chat-content p{color:#8696a0;font-size:14px;line-height:1.5;margin:0;max-width:400px}.chatme-empty-chat-secondary{color:#8696a0!important;font-size:13px!important;margin-top:16px!important}.chatme-empty-chat-separator{align-items:center;color:#8696a0;display:flex;margin:24px 0;max-width:300px;width:100%}.chatme-empty-chat-separator:after,.chatme-empty-chat-separator:before{border-bottom:1px solid #2a3942;content:"";flex:1 1}@media (max-width:992px){.chatme-empty-chat-content{max-width:400px;padding:30px}.chatme-chat-icon{font-size:100px}.chatme-empty-chat-content h2{font-size:28px}}@media (max-width:768px){.chatme-empty-chat-view{background-color:#0b1216;background-image:none}.chatme-empty-chat-content{background-color:#2a3942e6;padding:24px}.chatme-chat-icon{font-size:80px}.chatme-empty-chat-content h2{font-size:24px}}@media (max-width:480px){.chatme-empty-chat-content{padding:20px;width:90%}.chatme-chat-icon{font-size:70px}.chatme-empty-chat-content h2{font-size:22px}.chatme-empty-chat-content p{font-size:13px}}.chatme-empty-chat-view{animation:fadeIn .3s ease-out}.container{background-color:#0b1216;box-shadow:0 0 4px #00000080;margin:0 auto;max-width:1400px;padding:20px}.compact-container{padding:10px}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-left:5px;max-width:94%;right:0}.grid-item{border-radius:8px;box-shadow:0 2px 4px #0000004d,0 0 4px #00000080;overflow:hidden;position:relative;width:100%}.grid-item,.grid-item.fullscreen{background:#0b1216;display:flex;flex-direction:column}.grid-item.fullscreen{align-items:center;box-shadow:none;box-sizing:border-box;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:0;position:fixed;top:0;width:100vw;z-index:1000}.media-carousel{background:#0b1216;border-radius:8px;height:auto;overflow:hidden;position:relative;width:100%}.fullscreen-carousel{height:100vh;max-height:none;max-width:none;width:100vw}.carousel-content,.fullscreen-carousel{align-items:center;display:flex;justify-content:center}.carousel-content{height:100%;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:100%}.carousel-nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:50%;color:#e9edef;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.carousel-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.prev-btn{left:12px}.next-btn{right:12px}.fullscreen-carousel .carousel-nav{height:50px;width:50px}.fullscreen-carousel .prev-btn{left:10px}.fullscreen-carousel .next-btn{right:10px}.carousel-indicators{bottom:12px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .2s ease;width:8px}.indicator.active{background:#1d9bf0;transform:scale(1.2)}.indicator:hover{background:#fffc}.fullscreen-carousel .carousel-indicators{bottom:10px}.fullscreen-carousel .indicator{height:10px;width:10px}.carousel-counter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:12px;color:#e9edef;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:10}.fullscreen-carousel .carousel-counter{font-size:14px;padding:6px 12px;right:10px;top:10px}.media-header{box-shadow:0 1px 4px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:12px 16px 16px;position:relative;width:100%}.description-container{margin-bottom:-15px;padding-right:80px;width:100%}.media-description{word-wrap:break-word;color:#e9edef;font-size:14px;line-height:1.4;margin:0}.description-text{margin:0}.header-top-right{align-items:center;display:flex;gap:0;justify-content:flex-end;position:absolute;right:0;top:0;z-index:3}.timestamp{color:#8696a0;font-size:11px;font-weight:500;line-height:1;padding-right:4px}.menu-button,.menu-container{position:relative}.menu-button{align-items:center;background:none;border:none;border-radius:0;color:#a0a0a0;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:none;width:20px;z-index:5}.menu-button:hover{background-color:initial;color:#a0a0a0}.menu-button svg{height:16px!important;width:16px!important}.media-panel{background:#0b1216;border-radius:6px;box-shadow:0 4px 12px #0000004d,0 0 4px #00000080;margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:10}.menu-item{background:none;color:#e9edef;display:block;font-size:13px;padding:8px 12px;transition:background-color .2s ease}.menu-item:hover{background:#ffffff0d}.menu-item:first-child{border-radius:6px 6px 0 0}.menu-item:last-child{border-radius:0 0 6px 6px}.media-section{cursor:pointer;flex-grow:1;position:relative;width:100%}.media-content{border-radius:8px;display:block;height:auto;max-width:100%;object-fit:contain;width:100%}.grid-item.fullscreen .media-section{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;height:100vh;justify-content:center;max-width:none;padding:0;width:100vw}.media-content-fullscreen,.quoted-media-fullscreen{border-radius:0;display:block;height:auto;max-height:100vh;object-fit:contain;width:100vw}.media-video{position:relative;width:100%}.media-video .media-content{height:auto;max-width:100%;object-fit:contain;width:100%}.grid-item.fullscreen .media-video,.media-video .media-content-fullscreen{height:auto;max-height:100vh;width:100vw}.media-video .media-content-fullscreen{border-radius:0;object-fit:contain}.video-play-icon{background:#0000004d;border-radius:50%;color:#e9edef;font-size:36px;left:50%;opacity:.9;padding:8px;position:absolute;text-shadow:0 0 12px #000c;top:50%;transform:translate(-50%,-50%)}.media-audio,.media-document,.media-poll,.media-text{align-items:center;color:#e9edef;display:flex;flex-direction:column;padding:16px}.grid-item.fullscreen .media-audio,.grid-item.fullscreen .media-document,.grid-item.fullscreen .media-poll,.grid-item.fullscreen .media-text{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:16px;width:100vw}.media-audio p,.media-document p,.media-poll p,.media-text p{font-size:14px;margin:8px 0 0;text-align:center}.media-text .text-content{font-size:16px;line-height:1.5;max-width:100%;white-space:pre-wrap}.document-info{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.document-name{color:#e9edef;font-size:14px;font-weight:600;margin:0}.document-details{color:#8696a0;font-size:12px;margin:0}.document-download-link,.document-view-link{background:#1d9bf0;border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px;text-decoration:none;transition:background-color .2s}.document-download-link:hover,.document-view-link:hover{background:#1a8cd8}.poll-options{gap:8px;margin-top:12px;width:100%}.poll-option{background:#0000;border:none;border-radius:6px;display:flex;flex-direction:column;padding:0;width:100%}.poll-option-content{align-items:center;background:#ffffff0d;display:flex;justify-content:space-between;padding:8px 12px;position:relative;z-index:2}.poll-option-text{color:#e9edef;font-size:14px;font-weight:500}.poll-option-votes{color:#8696a0;font-size:12px}.poll-option-bar{background:#ffffff1a;height:4px;overflow:hidden;position:relative}.poll-option-fill{background:#1d9bf0;height:100%;transition:width .3s ease}.close-button{background:#f4212e;border:1px solid #ffffff4d;box-shadow:0 4px 12px #00000080;color:#fff;height:48px;opacity:1;padding:env(safe-area-inset-top,0) 10px 10px;position:fixed;right:10px;top:60px;transition:all .2s ease;width:48px;z-index:2000}.close-button svg{fill:#fff;height:24px;width:24px}.close-button:hover{background:#d91e27;color:#fff;transform:scale(1.1)}.quoted-post{background:#0b1216;border-radius:6px;box-shadow:0 0 4px #00000080;cursor:pointer;padding:8px}.grid-item.fullscreen .quoted-post{border-radius:0;max-width:none;padding:8px;width:100vw}.quoted-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.quoted-user{color:#1d9bf0;font-size:13px;font-weight:600}.quoted-time{color:#8696a0;font-size:11px}.quoted-content{margin-bottom:8px}.quoted-content p{color:#e9edef;font-size:14px;line-height:1.4;margin:0}.quoted-media{border-radius:6px;display:block;height:auto;max-width:100%;object-fit:contain;width:100%}.quoted-video{position:relative;width:100%}.quoted-video .quoted-media{height:auto;max-width:100%;object-fit:contain;width:100%}.media-fallback,.quoted-fallback{align-items:center;background:#1a252b;border-radius:8px;color:#e9edef;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.no-media-message{color:#8696a0;font-size:16px;padding:20px;text-align:center}.upload-status-container{left:50%;max-width:400px;position:fixed;top:20px;transform:translateX(-50%);width:90%;z-index:1500}.upload-error-item,.upload-progress-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1216f2;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-bottom:8px;padding:12px}.upload-progress-header{align-items:center;color:#e9edef;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.upload-icon{color:#1d9bf0}.upload-error-icon{color:#f15e6c}.upload-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:100%}.upload-progress-fill{background:#1d9bf0;height:100%;transition:width .3s ease}.upload-errors{display:flex;flex-direction:column;gap:4px}.upload-error{color:#f15e6c;font-size:13px;line-height:1.4}.fab-modal,.quote-modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.fab-modal-content,.quote-modal{background:#0b1216;border-radius:12px;box-shadow:0 4px 12px #0000004d,0 0 4px #00000080;max-width:600px;padding:16px;width:90%}.quote-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quote-modal-header h3{color:#e9edef;font-size:18px;margin:0}.quote-form{display:flex;flex-direction:column;gap:12px}.fab-input,.fab-textarea,.quote-textarea{background:#1a252b;border:none;border-radius:8px;box-shadow:0 0 4px #00000080;color:#e9edef;font-size:14px;margin-bottom:12px;outline:none;padding:12px;width:100%}.fab-textarea{min-height:100px;resize:vertical}.fab-input:focus,.fab-textarea:focus,.quote-textarea:focus{box-shadow:0 0 4px #1d9bf0b3}.quoted-media-preview{background:#0b1216;border-radius:8px;box-shadow:0 0 4px #00000080;padding:8px}.quoted-media-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.quoted-media-thumb{border-radius:6px;height:auto;max-width:150px;object-fit:contain}.quoted-video-thumb{max-width:150px;position:relative}.quoted-video-thumb .quoted-media-thumb{height:auto;max-width:100%}.quoted-video-thumb .play-overlay{background:#0000004d;border-radius:50%;color:#e9edef;font-size:24px;left:50%;opacity:.9;padding:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.quote-modal-footer{align-items:center;display:flex;justify-content:space-between}.char-count{font-size:12px}.quote-actions{display:flex;gap:8px}.cancel-btn,.submit-btn{border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.cancel-btn:hover{background:#3a4a52}.submit-btn{background:#1d9bf0;color:#fff}.submit-btn:hover:not(:disabled){background:#1a8cd8}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn.delete-btn{background:#f4212e}.submit-btn.delete-btn:hover:not(:disabled){background:#d91e27}.reactions-section{background:#0b1216;box-sizing:border-box;padding:8px 16px;width:100%}.grid-item.fullscreen .reactions-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1216f2;bottom:0;box-shadow:0 -1px 4px #0000004d;box-sizing:border-box;left:0;max-width:none;padding:12px 10px;position:fixed;right:0;width:100vw;z-index:20}.twitter-actions{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:600px;padding:0;width:100%}.twitter-actions,.twitter-actions-left{align-items:center;display:flex;gap:12px}.twitter-actions-left{flex:1 1;min-width:0}.twitter-actions-right{gap:8px}.twitter-action-btn,.twitter-actions-right{align-items:center;display:flex;flex-shrink:0}.twitter-action-btn{background:none;border:none;border-radius:6px;box-sizing:border-box;color:#8696a0;cursor:pointer;font-size:12px;gap:4px;justify-content:center;min-height:32px;padding:6px 8px;position:relative;transition:all .2s ease;white-space:nowrap}.twitter-action-btn.bookmark-btn,.twitter-action-btn.chat-btn,.twitter-action-btn.love-btn,.twitter-action-btn.quote-btn,.twitter-action-btn.retweet-btn,.twitter-action-btn.views-count{gap:4px}.download-btn,.share-btn{height:36px;justify-content:center;padding:8px;width:36px}.twitter-action-btn:hover{background:#ffffff0d;color:#e9edef}.twitter-action-btn:hover .action-count{color:#e9edef}.love-btn.active{color:#f15e6c}.love-btn.active:hover{background:#f15e6c1a}.quote-btn.active,.retweet-btn.active{color:#1d9bf0}.quote-btn:hover,.retweet-btn:hover{background:#1d9bf01a}.bookmark-btn.active{color:#1d9bf0}.bookmark-btn:hover{background:#1d9bf01a}.download-btn{color:#8696a0!important}.download-btn:hover{background:#ffffff0d!important;color:#e9edef!important}.download-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.action-count{color:#8696a0;font-size:10px;font-weight:500;line-height:1;min-width:16px;text-align:left}.grid-item.fullscreen .action-count{font-size:11px}.grid-item.fullscreen .twitter-actions{gap:16px}.grid-item.fullscreen .twitter-action-btn{min-height:36px;padding:8px 12px}.grid-item.fullscreen .twitter-action-btn svg{height:20px!important;width:20px!important}.comment-section{background:#0b1216;box-shadow:0 -1px 4px #0000004d;box-sizing:border-box;margin:0 auto;max-height:50vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:100%;z-index:15}.comment-section:not(.active){display:none}.grid-item.fullscreen .comment-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1216f2;bottom:64px;box-shadow:0 -1px 4px #0000004d;left:0;max-width:none;min-height:100px;padding:10px;position:fixed;right:0;width:100vw;z-index:25}.comments-header{box-shadow:0 1px 4px #0000004d;margin-bottom:12px;padding-bottom:12px}.comments-title{color:#e9edef;font-size:18px;font-weight:700;margin:0}.comments-list{margin-bottom:16px;max-height:35vh;overflow-y:auto}.comment{box-shadow:0 1px 4px #0000004d;padding:12px 0}.comment:last-child{box-shadow:none}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.comment-user{color:#1d9bf0;font-size:15px;font-weight:600}.comment-time{color:#8696a0;font-size:13px;margin-left:8px}.delete-comment-btn{background:none;border:none;border-radius:4px;color:#8696a0;cursor:pointer;padding:4px;transition:background-color .2s}.delete-comment-btn:hover{background-color:#ffffff0d;color:#f15e6c}.comment-text{word-wrap:break-word;color:#e9edef;font-size:15px;line-height:1.4;margin:0 0 8px}.comment-actions{align-items:center;display:flex;gap:16px}.comment-like-btn{align-items:center;background:none;border:none;border-radius:20px;color:#8696a0;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 10px;transition:all .2s}.comment-like-btn:hover{background-color:#ffffff0d;color:#1d9bf0}.comment-like-btn.liked{color:#f15e6c}.like-count{font-size:13px;font-weight:600}.reply-btn{background:none;border:none;border-radius:20px;color:#8696a0;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.reply-btn:hover{background-color:#ffffff0d;color:#1d9bf0}.reply-form{box-shadow:0 1px 4px #0000004d;margin-top:8px;padding-top:8px}.reply-input-container{align-items:center;gap:8px}.reply-input{background:#1a252b;border:none;border-radius:20px;box-shadow:0 0 4px #00000080;color:#e9edef;flex:1 1;font-size:15px;outline:none;padding:10px 14px}.reply-input::placeholder{color:#8696a0}.reply-input:focus{box-shadow:0 0 4px #1d9bf0b3}.send-reply-btn{align-items:center;background:#1d9bf0;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.send-reply-btn:hover:not(:disabled){background:#1a8cd8}.send-reply-btn:disabled{cursor:not-allowed;opacity:.5}.replies-container{box-shadow:-2px 0 4px #0000004d;margin-left:20px;margin-top:8px;padding-left:12px}.reply{background:#1a252b;border-radius:8px;margin-bottom:4px;padding:8px 12px}.reply-header{gap:8px;margin-bottom:4px}.reply-user{color:#1d9bf0;font-size:14px;font-weight:600}.reply-time{color:#8696a0;font-size:12px}.reply-text{font-size:14px;line-height:1.4;margin:0}.new-comment-form{box-shadow:0 1px 4px #0000004d;padding-top:12px}.new-comment-input-container{align-items:center;display:flex;gap:8px;margin-bottom:8px}.new-comment-input{background:#1a252b;border:none;border-radius:20px;box-shadow:0 0 4px #00000080;color:#e9edef;flex:1 1;font-size:15px;outline:none;padding:10px 14px}.new-comment-input::placeholder{color:#8696a0}.new-comment-input:focus{box-shadow:0 0 4px #1d9bf0b3}.submit-comment-btn{align-items:center;background:#1d9bf0;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.submit-comment-btn:hover:not(:disabled){background:#1a8cd8}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.5}.character-count{color:#8696a0;font-size:12px;text-align:right}.character-count.warning{color:#f4212e}.skeleton-card{animation:pulse 1.5s infinite;background:#1a252b;border-radius:8px;box-shadow:0 0 4px #00000080;height:250px;width:100%}.skeleton-media{background:#2a3942;height:200px;width:100%}.skeleton-actions{background:#2a3942;height:50px}.fab-container{bottom:20px;position:fixed;right:20px}.fab-main{background:#1d9bf0;box-shadow:0 4px 8px #0000004d;color:#fff;font-size:24px;height:56px;transition:transform .2s,background-color .2s;width:56px}.fab-main:hover{background:#1a8cd8}.fab-menu{align-items:flex-end;bottom:70px;gap:8px}.fab-option{align-items:center;background:#0b1216;border-radius:20px;box-shadow:0 0 4px #00000080;color:#e9edef;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s}.fab-option:hover{background:#1a252b}.fab-option span{white-space:nowrap}.media-carousel{touch-action:pan-y;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.media-carousel .media-audio,.media-carousel .media-document{justify-content:center;min-height:200px}.media-carousel .media-document .document-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:8px;padding:20px}.file-status-FABP{color:#1d9bf0;font-size:11px;font-weight:500}.processing-message-FABP{background:#1d9bf01a;border-radius:6px;color:#1d9bf0;font-size:13px;margin-bottom:12px;padding:8px;text-align:center}.comment-section::-webkit-scrollbar,.comments-list::-webkit-scrollbar,.grid-item.fullscreen::-webkit-scrollbar{width:8px}.comment-section::-webkit-scrollbar-track,.comments-list::-webkit-scrollbar-track,.grid-item.fullscreen::-webkit-scrollbar-track{background:#1a252b;border-radius:4px}.comment-section::-webkit-scrollbar-thumb,.comments-list::-webkit-scrollbar-thumb,.grid-item.fullscreen::-webkit-scrollbar-thumb{background:#40444b;border-radius:4px}.comment-section::-webkit-scrollbar-thumb:hover,.comments-list::-webkit-scrollbar-thumb:hover,.grid-item.fullscreen::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.container{box-shadow:0 0 4px #00000080;padding:12px}.grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-item.fullscreen{padding:0}.grid-item{box-shadow:0 2px 4px #0000004d,0 0 4px #00000080}.grid-item.fullscreen .media-section{padding:0}.media-header{box-shadow:0 1px 4px #0000004d;padding:8px 12px 12px}.description-container{padding-right:70px}.timestamp{font-size:10px;padding-right:3px}.menu-button{height:18px;width:18px}.menu-button svg{height:14px!important;width:14px!important}.carousel-nav{height:36px;width:36px}.prev-btn{left:8px}.next-btn{right:8px}.carousel-counter{font-size:11px;padding:3px 6px;right:8px;top:8px}.carousel-indicators{bottom:8px}.indicator{height:6px;width:6px}.fullscreen-carousel .carousel-nav{height:44px;width:44px}.fullscreen-carousel .prev-btn{left:8px}.fullscreen-carousel .next-btn{right:8px}.fullscreen-carousel .carousel-counter{font-size:12px;padding:4px 8px;right:8px;top:8px}.fullscreen-carousel .carousel-indicators{bottom:8px}.fullscreen-carousel .indicator{height:8px;width:8px}.close-button{background:#f4212e;color:#fff;height:40px;padding:env(safe-area-inset-top,0) 8px 8px;right:8px;top:48px;width:40px}.close-button svg{height:20px;width:20px}.close-button:hover{background:#d91e27;color:#fff}.reactions-section{padding:10px 16px}.grid-item.fullscreen .reactions-section{padding:10px}.twitter-actions{gap:8px;max-width:100%}.twitter-actions-left{gap:8px}.twitter-actions-right{gap:6px}.twitter-action-btn{font-size:11px;min-height:28px;padding:4px 6px}.download-btn,.share-btn{height:32px;padding:6px;width:32px}.grid-item.fullscreen .twitter-actions{gap:12px}.grid-item.fullscreen .twitter-action-btn{min-height:32px;padding:6px 8px}.grid-item.fullscreen .twitter-action-btn svg{height:16px!important;width:16px!important}.grid-item.fullscreen .action-count{font-size:10px}.comment-section{max-height:60vh;max-width:100%;padding:16px}.grid-item.fullscreen .comment-section{bottom:56px;padding:8px}.comment,.comments-header{box-shadow:0 1px 4px #0000004d}.comment:last-child{box-shadow:none}.new-comment-input,.reply-input{border:none;box-shadow:0 0 4px #00000080;font-size:14px;padding:8px 12px}.new-comment-input:focus,.reply-input:focus{box-shadow:0 0 4px #1d9bf0b3}.send-reply-btn,.submit-comment-btn{height:36px;width:36px}.fab-container{bottom:16px;right:16px}.fab-main{font-size:20px;height:48px;width:48px}.fab-menu{bottom:60px}.fab-option{box-shadow:0 0 4px #00000080;font-size:13px;padding:6px 10px}.fab-modal-content,.quote-modal{box-shadow:0 4px 12px #0000004d,0 0 4px #00000080;max-width:400px;width:95%}.reply-form{box-shadow:0 1px 4px #0000004d}.replies-container{box-shadow:-2px 0 4px #0000004d}.new-comment-form{box-shadow:0 1px 4px #0000004d}.upload-status-container{top:12px;width:95%}.upload-error-item,.upload-progress-item{padding:8px}.upload-progress-header{font-size:13px}.media-text .text-content{font-size:15px;padding:8px}.document-info{padding:12px}.poll-options{gap:6px}.poll-option-content{padding:6px 10px}}@media (max-width:480px){.grid{gap:10px;grid-template-columns:1fr}.container{padding:8px}.media-header{padding:6px 10px 10px}.description-container{padding-right:60px}.carousel-nav{height:32px;width:32px}.carousel-counter{font-size:10px;padding:2px 4px}.fullscreen-carousel .carousel-nav{height:36px;width:36px}.fullscreen-carousel .prev-btn{left:6px}.fullscreen-carousel .next-btn{right:6px}.fullscreen-carousel .carousel-counter{font-size:10px;padding:2px 4px;right:6px;top:6px}.close-button{background:#f4212e;color:#fff;height:36px;padding:env(safe-area-inset-top,0) 6px 6px;right:6px;top:40px;width:36px}.close-button svg{height:18px;width:18px}.close-button:hover{background:#d91e27;color:#fff}.twitter-action-btn{font-size:10px;min-height:26px;padding:3px 5px}.action-count{font-size:9px}}.comment-section-comments{background:#0b1216;border-radius:10px;box-sizing:border-box;margin:0 auto;max-height:450px;max-width:600px;overflow-y:auto;padding:8px;width:100%}.comment-section-comments::-webkit-scrollbar{width:5px}.comment-section-comments::-webkit-scrollbar-track{background:#121a1f}.comment-section-comments::-webkit-scrollbar-thumb{background:#00b388;border-radius:5px}.comments-header-comments{margin-bottom:6px;text-align:center}.comments-title-comments{color:#f5faff;font-family:Inter,sans-serif;font-size:16px;font-weight:500;letter-spacing:.5px}.comments-list-comments{display:flex;flex-direction:column;gap:15px}.comment-comments{background:#121a1f;border-radius:8px;padding:6px;transition:transform .2s ease}.comment-header-comments{align-items:center;color:#95a8b8;display:flex;font-size:13px;gap:4px}.comment-header-actions-comments{align-items:center;display:flex;gap:4px;margin-left:auto}.comment-user-comments{color:#f5faff;font-weight:600}.comment-time-comments{color:#95a8b8;font-size:12px}.menu-container-comments{position:relative}.menu-btn-comments{background:none;border-radius:50%;color:#95a8b8;cursor:pointer;padding:6px;transition:all .2s ease}.menu-btn-comments:focus{outline:2px solid #00b388;outline-offset:2px}.menu-dropdown-comments{background:#121a1f;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:120px;padding:8px 0;position:absolute;right:0;top:100%;z-index:10}.menu-item-comments{background:none;border:none;color:#f5faff;cursor:pointer;display:block;font-size:13px;margin:2px 0;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.menu-item-comments:disabled{color:#95a8b8;cursor:not-allowed;opacity:.5}.menu-item-comments:focus{outline:2px solid #00b388;outline-offset:-2px}.comment-text-comments{color:#fff!important;font-family:Inter,sans-serif;font-size:14px;line-height:1.3;margin:0}.comment-actions-comments{display:flex;gap:6px;margin-top:0}.comment-like-btn-comments{align-items:center;background:none;border-radius:12px;color:#95a8b8;cursor:pointer;display:flex;gap:4px;padding:6px 10px;transition:all .2s ease}.comment-like-btn-comments.liked-comments{background:none;color:#00b388}.comment-like-btn-comments:focus{outline:none;outline-offset:2px}.reply-btn-comments{background:#0b1216;border-radius:12px;color:#95a8b8;cursor:pointer;padding:6px 10px;transition:all .2s ease}.reply-btn-comments:focus{outline:2px solid #1e4ed8;outline-offset:2px}.reply-form-comments{background:#121a1f;border-radius:8px;margin-top:5px;padding:6px}.reply-input-container-comments{align-items:center;display:flex;flex-direction:row;gap:4px}.reply-input-comments{background:#0b1216;border:none;border-radius:6px;color:#f5faff;flex:1 1;font-size:14px;order:1;padding:8px;transition:box-shadow .2s ease}.reply-input-comments:focus{box-shadow:0 0 6px #00b38899;outline:none}.send-reply-btn-comments{background:#00b388;border:none;border-radius:50%;color:#fff;cursor:pointer;order:2;padding:8px;transition:all .2s ease}.send-reply-btn-comments:disabled{cursor:not-allowed;opacity:.5}.send-reply-btn-comments:focus{outline:2px solid #fff;outline-offset:2px}.replies-container-comments{background:#121a1f;border-radius:8px;display:flex;flex-direction:column;gap:0;margin-top:5px;padding:4px 4px 4px 8px}.reply-comments{background:#182229;border-radius:6px;border-top:.5px solid #d3d3d34d;padding:4px}.reply-comments:first-child{border-top:none}.reply-header-comments{align-items:center;color:#95a8b8;display:flex;font-size:12px;gap:4px}.reply-user-comments{color:#f5faff;font-weight:600}.reply-time-comments{color:#95a8b8;font-size:11px}.reply-text-comments{color:#fff;font-size:13px;line-height:1.3;margin:0}.new-comment-form-comments{background:#121a1f;border-radius:8px;margin-bottom:30px;margin-top:6px;padding:6px}.new-comment-input-container-comments{align-items:center;display:flex;flex-direction:row;gap:4px}.new-comment-input-comments{background:#0b1216;border:none;border-radius:6px;color:#f5faff;flex:1 1;font-size:14px;order:1;padding:8px;transition:box-shadow .2s ease}.new-comment-input-comments:focus{box-shadow:none;outline:none}.submit-comment-btn-comments{background:#00b388;border:none;border-radius:50%;color:#fff;cursor:pointer;order:2;padding:8px;transition:all .2s ease}.submit-comment-btn-comments:disabled{cursor:not-allowed;opacity:.5}.submit-comment-btn-comments:focus{outline:2px solid #fff;outline-offset:2px}.character-count-comments{color:#95a8b8;font-size:12px;margin-bottom:12px;margin-top:2px;text-align:right}.comment-media-comments,.reply-media-comments{border-radius:8px;margin-top:4px;max-width:100%;overflow:hidden}.comment-media-img-comments,.preview-img-comments,.reply-media-img-comments{border-radius:6px;max-height:180px;max-width:100%;object-fit:cover;transition:transform .2s ease}.comment-media-video-comments,.preview-video-comments,.reply-media-video-comments{border-radius:6px;max-height:180px;max-width:100%}.media-preview-comments{margin-top:4px;max-width:100%;position:relative}.media-upload-btn-comments{background:none;border-radius:50%;color:#95a8b8;cursor:pointer;font-size:30px;order:0;padding:8px;transition:all .2s ease}.media-upload-btn-comments:focus{outline:2px solid #00b388;outline-offset:2px}.remove-media-btn-comments{align-items:center;background:#000c;border-radius:50%;color:#f5faff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .2s ease;width:22px}.remove-media-btn-comments:focus{outline:2px solid #fff;outline-offset:2px}@media (max-width:500px){.comment-section-comments{max-height:400px;max-width:100%;padding:6px}.comments-title-comments{font-size:14px}.comments-list-comments{gap:10px}.comment-comments,.reply-comments{padding:4px}.reply-comments{border-top:.1px solid #0b1216}.reply-comments:first-child{border-top:none}.comment-text-comments{color:#fff!important;font-size:13px;margin:0}.reply-text-comments{color:#fff;font-size:13px;margin:0}.comment-actions-comments{margin-top:0}.new-comment-input-comments,.reply-input-comments{font-size:13px;padding:6px}.comment-like-btn-comments,.reply-btn-comments{font-size:12px;padding:4px 8px}.menu-dropdown-comments{font-size:12px;min-width:100px;padding:6px 0}.menu-item-comments{font-size:12px;margin:2px 0;padding:8px 12px}}.containerPool{background-color:#0b1216;box-shadow:0 0 4px #00000080;margin:0 auto;max-width:1400px;padding:20px}.compact-containerPool{padding:10px}.gridPool{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-left:5px;max-width:94%;right:0}.grid-itemPool{border-radius:8px;box-shadow:0 2px 4px #0000004d,0 0 4px #00000080;overflow:hidden;position:relative;width:100%}.grid-itemPool,.grid-itemPool.fullscreenPool{background:#0b1216;display:flex;flex-direction:column}.grid-itemPool.fullscreenPool{align-items:center;box-shadow:none;box-sizing:border-box;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:0;position:fixed;top:0;width:100vw;z-index:1000}.media-sectionPool{cursor:pointer;flex-grow:1;position:relative;width:100%}.media-contentPool{border-radius:8px;display:block;height:auto;max-width:100%;object-fit:contain;width:100%}.grid-itemPool.fullscreenPool .media-sectionPool{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;height:100vh;justify-content:center;max-width:none;padding:0;width:100vw}.media-content-fullscreenPool,.quoted-media-fullscreenPool{border-radius:0;display:block;height:auto;max-height:100vh;object-fit:contain;width:100vw}.media-videoPool{position:relative;width:100%}.media-videoPool .media-contentPool{height:auto;max-width:100%;object-fit:contain;width:100%}.grid-itemPool.fullscreenPool .media-videoPool{height:auto;max-height:100vh;width:100vw}.media-videoPool .media-content-fullscreenPool{border-radius:0;height:auto;max-height:100vh;object-fit:contain;width:100vw}.video-play-iconPool{background:#0000004d;border-radius:50%;color:#e9edef;font-size:36px;left:50%;opacity:.9;padding:8px;position:absolute;text-shadow:0 0 12px #000c;top:50%;transform:translate(-50%,-50%)}.media-audioPool,.media-documentPool,.media-pollPool,.media-textPool{align-items:center;color:#e9edef;display:flex;flex-direction:column;padding:16px}.grid-itemPool.fullscreenPool .media-audioPool,.grid-itemPool.fullscreenPool .media-documentPool,.grid-itemPool.fullscreenPool .media-pollPool,.grid-itemPool.fullscreenPool .media-textPool{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:16px;width:100vw}.media-audioPool p,.media-documentPool p,.media-pollPool p,.media-textPool p{font-size:14px;margin:8px 0 0;text-align:center}.media-textPool .text-contentPool{font-size:16px;line-height:1.5;max-width:100%;white-space:pre-wrap}.media-headerPool{box-shadow:0 1px 4px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:12px 16px 16px;position:relative;width:100%}.fullscreen-headerPool{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1216f2;display:flex;justify-content:space-between;left:0;padding:12px 16px;position:fixed;top:0;width:100vw;z-index:1500}.user-infoPool{align-items:center;display:flex;gap:8px}.user-avatarPool{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-avatarPool.smallPool{height:24px;width:24px}.user-detailsPool{display:flex;flex-direction:column}.usernamePool{color:#e9edef;font-size:15px;font-weight:600}.handlePool{color:#8696a0;font-size:13px}.follow-buttonPool{background:#1d9bf0;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.follow-buttonPool:hover{background:#1a8cd8}.description-containerPool{margin-bottom:-15px;padding-right:80px;width:100%}.media-descriptionPool{word-wrap:break-word;color:#e9edef;font-size:14px;line-height:1.4;margin:0}.description-textPool{margin:0}.header-top-rightPool{align-items:center;display:flex;gap:0;justify-content:flex-end;position:absolute;right:0;top:0;z-index:3}.timestampPool{color:#8696a0;font-size:11px;font-weight:500;line-height:1;padding-right:4px;white-space:nowrap}.menu-buttonPool,.menu-containerPool{position:relative}.menu-buttonPool{align-items:center;background:none;border:none;border-radius:0;color:#a0a0a0;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:none;width:20px;z-index:5}.menu-buttonPool:hover{background-color:initial;color:#a0a0a0}.menu-buttonPool svg{height:16px!important;width:16px!important}.menu-panelPool{background:#0b1216;border-radius:6px;box-shadow:0 4px 12px #0000004d,0 0 4px #00000080;margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:10}.menu-itemPool{background:none;border:none;color:#e9edef;cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.menu-itemPool:hover{background:#ffffff0d}.menu-itemPool:first-child{border-radius:6px 6px 0 0}.menu-itemPool:last-child{border-radius:0 0 6px 6px}.close-buttonPool{align-items:center;background:#f4212e;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000080;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:1;padding:env(safe-area-inset-top,0) 10px 10px;position:fixed;right:10px;top:60px;transition:all .2s ease;width:48px;z-index:2000}.close-buttonPool svg{fill:#fff;height:24px;width:24px}.close-buttonPool:hover{background:#d91e27;color:#fff;transform:scale(1.1)}.quoted-postPool{background:#0b1216;border-radius:6px;box-shadow:0 0 4px #00000080;cursor:pointer;padding:8px}.grid-itemPool.fullscreenPool .quoted-postPool{border-radius:0;max-width:none;padding:8px;width:100vw}.quoted-headerPool{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.quoted-userPool{color:#1d9bf0;font-size:13px;font-weight:600}.quoted-handlePool{color:#8696a0;font-size:13px;margin-left:4px}.quoted-timePool{color:#8696a0;font-size:11px}.quoted-contentPool{margin-bottom:8px}.quoted-contentPool p{color:#e9edef;font-size:14px;line-height:1.4;margin:0}.quoted-mediaPool{border-radius:6px;display:block;height:auto;max-width:100%;object-fit:contain;width:100%}.quoted-videoPool{position:relative;width:100%}.quoted-videoPool .quoted-mediaPool{height:auto;max-width:100%;object-fit:contain;width:100%}.reactions-sectionPool{background:#0b1216;box-sizing:border-box;padding:8px 16px;width:100%}.grid-itemPool.fullscreenPool .reactions-sectionPool{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1216f2;bottom:0;box-shadow:0 -1px 4px #0000004d;box-sizing:border-box;left:0;max-width:none;padding:12px 10px;position:fixed;right:0;width:100vw;z-index:20}.twitter-actionsPool{gap:12px;justify-content:space-between;margin:0 auto;max-width:600px;padding:0;width:100%}.twitter-action-btnPool,.twitter-actionsPool{align-items:center;box-sizing:border-box;display:flex}.twitter-action-btnPool{background:none;border:none;border-radius:6px;color:#8696a0;cursor:pointer;flex-shrink:0;font-size:12px;gap:4px;justify-content:center;min-height:32px;padding:6px 8px;position:relative;transition:all .2s ease;white-space:nowrap}.twitter-action-btnPool.bookmark-btnPool,.twitter-action-btnPool.chat-btnPool,.twitter-action-btnPool.love-btnPool,.twitter-action-btnPool.quote-btnPool,.twitter-action-btnPool.views-countPool{gap:4px}.download-btnPool,.share-btnPool{height:36px;justify-content:center;padding:8px;width:36px}.twitter-action-btnPool:hover{background:#ffffff0d;color:#e9edef}.twitter-action-btnPool:hover .action-countPool{color:#e9edef}.love-btnPool.activePool{color:#f15e6c}.love-btnPool.activePool:hover{background:#f15e6c1a}.bookmark-btnPool.activePool,.quote-btnPool.activePool{color:#1d9bf0}.bookmark-btnPool:hover,.quote-btnPool:hover{background:#1d9bf01a}.download-btnPool{color:#8696a0!important}.download-btnPool:hover{background:#ffffff0d!important;color:#e9edef!important}.download-btnPool.disabledPool{cursor:not-allowed;opacity:.5;pointer-events:none}.action-countPool{color:#8696a0;font-size:10px;font-weight:500;line-height:1;min-width:16px;text-align:left}.grid-itemPool.fullscreenPool .action-countPool{font-size:11px}.grid-itemPool.fullscreenPool .twitter-actionsPool{gap:16px}.grid-itemPool.fullscreenPool .twitter-action-btnPool{min-height:36px;padding:8px 12px}.grid-itemPool.fullscreenPool .twitter-action-btnPool svg{height:20px!important;width:20px!important}.quote-modal-overlayPool{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.quote-modalPool{background:#0b1216;border-radius:12px;box-shadow:0 4px 12px #0000004d,0 0 4px #00000080;max-width:600px;padding:16px;width:90%}.quote-modal-headerPool{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quote-modal-headerPool h3{color:#e9edef;font-size:18px;margin:0}.close-btnPool{background:none;border:none;color:#e9edef;cursor:pointer;padding:4px}.close-btnPool:hover{color:#f4212e}.quote-formPool{display:flex;flex-direction:column;gap:12px}.quote-textareaPool{background:#1a252b;border:none;border-radius:8px;box-shadow:0 0 4px #00000080;color:#e9edef;font-size:14px;margin-bottom:12px;min-height:100px;outline:none;padding:12px;resize:vertical;width:100%}.quote-textareaPool:focus{box-shadow:0 0 4px #1d9bf0b3}.quoted-media-previewPool{background:#0b1216;border-radius:8px;box-shadow:0 0 4px #00000080;padding:8px}.quoted-media-headerPool{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.quoted-media-thumbPool{border-radius:6px;height:auto;max-width:150px;object-fit:contain}.quoted-video-thumbPool{max-width:150px;position:relative}.quoted-video-thumbPool .quoted-media-thumbPool{height:auto;max-width:100%}.quoted-video-thumbPool .play-overlayPool{background:#0000004d;border-radius:50%;color:#e9edef;font-size:24px;left:50%;opacity:.9;padding:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.quote-modal-footerPool{align-items:center;display:flex;justify-content:space-between}.char-countPool{color:#8696a0;font-size:12px}.quote-actionsPool{display:flex;gap:8px}.cancel-btnPool,.submit-btnPool{border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.cancel-btnPool{background:#2a3942;color:#e9edef}.cancel-btnPool:hover{background:#3a4a52}.submit-btnPool{background:#1d9bf0;color:#fff}.submit-btnPool:hover:not(:disabled){background:#1a8cd8}.submit-btnPool:disabled{cursor:not-allowed;opacity:.5}.comment-sectionPool{background:#0b1216;box-shadow:0 -1px 4px #0000004d;box-sizing:border-box;margin:0 auto;max-height:50vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:100%;z-index:15}.comment-sectionPool:not(.activePool){display:none}.grid-itemPool.fullscreenPool .comment-sectionPool{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1216f2;bottom:64px;box-shadow:0 -1px 4px #0000004d;left:0;max-width:none;min-height:100px;padding:10px;position:fixed;right:0;width:100vw;z-index:25}.comment-sectionPool::-webkit-scrollbar,.grid-itemPool.fullscreenPool::-webkit-scrollbar{width:8px}.comment-sectionPool::-webkit-scrollbar-track,.grid-itemPool.fullscreenPool::-webkit-scrollbar-track{background:#1a252b;border-radius:4px}.comment-sectionPool::-webkit-scrollbar-thumb,.grid-itemPool.fullscreenPool::-webkit-scrollbar-thumb{background:#40444b;border-radius:4px}.comment-sectionPool::-webkit-scrollbar-thumb:hover,.grid-itemPool.fullscreenPool::-webkit-scrollbar-thumb:hover{background:#555}.skeleton-cardPool{animation:pulse 1.5s infinite;background:#1a252b;border-radius:8px;box-shadow:0 0 4px #00000080;height:250px;width:100%}.skeleton-userPool{background:#2a3942;height:40px;margin:12px 16px}.skeleton-mediaPool{background:#2a3942;height:200px;width:100%}.skeleton-actionsPool{background:#2a3942;height:50px}@media (max-width:768px){.containerPool{box-shadow:0 0 4px #00000080;padding:12px}.gridPool{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-itemPool.fullscreenPool{padding:0}.grid-itemPool{box-shadow:0 2px 4px #0000004d,0 0 4px #00000080}.grid-itemPool.fullscreenPool .media-sectionPool{padding:0}.media-headerPool{box-shadow:0 1px 4px #0000004d;padding:8px 12px 12px}.description-containerPool{padding-right:70px}.timestampPool{font-size:10px;padding-right:3px}.menu-buttonPool{height:18px;width:18px}.menu-buttonPool svg{height:14px!important;width:14px!important}.close-buttonPool{background:#f4212e;color:#fff;height:40px;padding:env(safe-area-inset-top,0) 8px 8px;right:8px;top:48px;width:40px}.close-buttonPool svg{height:20px;width:20px}.close-buttonPool:hover{background:#d91e27;color:#fff}.reactions-sectionPool{padding:10px 16px}.grid-itemPool.fullscreenPool .reactions-sectionPool{padding:10px}.twitter-actionsPool{gap:8px;max-width:100%}.twitter-action-btnPool{font-size:11px;min-height:28px;padding:4px 6px}.download-btnPool,.share-btnPool{height:32px;padding:6px;width:32px}.grid-itemPool.fullscreenPool .twitter-actionsPool{gap:12px}.grid-itemPool.fullscreenPool .twitter-action-btnPool{min-height:32px;padding:6px 8px}.grid-itemPool.fullscreenPool .twitter-action-btnPool svg{height:16px!important;width:16px!important}.grid-itemPool.fullscreenPool .action-countPool{font-size:10px}.comment-sectionPool{max-height:60vh;max-width:100%;padding:16px}.grid-itemPool.fullscreenPool .comment-sectionPool{bottom:56px;padding:8px}.quote-modalPool{box-shadow:0 4px 12px #0000004d,0 0 4px #00000080;max-width:400px;width:95%}.media-textPool .text-contentPool{font-size:15px;padding:8px}}@media (max-width:480px){.gridPool{gap:10px;grid-template-columns:1fr}.containerPool{padding:8px}.media-headerPool{padding:6px 10px 10px}.description-containerPool{padding-right:60px}.close-buttonPool{background:#f4212e;color:#fff;height:36px;padding:env(safe-area-inset-top,0) 6px 6px;right:6px;top:40px;width:36px}.close-buttonPool svg{height:18px;width:18px}.close-buttonPool:hover{background:#d91e27;color:#fff}.twitter-action-btnPool{font-size:10px;min-height:26px;padding:3px 5px}.action-countPool{font-size:9px}}.fab-container-FABP{bottom:16px;position:fixed;right:16px;z-index:1000}.chatme-profile-modal-container .fab-container-FABP{bottom:18px;position:absolute;right:18px;z-index:1100}.fab-main-FABP{align-items:center;background-color:#00a884;border:none;border-radius:50%;box-shadow:0 4px 16px #0003;color:#e9edef;cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;outline:none;transition:all .3s ease;width:48px}.fab-main-FABP:hover{background-color:#008a6d;transform:scale(1.1)}.fab-main-FABP.open{background-color:#00a884;transform:rotate(45deg)}.fab-main-FABP.open:hover{background-color:#008a6d}.fab-menu-FABP{grid-gap:10px;animation:fabMenuFadeInFABP .2s ease-out;background-color:#0b1216;border-radius:8px;bottom:64px;box-shadow:0 4px 20px #0000004d,0 0 4px #00000080;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(140px,1fr));min-width:300px;padding:14px;position:absolute;right:0;transform-origin:bottom right;width:300px;z-index:1001}.fab-menu-item-FABP{align-items:center;background:none;border:none;border-radius:6px;box-sizing:border-box;color:#e9edef;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:flex-start;padding:12px 14px;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.fab-menu-item-FABP:hover{background-color:#2a3942}.fab-icon-FABP{align-items:center;color:#00a884;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;margin-right:12px;width:20px}.fab-label-FABP{flex:1 1;font-weight:500;overflow:visible;text-overflow:clip;white-space:nowrap}.fab-modal-overlay-FABP{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.fab-modal-FABP{background-color:#0b1216;border-radius:10px;box-shadow:0 4px 12px #0000004d,0 0 4px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:90%;overflow:hidden;width:450px}.fab-modal-header-FABP{align-items:center;box-shadow:0 1px 4px #0000004d;display:flex;justify-content:space-between;padding:14px 18px}.fab-modal-header-FABP h3{color:#e9edef;font-size:18px;font-weight:600;margin:0}.fab-modal-close-FABP{background:none;border:none;color:#e9edef;cursor:pointer;font-size:22px;padding:4px;transition:color .2s ease}.fab-modal-close-FABP:hover{color:#00a884}.fab-modal-content-FABP{align-items:stretch;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:18px;text-align:left}.error-message-FABP{color:#ff4d4d;font-size:13px;margin-bottom:12px;text-align:center}.poll-options-FABP{margin-bottom:16px}.poll-option-FABP{align-items:center;display:flex;margin-bottom:12px}.poll-option-input-FABP{background-color:#1a252a;border:none;border-radius:6px;box-shadow:0 0 4px #00000080;color:#e9edef;flex:1 1;font-size:14px;margin-right:8px;padding:8px}.remove-option-btn-FABP{align-items:center;background:#ff4d4d;border:none;border-radius:50%;color:#e9edef;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.remove-option-btn-FABP:hover{background-color:#cc3d3d}.add-option-btn-FABP{background:#00a884;border:none;border-radius:6px;color:#e9edef;cursor:pointer;font-size:13px;margin-top:8px;padding:8px 12px;transition:background-color .2s ease}.add-option-btn-FABP:hover{background-color:#008a6d}.text-input-FABP{min-height:120px}.description-input-FABP,.text-input-FABP{background-color:#1a252a;border:none;border-radius:6px;box-shadow:0 0 4px #00000080;color:#e9edef;font-size:14px;margin-bottom:16px;padding:10px;resize:vertical;width:100%}.description-input-FABP{min-height:80px}.media-input-FABP{background-color:#1a252a;border:none;border-radius:6px;box-shadow:0 0 4px #00000080;color:#e9edef;cursor:pointer;font-size:14px;margin-bottom:16px;padding:10px;width:100%}.media-input-FABP::-webkit-file-upload-button{background:#00a884;border:none;border-radius:6px;color:#e9edef;cursor:pointer;padding:8px 12px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.media-input-FABP::-webkit-file-upload-button:hover{background:#008a6d}.media-preview-FABP{display:flex;justify-content:center;margin-bottom:16px}.media-preview-item-FABP{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.media-preview-img-FABP,.media-preview-video-FABP{border-radius:6px;max-height:100%;max-width:100%;object-fit:contain}.media-preview-audio-FABP{max-width:300px;width:100%}.document-preview-FABP{align-items:center;background-color:#1a252a;border-radius:6px;box-shadow:0 0 4px #00000080;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;text-align:center;width:100%}.document-preview-FABP span{color:#e9edef;font-size:12px;margin-top:8px;word-break:break-all}.document-preview-FABP svg{color:#00a884;font-size:24px}.remove-media-btn-FABP{align-items:center;background:#ff4d4d;border:none;border-radius:50%;color:#e9edef;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:background-color .2s ease;width:24px}.remove-media-btn-FABP:hover{background-color:#cc3d3d}.action-btn-FABP{background-color:#00a884;border:none;border-radius:6px;color:#e9edef;cursor:pointer;font-size:14px;font-weight:500;padding:12px 18px;transition:background-color .2s ease;width:100%}.action-btn-FABP:hover{background-color:#008a6d}.action-btn-FABP:disabled{background-color:#2a3942;cursor:not-allowed}@keyframes fabMenuFadeInFABP{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.fab-container-FABP{bottom:14px;right:14px}.fab-main-FABP{font-size:24px;height:44px;width:44px}.fab-menu-FABP{bottom:60px;box-shadow:0 4px 20px #0000004d,0 0 4px #00000080;gap:8px;grid-template-columns:repeat(2,minmax(120px,1fr));min-width:260px;padding:12px;right:0;width:260px}.fab-menu-item-FABP{font-size:13px;padding:10px 12px}.fab-icon-FABP{font-size:18px;height:18px;width:18px}.fab-modal-FABP{box-shadow:0 4px 12px #0000004d,0 0 4px #00000080;max-height:85vh;width:95%}.fab-modal-header-FABP{box-shadow:0 1px 4px #0000004d;padding:12px 16px}.fab-modal-content-FABP{padding:14px}.media-preview-item-FABP{height:80px;width:80px}.media-preview-audio-FABP{max-width:250px}.document-preview-FABP span{font-size:11px}}.poll-modalChatmeGroups-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.poll-modalChatmeGroups{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:90%}.poll-modalChatmeGroups-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.poll-modalChatmeGroups-title{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:12px}.poll-modalChatmeGroups-title svg{color:#007bff;font-size:24px}.poll-modalChatmeGroups-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:background .2s,color .2s}.poll-modalChatmeGroups-close:hover{background:#f0f0f0;color:#333}.poll-modalChatmeGroups-content{flex:1 1;overflow-y:auto;padding:20px}.poll-inputChatmeGroups-group{margin-bottom:24px;position:relative}.poll-inputChatmeGroups-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.poll-questionChatmeGroups-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.poll-questionChatmeGroups-input:focus{border-color:#007bff;outline:none}.poll-charChatmeGroups-count{bottom:-20px;color:#999;font-size:12px;position:absolute;right:12px}.poll-optionsChatmeGroups-section{margin-bottom:24px}.poll-optionsChatmeGroups-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.poll-optionChatmeGroups-input-row{display:flex;gap:8px;margin-bottom:12px}.poll-optionChatmeGroups-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .2s}.poll-optionChatmeGroups-input:focus{border-color:#007bff;outline:none}.poll-removeChatmeGroups-option{align-items:center;background:#fee;border:none;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;justify-content:center;padding:0 12px;transition:background .2s}.poll-removeChatmeGroups-option:hover{background:#fdd}.poll-addChatmeGroups-option{align-items:center;background:#f0f8ff;border:2px dashed #007bff;border-radius:8px;color:#007bff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:background .2s,border-color .2s;width:100%}.poll-addChatmeGroups-option:hover{background:#e6f2ff;border-color:#0056b3}.poll-settingsChatmeGroups{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.poll-checkboxChatmeGroups-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;-webkit-user-select:none;user-select:none}.poll-checkboxChatmeGroups-label input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:18px;width:18px}.poll-modalChatmeGroups-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:16px 20px}.poll-cancelChatmeGroups-btn,.poll-createChatmeGroups-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.poll-cancelChatmeGroups-btn{background:#f0f0f0;color:#666}.poll-cancelChatmeGroups-btn:hover{background:#e0e0e0}.poll-createChatmeGroups-btn{background:#007bff;color:#fff}.poll-createChatmeGroups-btn:hover{background:#0056b3}@media (max-width:600px){.poll-modalChatmeGroups{max-height:95vh;width:95%}.poll-modalChatmeGroups-content,.poll-modalChatmeGroups-header{padding:16px}.poll-modalChatmeGroups-title{font-size:18px}}.chatme-profile-viewer-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000d9,#0b1216f2);bottom:0;box-sizing:border-box;color:#e9edef;display:flex;justify-content:center;left:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:1000}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}.chatme-profile-viewer-overlay::-webkit-scrollbar{display:none}.chatme-profile-viewer-overlay{-ms-overflow-style:none;scrollbar-width:none}.chatme-profile-modal-container{animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#0d1418,#0b1216);border:1px solid #2a394299;border-radius:20px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;margin:20px;max-height:95vh;max-width:900px;overflow:hidden;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chatme-profile-page-view{background:linear-gradient(180deg,#0d1418,#0b1216);color:#e9edef;overflow:hidden;position:relative}.chatme-profile-page-content,.chatme-profile-page-view{display:flex;flex-direction:column;height:100%;width:100%}.chatme-profile-page-content{overflow-y:auto}.chatme-profile-viewer-overlay.page-view{align-items:stretch!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(180deg,#0d1418,#0b1216)!important;background-image:none!important;bottom:auto!important;display:flex!important;justify-content:stretch!important;left:auto!important;min-height:100vh!important;overflow-y:auto!important;position:static!important;right:auto!important;top:auto!important;z-index:auto!important}.chatme-profile-modal-container.page-view,.chatme-profile-viewer-overlay.page-view{animation:none!important;height:100%!important;margin:0!important;padding:0!important;width:100%!important}.chatme-profile-modal-container.page-view{background:linear-gradient(180deg,#0d1418,#0b1216)!important;border:none!important;border-radius:0!important;box-shadow:none!important;max-height:100%!important;max-width:100%!important}.chatme-profile-viewer-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1216f2;border-bottom:1px solid #2a394280;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:16px 24px;position:relative;width:100%;z-index:10}.chatme-header-title h2{color:#e9edef;font-size:18px;font-weight:600;letter-spacing:-.2px;margin:0}.chatme-close-button{align-items:center;background:#ffffff0a;border:none;border-radius:12px;color:#00a884;cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.chatme-close-button:hover{background:#00a8841f;transform:translateX(-2px)}.chatme-profile-actions-button{align-items:center;background:#ffffff0a;border:none;border-radius:12px;color:#8696a0;cursor:pointer;display:flex;font-size:22px;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.chatme-profile-actions-button:hover{background:#ffffff14;color:#e9edef}.chatme-profile-actions-placeholder{height:40px;width:40px}.chatme-profile-actions-menu{animation:menuSlideIn .2s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#111b21,#0b1216);border-radius:12px;box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0f;min-width:180px;overflow:hidden;padding:8px;position:absolute;right:24px;top:calc(100% + 8px);transform-origin:top right;z-index:1001}@keyframes menuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.chatme-profile-actions-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:#e9edef;cursor:pointer;display:flex;font-size:15px;font-weight:500;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.chatme-profile-actions-menu button:hover{background:#ffffff14;transform:translateX(2px)}.chatme-profile-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:flex-start;overflow-y:auto;padding:24px 20px 80px;width:100%}.chatme-profile-content::-webkit-scrollbar{width:6px}.chatme-profile-content::-webkit-scrollbar-track{background:#0000}.chatme-profile-content::-webkit-scrollbar-thumb{background:#2a394280;border-radius:10px}.chatme-profile-content::-webkit-scrollbar-thumb:hover{background:#2a3942b3}.chatme-profile-image-container{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:180px;justify-content:center;margin-bottom:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:180px}.chatme-profile-image-container:hover{transform:scale(1.05)}.chatme-profile-image{border:3px solid #00a88433;border-radius:50%;box-shadow:0 8px 32px #0006,0 0 0 4px #00a8841a;height:100%;object-fit:cover;width:100%}.chatme-profile-online-indicator{align-items:center;background:#0b1216;border-radius:50%;bottom:12px;display:flex;height:20px;justify-content:center;padding:3px;position:absolute;right:12px;width:20px}.chatme-online-dot{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00d4a0,#00a884);border-radius:50%;box-shadow:0 0 0 3px #00a88433,0 0 12px #00d4a066;height:14px;width:14px}.chatme-profile-info{align-items:center;display:flex;flex-direction:column;gap:14px;padding:0;text-align:center;width:100%}.chatme-profile-info h2{color:#e9edef;font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.profile-header-bio{color:#a0aec0;font-size:15px!important;font-style:italic;line-height:1.5;margin:0!important;max-width:600px;padding:0 16px}.chatme-profile-email{color:#00a884;font-size:14px!important;font-weight:500;margin:-4px 0 0!important}.chatme-profile-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;gap:32px;max-width:500px;padding:16px 20px;width:100%}.chatme-profile-stats,.chatme-profile-stats span{align-items:center;display:flex;justify-content:center}.chatme-profile-stats span{color:#8696a0;flex-direction:column;font-size:13px;font-weight:500;gap:4px;text-transform:capitalize}.chatme-profile-stats strong{color:#e9edef;display:block;font-size:22px;font-weight:700;letter-spacing:-.5px}.chatme-profile-details-wrapper{align-items:center;display:flex;margin:0;max-width:100%;padding:0 40px;position:relative;width:100%}.chatme-padlock-container{display:flex;justify-content:center;padding:16px;width:100%}.chatme-padlock-button{align-items:center;background:linear-gradient(135deg,#00a8841a,#00d4a00d);border:2px solid #00a8844d;border-radius:14px;color:#00a884;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatme-padlock-button:hover{background:linear-gradient(135deg,#00a88426,#00d4a01a);border-color:#00a88480;box-shadow:0 8px 16px #00a88433;transform:translateY(-2px)}.chatme-profile-details-container{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;flex-direction:row;gap:14px;overflow-x:auto;padding:14px 4px;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.chatme-profile-details-container::-webkit-scrollbar{height:5px}.chatme-profile-details-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.chatme-profile-details-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2a394299,#00a88466);border-radius:10px}.chatme-profile-details-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#2a3942cc,#00a88499)}.chatme-profile-detail-card{animation:fadeInUp .5s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 4px 16px #0003;flex-shrink:0;min-width:180px;padding:14px;scroll-snap-align:start;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatme-profile-detail-card:hover{border-color:#00a8844d;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.chatme-profile-detail-card-empty{border-style:dashed;opacity:.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatme-profile-detail-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:8px;margin-bottom:10px;padding-bottom:8px}.chatme-profile-detail-icon{color:#00a884;flex-shrink:0;font-size:18px}.chatme-profile-detail-header h4{color:#e9edef;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.chatme-profile-detail-content{color:#c7d5e0;font-size:13px;line-height:1.6;overflow-wrap:break-word;word-break:break-word}.chatme-profile-detail-content p{margin:0}.chatme-links-list{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0}.chatme-links-list li{margin:0}.chatme-link-item,.chatme-link-item a{color:#00d4a0;display:block;font-size:12px;overflow:hidden;padding:3px 0;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.chatme-link-item a:hover,.chatme-link-item:hover{color:#00e6b3;text-decoration:underline;transform:translateX(2px)}.chatme-profile-details-nav{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;color:#00a884;cursor:pointer;display:flex;height:36px;justify-content:center;padding:10px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);width:36px;z-index:10}.chatme-profile-details-nav:hover{background:#00a88426;border-color:#00a8844d;transform:translateY(-50%) scale(1.1)}.chatme-profile-details-nav-left{left:0}.chatme-profile-details-nav-right{right:0}.chatme-profile-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1216cc;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:6px;overflow-x:auto;padding:6px 12px;position:-webkit-sticky;position:sticky;scroll-behavior:smooth;top:0;white-space:nowrap;width:100%;z-index:11}.chatme-profile-tabs::-webkit-scrollbar{height:3px}.chatme-profile-tabs::-webkit-scrollbar-track{background:#0000}.chatme-profile-tabs::-webkit-scrollbar-thumb{background:#2a394280;border-radius:10px}.chatme-tab-button{background:#0000;border:none;border-radius:10px;color:#8696a0;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;min-width:90px;padding:10px 18px;text-align:center;text-transform:capitalize;transition:all .2s cubic-bezier(.4,0,.2,1)}.chatme-tab-button.active{background:linear-gradient(135deg,#00a88433,#00d4a01a);border:1px solid #00a8844d;box-shadow:0 2px 8px #00a88433;color:#fff;font-weight:600}.chatme-tab-button:hover:not(.active){background:#ffffff0a;color:#e9edef}.chatme-tab-content-container{background:#0000;flex:1 1;overflow-y:auto;padding:0;width:100%}.chatme-tab-content-container::-webkit-scrollbar{width:6px}.chatme-tab-content-container::-webkit-scrollbar-track{background:#0000}.chatme-tab-content-container::-webkit-scrollbar-thumb{background:#2a394280;border-radius:10px}.chatme-tab-content{display:flex;flex-direction:column;gap:14px;min-height:250px;padding:16px 0}.chatme-tab-content h4{color:#e9edef;font-size:15px;font-weight:600;margin:0 0 8px}.chatme-profile-detail-text{color:#a0aec0;font-size:14px;line-height:1.6;margin:0;padding:32px 16px;text-align:center}.chatme-profile-media-panel{width:100%}.chatme-avatar-fullscreen-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000eb,#0b1216f5);bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1002}.chatme-avatar-fullscreen-container{align-items:center;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0b1216f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 32px 64px #0009;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:auto;padding:24px;position:relative;width:90vw}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.chatme-avatar-fullscreen-image{-webkit-user-drag:none;border-radius:14px;box-shadow:0 12px 48px #0009;max-height:60vh;max-width:100%;transform-origin:center center;transition:transform .15s ease-out;-webkit-user-select:none;user-select:none;width:auto;will-change:transform}.chatme-avatar-fullscreen-footer{color:#fff;margin-top:20px;max-width:600px;text-align:center;width:100%}.chatme-avatar-fullscreen-footer h3{font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.chatme-avatar-fullscreen-footer p{color:#a0aec0;font-size:15px;line-height:1.5;margin:0 0 20px}.chatme-avatar-controls{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-top:16px}.chatme-zoom-controls{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:12px;padding:12px 20px}.chatme-zoom-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#2a3942,#00a884);border-radius:10px;height:6px;outline:none;width:200px}.chatme-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0006;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.chatme-zoom-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 12px #00a88466;transform:scale(1.2)}.chatme-avatar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chatme-avatar-action-button{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:44px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.chatme-avatar-action-button:hover{background:#ffffff1f;border-color:#00a8844d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.chatme-avatar-close-button{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:12px;position:absolute;right:16px;top:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.chatme-avatar-close-button:hover{background:#ffffff1f;transform:rotate(90deg)}.chatme-fab-container{bottom:20px;position:fixed;right:20px;z-index:100}@media (max-width:768px){.chatme-profile-modal-container{border-radius:16px;margin:10px}.chatme-profile-viewer-header{padding:12px 16px}.chatme-header-title h2{font-size:16px}.chatme-profile-content{gap:16px;padding:20px 16px 80px}.chatme-profile-image-container{height:140px;width:140px}.chatme-profile-info h2{font-size:22px}.profile-header-bio{font-size:14px!important}.chatme-profile-stats{gap:20px;padding:14px 16px}.chatme-profile-stats strong{font-size:20px}.chatme-profile-stats span{font-size:12px}.chatme-profile-details-wrapper{padding:0 20px}.chatme-profile-detail-card{min-width:160px;padding:12px}.chatme-profile-detail-content,.chatme-profile-detail-header h4{font-size:12px}.chatme-profile-tabs{padding:5px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:11}.chatme-tab-button{font-size:13px;min-width:80px;padding:8px 16px}.chatme-avatar-fullscreen-container{padding:20px}.chatme-zoom-slider{width:150px}.chatme-fab-container{bottom:16px;right:16px}}@media (max-width:480px){.chatme-profile-modal-container{border-radius:12px;margin:5px;max-height:98vh}.chatme-profile-viewer-header{min-height:50px;padding:10px 12px}.chatme-header-title h2{font-size:15px}.chatme-close-button,.chatme-profile-actions-button{font-size:18px;min-height:36px;min-width:36px;padding:8px}.chatme-profile-content{gap:14px;padding:16px 12px 80px}.chatme-profile-image-container{height:120px;width:120px}.chatme-profile-info h2{font-size:20px}.profile-header-bio{padding:0 12px}.chatme-profile-email,.profile-header-bio{font-size:13px!important}.chatme-profile-stats{gap:16px;max-width:100%;padding:12px 14px}.chatme-profile-stats strong{font-size:18px}.chatme-profile-stats span{font-size:11px}.chatme-profile-details-wrapper{padding:0 10px}.chatme-profile-details-nav{display:none}.chatme-profile-detail-card{min-width:140px;padding:10px}.chatme-link-item,.chatme-link-item a,.chatme-profile-detail-content,.chatme-profile-detail-header h4{font-size:11px}.chatme-profile-tabs{gap:4px;padding:4px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:11}.chatme-tab-button{font-size:12px;min-width:70px;padding:7px 14px}.chatme-tab-content{min-height:200px;padding:12px 0}.chatme-avatar-fullscreen-container{padding:16px}.chatme-avatar-fullscreen-image{max-height:50vh}.chatme-zoom-controls{gap:8px;padding:10px 16px}.chatme-zoom-slider{width:120px}.chatme-avatar-action-button{font-size:13px;min-width:40px;padding:10px 14px}.chatme-fab-container{bottom:48px;right:12px}}@media (max-width:360px){.chatme-profile-modal-container{border-radius:10px;margin:0}.chatme-profile-viewer-header{padding:8px 10px}.chatme-header-title h2{font-size:14px}.chatme-profile-content{padding:12px 10px 80px}.chatme-profile-image-container{height:100px;width:100px}.chatme-profile-info h2{font-size:18px}.profile-header-bio{font-size:12px!important}.chatme-profile-stats{gap:12px;padding:10px 12px}.chatme-profile-stats strong{font-size:16px}.chatme-profile-stats span{font-size:10px}.chatme-profile-detail-card{min-width:120px;padding:8px}.chatme-profile-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:11}.chatme-tab-button{font-size:11px;min-width:60px;padding:6px 12px}.chatme-zoom-slider{width:100px}}@media (min-width:1200px){.chatme-profile-modal-container{max-width:1000px}.chatme-profile-image-container{height:200px;width:200px}.chatme-profile-info h2{font-size:28px}.chatme-profile-details-wrapper{padding:0 50px}.chatme-profile-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:11}.chatme-fab-container{bottom:24px;right:24px}}.profile-viewer{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-direction:column;margin-bottom:24px;padding:20px 0;text-align:center}.profile-avatar img{border:4px solid #f0f0f0;border-radius:50%;height:120px;margin-bottom:16px;object-fit:cover;width:120px}.profile-basic-info{flex:1 1}.profile-name{color:#333;font-size:28px;font-weight:700;margin:0 0 8px}.profile-title{color:#666;font-size:18px;margin:0 0 4px}.profile-location{color:#888;font-size:16px;margin:0}.profile-content{display:flex;flex-direction:column;gap:28px}.profile-section h2{color:#333;font-size:20px;font-weight:600;margin:0 0 16px}.profile-bio{color:#555;font-size:16px;line-height:1.6;margin:0}.profile-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around}.stat-item{align-items:center;display:flex;flex-direction:column;min-width:80px}.stat-value{color:#2c7be5;font-size:24px}.stat-label{color:#888;font-size:14px;margin-top:4px}.skills-container{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#eef2f7;border-radius:20px;color:#495057;font-size:14px;font-weight:500;padding:6px 12px}.contact-info{gap:12px}.contact-item{display:flex;flex-direction:column}.contact-label{color:#888;font-size:14px;margin-bottom:4px}.contact-value{color:#333;font-size:16px;font-weight:500}@media (min-width:768px){.profile-header{align-items:flex-start;flex-direction:row;text-align:left}.profile-avatar{margin-right:24px}.profile-avatar img{height:140px;width:140px}.contact-item{flex-direction:row;justify-content:space-between}.contact-label{margin-bottom:0}}@media (min-width:1024px){.profile-viewer{padding:32px}.profile-name{font-size:32px}.profile-stats{justify-content:flex-start}}.fab-container{bottom:16px;position:absolute;right:16px;transition:right .3s ease;z-index:1000}.fab-main{align-items:center;background-color:initial;border:none;border-radius:50%;box-shadow:0 4px 12px #000000f2;color:#0d8659;cursor:pointer;display:flex;font-size:26px;height:32px;justify-content:center;outline:none;position:relative;transition:all .3s ease;width:32px}.fab-main:hover{background-color:initial;transform:scale(1.1)}.fab-main.open{transform:rotate(45deg)}.fab-main.open,.fab-main.open:hover{background-color:initial}.fab-menu{animation:fabMenuFadeIn .2s ease-out;background-color:#0b1216;border-radius:8px;bottom:40px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:4px;min-width:160px;padding:8px;position:absolute;right:0;transform-origin:bottom right;width:160px;z-index:1001}.fab-menu-item{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box;color:#a9adb0;cursor:pointer;display:flex;font-size:12px;justify-content:flex-start;padding:10px 12px;text-align:left;transition:background-color .2s;white-space:nowrap;width:100%}.fab-menu-item:hover{background-color:#2a3942}.fab-icon{align-items:center;color:#0d8659;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;margin-right:12px;width:20px}.fab-label{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-chats-panel{align-items:center;animation:panelFadeIn .25s ease-out;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#00000080;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100vw;z-index:1002}.new-chats-container{background-color:#0b1216;border:none;border-radius:14px;box-shadow:0 20px 60px #000000b3,inset 0 0 1px #d4d9dd05;box-sizing:border-box;display:flex;flex-direction:column;max-height:70vh;max-width:360px;overflow:hidden;width:100%}@media (max-width:768px){.new-chats-panel{padding:16px}.new-chats-container{border-radius:12px;max-height:75vh;max-width:90%}}@media (max-width:600px){.new-chats-panel{padding:16px}.new-chats-container{border-radius:10px;max-height:75vh;max-width:90%}}@media (max-width:480px){.new-chats-panel{padding:16px}.new-chats-container{max-height:75vh;max-width:92%}}.new-chats-header{background:#0000;border-bottom:none;box-shadow:none;gap:10px;justify-content:space-between;padding:14px 16px 8px;position:relative;z-index:11}.header-top,.new-chats-header{align-items:center;display:flex;flex-shrink:0}.header-top{gap:8px;justify-content:flex-start;order:1;width:auto}.new-chats-header h3{color:#a0a8af;flex-shrink:0;font-size:14px;font-weight:600;margin:0;white-space:nowrap}.new-chats-header .close-btn{flex-shrink:0;margin:0;order:3;position:relative;right:auto;top:auto}.new-chats-header .search-input-wrapper{flex:1 1;margin-top:0;max-width:100%;min-width:160px;order:2}.close-btn{flex-shrink:0;font-size:20px;min-height:32px;min-width:32px;padding:6px;position:absolute;right:10px;top:10px;z-index:12}.close-btn:hover{background-color:#d4d9dd0f;color:#00a884;transform:rotate(90deg) scale(1.15)}.close-btn:active{background-color:#d4d9dd17;transform:rotate(90deg) scale(.95)}@media (max-width:600px){.new-chats-header{padding:12px}.new-chats-header h3{font-size:18px}.close-btn{font-size:22px;min-height:40px;min-width:40px;padding:4px}}.contact-error{background-color:#ff6b6b1a;border-left:3px solid #ff6b6b;box-sizing:border-box;color:#ff6b6b;font-size:13px;margin-bottom:12px;padding:10px 12px}@media (max-width:600px){.contact-error{font-size:12px;margin-bottom:10px;padding:8px 10px}}.search-input-wrapper{box-sizing:border-box;flex-basis:100%;margin-bottom:8px;margin-top:6px;order:2;padding:0 16px;width:100%}.search-input-wrapper .search-icon{display:none}.search-input-wrapper input{background-color:#d4d9dd03;border:1px solid #2a3942;border-radius:6px;box-sizing:border-box;color:#e9edef;font-size:13px;outline:none;padding:6px 8px;transition:all .15s;width:100%}.search-input-wrapper input::placeholder{color:#8696a0;font-size:.75rem}.search-input-wrapper input:focus{border-color:#0eecc0;outline:none}.search-input-wrapper input:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.search-input-wrapper{border-radius:6px}.search-input-wrapper input{font-size:13px;padding:6px 12px 6px 36px}.search-input-wrapper .search-icon{font-size:14px}}.new-chats-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100%}.new-chats-content::-webkit-scrollbar{width:5px}.new-chats-content::-webkit-scrollbar-track{background:#0000}.new-chats-content::-webkit-scrollbar-thumb{background:#d4d9dd0f;border-radius:2.5px}.new-chats-content::-webkit-scrollbar-thumb:hover{background:#d4d9dd17}@media (max-width:600px){.new-chats-content{padding:10px}}@keyframes panelFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fab-contact-list{display:flex;flex-direction:column;gap:0;width:100%}.fab-contact-list h5{color:#8696a0;display:none;font-size:11px;font-weight:600;letter-spacing:.8px;margin:0;text-transform:uppercase}.contact-item,.fab-contact-list h5{align-items:center;background:#0000;gap:12px;padding:10px 16px}.contact-item{grid-gap:12px;box-shadow:inset 0 -1px 0 #d4d9dd03;box-sizing:border-box;display:grid;grid-template-columns:40px 1fr 50px;position:relative;transition:background-color .15s ease}.contact-item,.contact-item:last-child{border-bottom:none}.contact-item:hover{background:#0eecc00f}.contact-item:active{background:#0eecc01a}@media (max-width:600px){.contact-item{gap:10px;grid-template-columns:38px 1fr 45px;padding:10px 14px}.contact-item:hover{background:#00a8840a}}.contact-avatar{-webkit-font-smoothing:antialiased;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#0eecc0;border-radius:50%;box-shadow:0 0 0 .5px #0000004d,0 0 1px #0006,0 1px 2px #000000b3,inset 0 0 0 .5px #d4d9dd14;box-sizing:border-box;color:#d4d9dd;display:flex;flex-shrink:0;font-size:15px;font-weight:700;grid-column:1;height:40px;justify-content:center;transform:translateZ(0);width:40px}@media (max-width:600px){.contact-avatar{font-size:14px;height:38px;width:38px}}.contact-info{display:flex;flex:1 1;flex-direction:column;gap:2px;grid-column:2;justify-content:center;min-width:0}.contact-info h4{color:#e9edef;font-size:12px;font-weight:300}.contact-info h4,.contact-info p{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.2;margin:0;word-break:break-word}.contact-info p{color:#8696a0;font-size:11px}@media (max-width:600px){.contact-info h4{font-size:12px}.contact-info p{font-size:10px}}.contact-info .added-banner{color:#0eecc0;font-size:9px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.contact-actions{align-items:center;display:flex;flex-shrink:0;gap:0;grid-column:3;justify-content:flex-end}.add-contact-btn{background:#0000;border:none;border-radius:6px;box-shadow:0 2px 6px #00000080;color:#0f8;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.2px;padding:10px 16px;text-align:center;transition:all .15s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.add-contact-btn:active{background:#00d84e;box-shadow:0 2px 4px #0006;color:#0b1216}.add-contact-btn:disabled{background:#d4d9dd0f;color:#8696a0;cursor:not-allowed;opacity:.5}@media (max-width:600px){.add-contact-btn{font-size:10px;line-height:1.2;min-width:45px;padding:3px 10px}}.load-more-btn{background-color:initial;border:none;border-radius:6px;box-shadow:0 2px 6px #00000080;box-sizing:border-box;color:#00d84e;cursor:pointer;display:block;flex-shrink:0;font-size:12px;font-weight:600;margin:12px auto;padding:8px 16px;text-align:center;transition:all .15s ease;width:-webkit-fit-content;width:fit-content}.load-more-btn:active:not(:disabled){opacity:.8}.load-more-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.load-more-btn{font-size:11px;margin:10px auto;padding:7px 14px}}.empty-state{min-height:150px;padding:20px 12px}.empty-icon{color:#8696a0;font-size:48px;margin-bottom:16px;opacity:.7}.empty-state p{word-wrap:break-word;color:#8696a0;line-height:1.4;max-width:240px}@media (max-width:600px){.empty-state{min-height:120px;padding:16px 10px}.empty-icon{font-size:40px;margin-bottom:12px}.empty-state p{font-size:13px}}.create-contact-btn{background-color:#00a884;border:none;border-radius:4px;color:#e9edef;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .2s}.create-contact-btn:hover{background-color:#00876b}.contact-management-modal{max-width:95%;width:500px}.contact-error{background-color:#00a8841a;border-radius:4px;color:#00a884;font-size:14px;margin-bottom:16px;padding:10px}.manual-contact-form{margin-bottom:0}.new-contact-label{color:#e9edef;font-size:18px;font-weight:500;margin:0 0 16px;text-align:center}.form-group{margin-bottom:16px;position:relative}.form-group .input-icon{color:#e9edef;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.form-group input{background-color:#2a3942;border:1px solid #2a3942;border-radius:4px;color:#e9edef;font-size:14px;outline:none;padding:10px 10px 10px 40px;width:100%}.save-contact-btn{background-color:#00a884;border:none;border-radius:10px;color:#e9edef;cursor:pointer;font-size:12px;margin-left:40%;padding:10px 1px;transition:background-color .2s;width:30%}.save-contact-btn:hover{background-color:#00876b}.import-contacts-section{margin-bottom:24px}.import-contacts-section h4{color:#e9edef;font-size:16px;margin-bottom:12px}.import-contacts-btn{background-color:#2a3942;border:none;border-radius:4px;color:#e9edef;cursor:pointer;font-size:14px;margin-bottom:8px;padding:10px 16px;transition:background-color .2s;width:100%}.import-contacts-btn:hover{background-color:#00a884}.hint-text{color:#8696a0;font-size:12px;margin:8px 4px 0;padding:4px;text-align:center}.contacts-preview{border-top:none;margin-top:0;padding-top:0}.contacts-preview h4{color:#e9edef;font-size:16px;margin-bottom:12px}.contacts-preview-list{display:flex;flex-direction:column;gap:8px}.preview-contact-item{align-items:center;border-radius:4px;display:flex;padding:8px;transition:background-color .2s}.preview-contact-item:hover{background-color:#2a3942}.preview-avatar{-webkit-font-smoothing:antialiased;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#00a884;border-radius:50%;box-shadow:0 0 0 .5px #0000004d,0 0 1px #0006,0 1px 2px #000000b3,inset 0 0 0 .5px #c8cfd514;box-sizing:border-box;color:#c8cfd5;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;margin-right:12px;transform:translateZ(0);width:36px}.preview-contact-info{display:flex;flex:1 1;flex-direction:column}.preview-contact-info span{color:#e9edef;font-size:12px}.preview-contact-info .phone-number{color:#e9edef;font-size:11px}.delete-preview-contact{background:none;border:none;color:#e9edef;cursor:pointer;font-size:16px;padding:4px}.delete-preview-contact:hover{color:#00a884}.preview-more-indicator{color:#e9edef;font-size:12px;padding:8px;text-align:center}.no-contacts-hint{color:#e9edef;font-size:14px;padding:16px 0;text-align:center}.loading-container{background-color:#0b1216;border-radius:20px;bottom:24px;color:#e9edef;font-size:14px;padding:10px 16px;position:fixed;right:24px;z-index:1000}@keyframes fabMenuFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-skeleton-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;width:100%}.loading-gradient{animation:loading-linear 1.5s linear infinite;background:linear-gradient(90deg,#0000,#00a884,#0000);background-size:200% 100%;border-radius:2px;height:4px;margin:20px auto;width:100%}@keyframes loading-linear{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:#2a3942;border-radius:4px;overflow:hidden;position:relative}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-avatar,.skeleton-text{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#2a3942 25%,#1a2a32 50%,#2a3942 75%);background-size:200% 100%}.skeleton-text{height:14px;margin:4px 0}.skeleton-name{width:60%}.skeleton-email{height:12px;width:80%}.skeleton-button{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#2a3942 25%,#1a2a32 50%,#2a3942 75%);background-size:200% 100%;border-radius:4px;height:24px;width:40px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fab-pin-dialog-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11192899;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.fab-pin-dialog{animation:slideUp .3s ease-out;background:#fff;background:var(--chatlock-bg);border-radius:16px;box-shadow:0 10px 30px #00000040;color:#1a1a1a;color:var(--chatlock-text);font-family:Inter,system-ui,sans-serif;max-width:400px;padding:20px 22px 24px;position:relative;transition:transform .3s ease,opacity .3s ease;width:90%}.fab-pin-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--chatlock-border);display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:8px}.fab-pin-header h4{color:#1a1a1a;color:var(--chatlock-text);font-size:1.1rem;font-weight:600;margin:0}.close-btn{color:#555;color:var(--chatlock-muted);font-size:1.5rem;font-weight:600;line-height:1;transition:color .2s ease,transform .15s ease}.close-btn:hover{color:#25d366;color:var(--chatlock-accent);transform:scale(1.1)}.pin-inputs{display:flex;flex-direction:column;gap:10px;margin-top:8px}.pin-inputs input{background:#f7f7f7;background:var(--chatlock-input-bg);border:1px solid #e0e0e0;border:1px solid var(--chatlock-border);border-radius:10px;color:#1a1a1a;color:var(--chatlock-text);font-size:1rem;outline:none;padding:10px;transition:border-color .2s,background .2s}.pin-inputs input:focus{background:#fff;background:var(--chatlock-input-focus);border-color:#25d366;border-color:var(--chatlock-accent)}.pin-error{color:#e74c3e;color:var(--chatlock-error);font-size:.9rem;margin:6px 0;text-align:center}.pin-save-btn{background:#25d366;background:var(--chatlock-accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-weight:500;margin:16px auto 0;padding:10px 22px;transition:background .25s,transform .1s}.pin-save-btn:hover{background:#1eb15a;background:var(--chatlock-accent-hover);transform:translateY(-1px)}:root{--chatlock-bg:#fff;--chatlock-text:#1a1a1a;--chatlock-muted:#555;--chatlock-border:#e0e0e0;--chatlock-input-bg:#f7f7f7;--chatlock-input-focus:#fff;--chatlock-accent:#25d366;--chatlock-accent-hover:#1eb15a;--chatlock-error:#e74c3e}@media (prefers-color-scheme:dark){:root{--chatlock-bg:#1e1e1e;--chatlock-text:#f1f1f1;--chatlock-muted:#aaa;--chatlock-border:#333;--chatlock-input-bg:#2a2a2a;--chatlock-input-focus:#252525;--chatlock-accent:#25d366;--chatlock-accent-hover:#1eb15a;--chatlock-error:#ff5c5c}}.fab-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.fab-modal{background-color:#0b1216;border-radius:8px;box-shadow:0 8px 24px #0009;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:65vh;max-width:90%;overflow:hidden;width:320px}.fab-modal,.fab-modal-header{display:flex;position:relative}.fab-modal-header{align-items:center;border-bottom:none;box-shadow:none;justify-content:space-between;padding:12px 16px}.fab-modal-search{align-items:center;background-color:initial;border-radius:3px;box-shadow:none;display:flex;flex-grow:1;min-width:100px;position:relative}.fab-modal-search .search-icon{color:#e9edef;display:none;flex-shrink:0;left:6px;position:absolute}.fab-modal-search input{background-color:initial;border:1px solid #2a3942;border-radius:8px;box-shadow:none;color:#e9edef;font-size:.8rem;outline:none;padding:5px 32px 5px 8px;width:100%}.fab-modal-search input:focus{background-color:initial;border:1px solid #5a8f7f;box-shadow:none;outline:none}.fab-modal-search input::placeholder{color:#8696a0;font-size:.7rem}.fab-modal-header h3{color:#8696a0;flex-shrink:0;font-size:1rem;font-weight:500;margin:0;white-space:nowrap}.fab-modal-close{align-items:center;background-color:initial;border:none;color:#8696a0;cursor:pointer;display:flex;font-size:.95rem;height:20px;justify-content:center;padding:0;position:absolute;right:-12px;top:50%;transform:translateY(-50%);transition:color .2s ease;width:20px}.fab-modal-close:hover{color:#00a884}@media (max-width:768px){.fab-container{bottom:80px;right:24px}.fab-modal{border-radius:12px;height:-webkit-fit-content;height:fit-content;margin:0 auto;max-height:95vh;max-width:340px;width:90%}.fab-modal-overlay{padding-top:2px;top:56px}.fab-modal-close{align-items:center;display:flex;font-size:18px;justify-content:center;right:6px;top:6px}.fab-menu{bottom:40px;min-width:140px;width:140px}.contact-item{align-items:center;display:flex;flex-direction:row;gap:8px;padding:8px}.contact-avatar{flex-shrink:0;height:40px;width:40px}.contact-info{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;margin-right:8px;min-width:0}.contact-info h4,.contact-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end}.create-contact-btn,.save-contact-btn{font-size:13px;margin-left:0;padding:8px 10px;width:auto}.preview-contact-item{align-items:center;display:flex;flex-direction:row;gap:8px;padding:8px}}@media (min-width:769px){.fab-modal-close{display:flex}.fab-container{right:calc(100vw - 464px)}}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:16px 0;width:100%}.loading-text{color:#e9edef;font-size:14px;margin-bottom:8px;text-align:center}.loading-dots{align-items:center;display:flex;gap:4px}.dot{animation:dot-bounce 1.4s ease-in-out infinite both;background-color:#00a884;height:6px;width:6px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-menu{box-shadow:0 8px 24px #00000080;padding:8px 0;right:16px;top:62px;z-index:9999}.chat-menu,.chatHeader-contactAvatar.serrated{overflow:visible}.chatHeader-contactAvatar.serrated:after{background:repeating-conic-gradient(var(--accent-color) 0deg 12deg,#0000 12deg 24deg);border-radius:50%;content:"";height:calc(var(--avatar-size) + 10px);left:50%;-webkit-mask:radial-gradient(circle at center,#0000 42%,#000 43%);mask:radial-gradient(circle at center,#0000 42%,#000 43%);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--avatar-size) + 10px);z-index:1}@media (max-width:768px){.chatHeader-contactAvatar.serrated:after{height:calc(var(--mobile-avatar-size) + 10px);width:calc(var(--mobile-avatar-size) + 10px)}}.chatHeader-header{--header-bg:#0b1216;--header-border:#2a3942;--text-primary:#e9edef;--text-secondary:#8696a0;--accent-color:#00a884;--icon-hover-bg:#ffffff05;--online-dot:#00a884;--avatar-size:50px;--mobile-avatar-size:44px;--icon-size:22px;align-items:center;background-color:var(--header-bg);border-bottom:1px solid var(--header-border);box-sizing:border-box;display:flex;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:54px;justify-content:space-between;margin-top:0;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.chatHeader-contactInfo{align-items:center;display:flex;gap:15px}.chatHeader-contactAvatar{border-radius:50%;cursor:pointer;flex-shrink:0;height:var(--avatar-size);overflow:hidden;position:relative;width:var(--avatar-size)}.chatHeader-contactAvatar:hover{opacity:.9}.chatHeader-contactAvatar img{height:100%;object-fit:cover;width:100%}.chatHeader-avatarPlaceholder{align-items:center;background-color:#008069;border-radius:50%;color:var(--text-primary);display:flex;font-size:18px;font-weight:500;height:100%;justify-content:center;text-transform:uppercase;width:100%}.chatHeader-contactDetails{flex:1 1;min-width:0;overflow:hidden}.chatHeader-contactDetails h3{color:#aebac1;font-size:11px;font-weight:500;line-height:1.3;margin:0}.chatHeader-contactDetails h3,.chatHeader-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatHeader-status{font-size:13px;gap:4px;margin-top:2px}.chatHeader-typingIndicator{color:#fff;font-style:italic}.chatHeader-onlineStatus{align-items:center;display:flex;gap:5px}.chatHeader-onlineDot{background-color:var(--online-dot);border-radius:50%;display:inline-block;height:6px;width:6px}.chatHeader-chatMenuContainer{align-items:center;color:#fff;display:flex;gap:8px;margin-left:16px;position:relative;z-index:1001}.chatHeader-iconButton{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--icon-size);height:40px;justify-content:center;min-width:40px;padding:0;transition:all .2s ease;width:40px}.chatHeader-backButton{color:var(--accent-color);height:36px;margin-left:-8px;margin-right:8px;width:36px}.chatHeader-menuButton:hover{background-color:initial}.chatHeader-callButton{align-items:center;background:#0000;border-radius:50%;display:inline-flex;height:40px;justify-content:center;margin:0 2px;padding:0;width:40px}.chatHeader-callButton svg{color:var(--text-secondary);height:var(--icon-size);width:var(--icon-size)}.chatHeader-callButton.video,.chatHeader-callButton.voice{background:#0000}@media (max-width:768px){.chatHeader-callButton{height:36px;width:36px}.chatHeader-callButton svg{height:18px;width:18px}}.chatHeader-pinned-container{background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;flex-direction:column;gap:8px;left:0;padding:8px 16px;position:absolute;right:0;top:100%;z-index:101}.chatHeader-pinned-header{align-items:center;color:var(--accent-color);display:flex;font-size:12px;font-weight:500;gap:6px}.chatHeader-pinned-icon{color:var(--accent-color)}.chatHeader-pinned-list{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.chatHeader-pinned-list::-webkit-scrollbar{display:none}.chatHeader-pinned-item{background:#1f2c34;border:1px solid #0000;border-radius:8px;cursor:pointer;flex:0 0 auto;min-width:120px;padding:8px;scroll-snap-align:start;transition:background .2s}.chatHeader-pinned-item:hover{background:#2a3942;border-color:var(--accent-color)}.chatHeader-pinned-text{color:var(--text-primary);font-size:11px;line-height:1.2;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatHeader-pinned-time{color:var(--text-secondary);font-size:10px}.chatHeader-avatarFullscreenOverlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chatHeader-avatarFullscreenContainer{align-items:center;animation:scaleUp .3s ease;display:flex;flex-direction:column;max-height:100vh;max-width:100vw;position:relative}@keyframes scaleUp{0%{transform:scale(.95)}to{transform:scale(1)}}.chatHeader-avatarFullscreenImage{border-radius:8px;max-height:70vh;max-width:100%}.chatHeader-avatarFullscreenFooter{color:var(--accent-color);margin-top:20px;text-align:center;width:100%}.chatHeader-avatarFullscreenFooter h3{color:#fff;font-size:14px;font-weight:400;margin:0}.chatHeader-avatarActions{color:#fff;display:flex;gap:16px;justify-content:center;margin-top:10px}.chatHeader-avatarActionButton{align-items:center;background:#0000;border:none;color:#dfd7d7;cursor:pointer;display:flex;font-size:14px;font-weight:100px;gap:8px;padding:8px 16px;transition:all .2s ease}.chatHeader-avatarActionButton:hover{background:#ffffff1a}.chatHeader-avatarCloseButton{background:none;border:none;color:var(--text-primary);cursor:pointer;margin-left:5%;opacity:.7;padding:15px;position:absolute;top:-40px;transition:opacity .2s ease}.chatHeader-avatarCloseButton:hover{opacity:1}@media (max-width:768px){.chatHeader-header{height:54px;padding:8px 12px}.chatHeader-contactAvatar{height:var(--mobile-avatar-size);width:var(--mobile-avatar-size)}.chatHeader-contactDetails h3{font-size:14px}.chatHeader-status{font-size:12px}.chatHeader-pinned-container{padding:6px 12px}.chatHeader-pinned-item{min-width:100px}.chatHeader-pinned-text{font-size:10px}.chatHeader-pinned-time{font-size:9px}}@media (max-width:384px){.chatHeader-header{padding:8px}.chatHeader-callButton{display:none}.chatHeader-backButton{display:flex;margin-left:0;margin-right:8px;z-index:1001}.chatHeader-contactInfo{flex:1 1}.chatHeader-chatMenuContainer{margin-left:8px}}.chatHeader-typingIndicator{align-items:center;display:flex;gap:4px}.typing-dot{animation:typing-bounce 1.4s ease-in-out infinite;background-color:#00a884;height:3px;width:3px}.chatHeader-status{align-items:center;color:var(--text-secondary);display:flex;font-size:12px}.chatHeader-status .chatHeader-typingIndicator{margin-left:4px}@media (prefers-color-scheme:light){.chatHeader-header{--header-bg:#f0f2f5;--header-border:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--online-dot:#25d366}.chatHeader-contactDetails h3{color:#111827}.chatHeader-status{color:#6b7280}.chatHeader-typingIndicator{color:#111827}.chatHeader-onlineStatus{color:#6b7280}.chatHeader-avatarPlaceholder{background-color:#25d366;color:#fff}}.chat-footer-vibe{--footer-icon-size:24px;--footer-button-size:44px;box-sizing:border-box;position:-webkit-sticky;position:sticky;width:100%}.footer-content-container{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-height:80vh;max-width:100%;overflow:hidden;width:100%}@media (max-width:480px){.footer-content-container{max-height:none!important;overflow:visible!important}}.footer-content-vibe{order:3}.input-wrapper{position:relative!important}.reply-input-container{animation:fadeIn-vibe .15s ease-out;border-radius:20px;display:flex;flex:1 1;flex-direction:column;max-width:calc(100% - 104px);min-width:0;overflow:hidden;z-index:1001}.reply-input-container,.reply-preview{background-color:#161b1d;position:relative;width:100%}.reply-preview{animation:slideDown-vibe .2s ease-out;border-radius:10px 10px 0 0;box-sizing:border-box;gap:4px;padding:8px 12px}.reply-content{border-bottom-left-radius:10px;border-left:1px solid #008cff;flex:1 1;padding-left:10px;width:100%}.reply-sender{color:#34b7f1;font-weight:600;margin-bottom:2px}.reply-sender,.reply-text{font-size:.85em;line-height:1.2}.reply-text{-webkit-box-orient:vertical;display:-webkit-box}.reply-cancel-button{background:none;border:none;border-radius:6px;color:#8696a0;cursor:pointer;font-size:1.2em;padding:4px;position:absolute;right:8px;top:6px;transition:all .2s ease}.reply-cancel-button:hover{background-color:#ffffff1a;color:#e9edef}.message-input-section{border-radius:0 0 20px 20px;box-sizing:border-box;flex:1 1;overflow:hidden;width:100%}.message-input-vibe{caret-width:2px;animation:blink-caret 1s steps(2) infinite;background-color:#161b1d!important;box-sizing:border-box;caret-color:#90ee90;color:#e9edef!important;width:100%;z-index:10}@keyframes blink-caret{0%,49%{caret-color:#90ee90}50%,to{caret-color:#0000}}.message-input-vibe::placeholder{color:#454a4e;font-weight:300;opacity:.35}.icon-button-vibe{background-color:initial;color:#8696a0;flex-shrink:0;font-size:20px;height:36px;line-height:1;padding:0;width:36px}.icon-button-vibe svg{height:12px!important;width:12px!important}.attachment-icon svg,.send-icon svg{color:#999!important;height:18px!important;width:18px!important}.send-button-vibe{align-items:center!important;background-color:#1a1f26!important;border:none!important;border-radius:50%!important;color:#8696a0!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:36px!important;justify-content:center!important;line-height:1!important;padding:0!important;transition:all .3s ease!important;width:36px!important}.send-button-vibe:not(:disabled){color:#0d8659!important}.send-button-vibe:not(:disabled) svg{stroke:#0d8659!important;fill:#0d8659!important;color:#0d8659!important}.send-button-vibe svg{height:18px;width:18px}.whatsapp-attachment-options-vibe{animation:fadeIn-vibe .15s ease-out!important;background-color:#111b21!important;border-radius:16px!important;box-shadow:0 12px 40px #000000b3!important;box-sizing:border-box!important;left:68px!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;overflow-y:auto!important;padding:8px!important;position:absolute!important;right:68px!important;top:-146px!important;width:calc(100% - 136px)!important;z-index:2000!important}.whatsapp-options-grid-vibe{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(3,1fr)!important;padding:4px!important;place-items:center!important}.whatsapp-option-vibe{align-items:center!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:6px!important;transition:transform .2s ease!important}.whatsapp-option-vibe:hover{background-color:initial!important;transform:scale(1.05)!important}.whatsapp-option-vibe span{color:#e9edef!important;font-size:8px!important;font-weight:500!important;margin-top:3px!important;text-align:center!important}.whatsapp-option-icon{align-items:center!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-size:18px!important;height:36px!important;justify-content:center!important;line-height:1!important;padding:0!important;width:36px!important}.whatsapp-option-icon svg{height:18px!important;width:18px!important}.emoji-picker-vibe{background-color:#0b1216;border:1px solid #2a3942;bottom:100%;box-shadow:0 2px 8px #0000004d;margin-bottom:8px;right:16px}@media (min-width:769px){.chat-footer-vibe{--footer-icon-size:24px;--footer-button-size:44px}.icon-button-vibe svg,.send-button-vibe svg,.whatsapp-option-icon svg{height:var(--footer-icon-size);width:var(--footer-icon-size)}}@media (max-width:768px){.chat-footer-vibe{--footer-icon-size:24px;--footer-button-size:44px;padding:8px 12px}.whatsapp-attachment-options-vibe{left:8px}.emoji-picker-vibe{right:8px}.reply-input-container{max-width:calc(100% - 92px)}.message-input-vibe{font-size:14px;padding:8px 12px}.whatsapp-attachment-options-vibe{bottom:auto!important;right:68px!important;top:-146px!important;width:calc(100% - 136px)!important}.icon-button-vibe,.send-button-vibe{font-size:28px;height:48px;width:48px}.emoji-picker-vibe{bottom:60px;width:100%}.reply-preview{padding:6px 10px}.reply-sender{font-size:.85em}.reply-text{font-size:.8em;padding-left:10px}.reply-cancel-button{box-shadow:0 1px 2px #0003;font-size:1.2em;height:24px;right:6px;top:6px;width:24px}}@media (max-width:480px){.chat-footer-vibe{--footer-icon-size:24px;--footer-button-size:44px;padding:6px 8px}.footer-content-vibe{gap:6px}.icon-button-vibe svg,.send-button-vibe svg,.whatsapp-option-icon svg{height:var(--footer-icon-size);width:var(--footer-icon-size)}.whatsapp-attachment-options-vibe{left:4px;margin-bottom:4px;width:calc(100% - 8px)}.emoji-picker-vibe{margin-bottom:4px;right:4px}.reply-input-container{max-width:calc(100% - 84px)}.whatsapp-attachment-options-vibe{bottom:auto!important;left:68px!important;right:68px!important;top:-146px!important;width:calc(100% - 136px)!important}.send-button-vibe{font-size:28px;height:48px;width:48px}.reply-preview{padding:5px 8px}.reply-sender{font-size:.8em}.reply-text{font-size:.75em;padding-left:8px}.reply-cancel-button{box-shadow:0 1px 2px #0003;font-size:1.1em;height:22px;right:5px;top:5px;width:22px}}.link-preview{background:#0000!important;border:none!important;display:inline-block;margin:0 auto 8px;max-width:90%;order:2;padding:0!important;width:-webkit-fit-content;width:fit-content}.link-preview:hover{background:#0000}.fallback-link{font-size:11px}.preview-remove-btn{align-items:center;background:#0000!important;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;position:absolute;right:2px;text-shadow:0 0 3px #000000b3;top:2px;transition:none;width:32px;z-index:30}.preview-image{background:#0000!important;border:none!important;border-radius:16px!important;display:block!important;height:auto!important;margin:0!important;max-height:80vh!important;max-width:min(90vw,600px)!important;object-fit:contain!important;object-position:center!important;padding:0!important;width:auto!important}.preview-content{display:none;padding:0}.x-header{background:#ffffff0d;border-radius:6px;font-size:11px;gap:4px;margin-bottom:4px;padding:4px 8px}.x-name{font-weight:700}.preview-title{font-size:13px}.preview-desc,.preview-title{line-height:1.3;margin:0 0 3px}.preview-desc{font-size:11px}.preview-link{font-size:10px}.preview-loading{font-size:11px;padding:10px}.attachment-previews{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:6px;overflow-x:auto;padding:6px 0}.attachment-chip{background:#1e262a;border:1px solid #2a3942;border-radius:12px;gap:6px;min-width:0;padding:4px 8px 4px 4px}.attachment-chip,.attachment-remove{align-items:center;display:inline-flex}.attachment-remove{-webkit-appearance:none;appearance:none;background:#00000059;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.attachment-remove,.attachment-thumb{color:#e9edef;flex-shrink:0;justify-content:center}.attachment-thumb{align-items:center;background:#111b21;border-radius:6px;display:inline-flex;font-size:12px;height:28px;object-fit:cover;width:28px}.attachment-thumb.video{background:#0b3a4b}.attachment-thumb.audio{background:#2a1f3a}.attachment-thumb.doc{background:#1f2c34}.attachment-name{color:#c8d1d6;font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.preview-image{border-radius:16px!important;max-height:70vh!important;max-width:min(85vw,500px)!important}}@media (max-width:480px){.attachment-name{max-width:100px!important}.attachment-thumb{font-size:10px!important;height:24px!important;width:24px!important}.link-preview{background:#0000!important;border:none!important;margin:0 0 0 calc(-50vw + 50%)!important;order:2!important;overflow:visible!important;position:relative!important;width:100vw!important}.link-preview,.preview-image{display:block!important;height:auto!important;max-width:100vw!important;padding:0!important}.preview-image{border:none!important;border-radius:0!important;flex-shrink:0!important;margin:0!important;object-fit:contain!important;width:100%!important}.preview-remove-btn{background:#0009!important;position:absolute!important;right:8px!important;top:8px!important;z-index:100!important}}@media (max-width:480px) and (orientation:portrait){.preview-image{height:auto!important;max-height:35vh!important;max-width:100vw!important;width:100%!important}}@media (max-width:480px) and (orientation:landscape){.preview-image{height:auto!important;max-height:28vh!important;max-width:100vw!important;width:100%!important}}.colors-dropdown{background-color:#161b1d;border:1px solid #2a3942;border-radius:8px 8px 0 0;bottom:100%;left:0;margin-bottom:4px;padding:8px;position:absolute;right:0;z-index:1003}.colors-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-swatch{border:1px solid #00000026;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 6px;text-transform:capitalize;transition:transform .15s ease,box-shadow .15s ease}.color-swatch:hover{box-shadow:0 2px 8px #00000040;transform:translateY(-1px)}.color-swatch.active,.color-swatch:focus{box-shadow:inset 0 0 0 2px #34b7f1,0 0 0 2px #34b7f180;outline:none}.input-preview-wrapper{position:relative}.input-preview{color:#e9edef;font-size:15px;inset:0;line-height:1.5;overflow-y:hidden;padding:8px;pointer-events:none;position:absolute;white-space:pre-wrap;word-break:break-word}.input-preview .inline-highlight{border-radius:4px}.message-input-vibe.with-preview{background:#0000;caret-color:#90ee90;color:#0000;position:relative}.input-placeholder{color:#8696a0;opacity:.9}@media (max-width:768px){.link-preview{align-items:stretch!important;background:#0000!important;border:none!important;border-radius:8px!important;border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important;color:#e9edef;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;justify-items:stretch!important;margin:-10px -12px 0!important;max-height:60vh!important;max-width:none!important;min-height:250px!important;order:-1;overflow:hidden!important;padding:0!important;position:relative!important;width:calc(100% + 24px)!important}.preview-image{background:#111b21;border-radius:0!important;display:block!important;grid-column:1!important;grid-row:1!important;height:100%!important;margin:0!important;object-fit:cover!important;object-position:center!important;padding:0!important;width:100%!important}}@media (max-width:480px){.link-preview{align-items:stretch!important;background:#0000!important;border:none!important;border-radius:12px!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;color:#e9edef;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;justify-items:stretch!important;margin:-10px -8px 0!important;max-height:35vh!important;max-width:none!important;min-height:150px!important;order:-1;overflow:hidden!important;padding:0!important;position:relative!important;width:calc(100% + 16px)!important}.preview-image{background:#0000;border-radius:12px!important;display:block!important;grid-column:1!important;grid-row:1!important;height:100%!important;margin:0!important;object-fit:cover!important;object-position:center!important;padding:0!important;width:100%!important}}.message{align-items:flex-end;flex-direction:row;gap:0;margin:0 0 2px;padding:2px 0;transition:all .2s ease}.message.sent{justify-content:flex-end!important}.message.received{justify-content:flex-start!important}@media (max-width:768px){.message{align-self:flex-start;margin:0 0 2px;max-width:99%!important;padding:2px 0;width:auto}.message.sent{align-self:flex-end}.message.received{align-self:flex-start;max-width:97%!important}}@media (max-width:480px){.message{margin:0 0 2px;max-width:99%!important;padding:2px 0}.message.received{max-width:98%!important}}@media (min-width:1200px){.message{margin:0 0 2px;padding:2px 0}}.message-content{grid-gap:0;background-color:#005c4b!important;color:#fff;display:grid;gap:0;grid-template-columns:1fr;line-height:1.2;margin:0!important;max-width:77%!important;padding:0!important;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.message.received .message-content:has(.attachment-image-preview){background-color:initial!important}.message.sent .message-content:has(.attachment-image-preview){background-color:initial!important}.message-content:has(.attachment-image-preview){grid-gap:0;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:grid;gap:0;grid-template-columns:1fr;grid-template-rows:auto auto auto;margin:0!important;max-width:60%!important;overflow:visible!important;padding:0!important;width:auto!important}.message-body{display:contents}@media (max-width:768px){.message-content{max-width:90%!important;padding:0!important}.image-caption,.message-text{padding:1px 2px!important}.message-content:has(.attachment-image-preview){background-color:initial!important;border:none!important;border-radius:0!important;max-width:75%!important;padding:0!important}.message-attachments{max-width:90%!important}.attachment-image-preview{max-height:300px}}@media (max-width:480px){.message-content{max-width:92%!important;padding:0!important}.image-caption,.message-text{padding:1px 2px!important}.message-content:has(.attachment-image-preview){background-color:initial!important;border:none!important;border-radius:0!important;max-width:70%!important;padding:0!important}.message-attachments{max-width:92%!important}.attachment-image-preview{max-height:260px}.message{padding:2px 8px}}.message.chatme-selected .message-content,.message.selection-mode .message-content{-webkit-user-select:text;user-select:text}.message.sent .message-content{background-color:#005c4b!important;color:#fff!important}.message.received .message-content{background-color:#202c33!important;border:none!important;color:#fff!important}.message-text{border-radius:0;color:inherit;flex:0 1 auto;position:relative}.image-caption,.message-text{font-size:13px!important;grid-column:1;line-height:1.2;margin:0!important;padding:1px 2px!important;width:100%}.image-caption{background-color:#0006;box-sizing:border-box;color:#fff!important;display:block;order:2}.message.sent .image-caption{background-color:#005c4bb3!important;color:#fff!important}.message.received .image-caption{background-color:#202c33b3!important;color:#fff!important}.message-footer-inside-attachment{align-items:center;background-color:#00000080;box-sizing:border-box;color:#c8c8c8;display:flex;flex-shrink:0;font-size:7px;gap:1px;grid-column:1;justify-content:flex-end;margin:0!important;order:3;padding:1px 2px;white-space:nowrap;width:100%}.message.sent .message-footer-inside-attachment{background-color:#005c4b!important}.message.received .message-footer-inside-attachment{background-color:#202c33!important}.message.sent .message-attachments+.message-text{background-color:#005c4b!important;border-radius:0 0 12px 12px;padding:1px 2px!important}.message.received .message-attachments+.message-text{background-color:#202c33!important;border-radius:0 0 12px 12px;padding:1px 2px!important}.message-text .message-paragraph{color:#fff!important;font-size:11px;font-weight:350;margin:0;padding:0;white-space:pre-wrap;word-break:break-word}.message-text strong{color:#fff!important;font-weight:350px!important}.message-text em{color:#e9edef!important;font-style:italic!important}.message-text del{color:#999!important;text-decoration:line-through!important}.message-text u{border-bottom:1px solid #fff;color:#fff!important;text-decoration:underline!important}.inline-code{background-color:#0003!important;border-radius:3px!important;color:#e9edef!important;font-family:monospace!important;padding:1px 3px!important}.inline-highlight{border-radius:4px;display:inline-block;font-weight:600;padding:1px 4px}.color-yellow{background-color:#fff59d;color:#111}.color-green{background-color:#a5d6a7;color:#0b2e13}.color-blue{background-color:#90caf9;color:#0b1f3a}.color-red{background-color:#ef9a9a;color:#3a0b0b}.color-purple{background-color:#ce93d8;color:#2a0b2e}.color-orange{background-color:#ffcc80;color:#3a240b}.color-teal{background-color:#80cbc4;color:#0b2e2b}.color-pink{background-color:#f48fb1;color:#3a0b1f}.color-gray{background-color:#cfd8dc;color:#101314}.inline-link{color:#34b7f1!important;text-decoration:underline!important;word-break:break-all}.inline-link:hover{background-color:#34b7f11a;border-radius:2px;padding:1px 2px;text-decoration:none}.message-footer{align-items:center;background-color:inherit;border-radius:0 0 12px 12px;color:#a7a1a1;display:inline-flex;flex-shrink:0;font-size:7px;gap:2px;grid-column:1;justify-content:flex-end;margin:0!important;min-height:0;padding:6px 12px;position:relative;white-space:nowrap;width:100%}.message-footer .status-indicator{align-items:center!important;display:inline-flex!important;font-size:14px!important;margin-left:2px!important;min-height:16px!important;min-width:16px!important}.message-footer .status-indicator svg{fill:currentColor!important;color:inherit!important;height:16px!important;width:16px!important}.timestamp{color:#a7a1a1;display:inline-block;flex-shrink:0;font-size:7px!important;margin-left:1px;padding:0;white-space:nowrap}.status-indicator{align-items:center;color:#999;display:inline-flex;font-size:14px;justify-content:center;line-height:1;margin-left:2px;min-height:16px;min-width:16px;padding:0 2px;vertical-align:middle}.status-indicator.chatme-status-delivered,.status-indicator.chatme-status-sent,.status-indicator.delivered,.status-indicator.sent{color:#8696a0}.status-indicator.chatme-status-read,.status-indicator.read{color:#007aff!important;opacity:1!important}.status-indicator svg{fill:currentColor;color:inherit;display:block;flex-shrink:0;height:16px;width:16px}.edited-badge,.pinned-icon,.private-badge{color:#fff;font-size:10px}.reactions-container{gap:3px;margin-top:3px}.reaction-bubble{background:#2a3942e6;border-radius:10px;font-size:11px;padding:1px 5px}.expand-btn{align-items:center;background:none;border:none;color:#25d366;cursor:pointer;display:flex;font-size:11px;gap:3px;margin-top:3px}.message-reply-container{display:flex;flex-direction:column;width:100%}.reply-preview{color:#e9edef;display:flex;flex-direction:column;font-size:11px;padding:0!important}.reply-content{color:#e9edef}.reply-sender{font-weight:700}.reply-text{color:#e9edef;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}.reply-type{color:#e9edef;font-size:11px!important}.reply-border{background-color:#fff3;display:none;margin:1px 0}.reply-prompt{align-items:center;background-color:#161b1d;border-radius:10px;display:flex;gap:3px;left:-60px;padding:3px 6px;position:absolute;top:50%;transform:translateY(-50%)}.reply-icon{font-size:14px}.image-container{border-radius:12px;box-shadow:0 2px 8px #0000004d;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.image-container:hover{box-shadow:none;transform:scale(1)}.file-preview{display:block;height:auto;max-width:100%;transition:opacity .2s ease}.file-preview:hover{opacity:1}.file-info-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;display:flex;flex-direction:column;gap:4px;left:0;padding:12px;position:absolute;right:0}.file-info-overlay .file-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info-overlay .file-size{font-size:12px;opacity:.9}.file-info-overlay .message-footer{color:#fff;justify-content:flex-end}.file-info-overlay .timestamp{color:#fff}.file-info-overlay .status-indicator{color:#8696a0;margin-left:2px;min-height:16px;min-width:16px;padding:0 2px}.file-info-overlay .status-indicator.chatme-status-delivered,.file-info-overlay .status-indicator.chatme-status-sent,.file-info-overlay .status-indicator.delivered,.file-info-overlay .status-indicator.sent{color:#8696a0}.file-info-overlay .status-indicator.chatme-status-read,.file-info-overlay .status-indicator.read{color:#0084ff}.file-info-overlay .status-indicator svg{fill:currentColor;color:inherit;display:block;height:16px;width:16px}.document-container{align-items:center;background:linear-gradient(135deg,#2a3942,#1e262a);border:1px solid #333;border-radius:12px;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.document-container:hover{background:linear-gradient(135deg,#323a40,#2e363a);border-color:#333}.document-container .message-footer{flex-grow:1;justify-content:flex-end;margin-top:0}.file-icon{font-size:24px}.file-details{flex-grow:1;min-width:0}.file-name{color:#fff;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#b1b3b5;font-size:11px}.download-btn{border:1px solid #25d366;border-radius:8px;cursor:pointer;padding:6px;transition:all .2s ease}.download-btn,.download-btn:hover{background:#25d36633;color:#25d366}.message-audio{background:#1e262a;border:1px solid #333;border-radius:12px;gap:12px;padding:8px}.message-audio .message-footer{flex-grow:1;justify-content:flex-end;margin-top:0}.play-button{align-items:center;background:#25d366;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;transition:transform .2s ease;width:32px}.play-button:hover{transform:scale(1)}.audio-waveform{background:#2a394280;border-radius:10px;flex-grow:1;height:20px;overflow:hidden;position:relative}.waveform-placeholder{animation:waveformPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#25d366,#34b7f1);border-radius:10px;height:100%}@keyframes waveformPulse{0%,to{opacity:.6}50%{opacity:1}}.audio-duration{color:#e9edef;font-weight:500}.message-meta{color:#b1b3b5;display:flex;gap:6px;margin-top:4px}.message.received.chatme-selected .message-content,.message.sent.chatme-selected .message-content{background-color:#25d36633!important;border:1px solid #25d365a4!important;border-radius:6px;position:relative;transition:background-color .2s ease,border .2s ease}.message.chatme-selected .message-text{position:relative;z-index:1}.chatme-message-checkbox,.chatme-message-checkbox-container{display:none!important}.forwarded-indicator{align-items:center;background:#6677811a;border-radius:6px;color:#667781;display:flex;font-size:11px;gap:6px;margin-bottom:6px;padding:4px 8px}.forward-icon{color:#667781;font-size:12px}.forward-modal-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.forward-modal-backdrop{background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.forward-modal{background:#1e1e1e;border-radius:12px;color:#fff;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.forward-modal-header{border-bottom:1px solid #333;padding:16px}.forward-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.forward-search{border-bottom:1px solid #333;padding:12px 16px;position:relative}.search-icon{color:#667781;left:28px}.search-input{background:#2a2a2a;border:1px solid #333;border-radius:8px;color:#fff;padding:8px 12px 8px 36px}.forward-users-list,.selected-users-section{flex:1 1;overflow-y:auto;padding:16px}.users-scrollable{max-height:300px;overflow-y:auto}.user-selection-item{margin-bottom:8px}.user-selection-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:background .2s}.user-selection-label:hover{background:#2a2a2a}.user-checkbox{margin:0}.user-name{font-weight:700;margin-right:4px}.user-subtitle{color:#667781;font-size:12px}.no-users{color:#667781;padding:20px;text-align:center}.selected-users-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.selected-user-tag{align-items:center;background:#25d366;border-radius:12px;color:#fff;display:flex;font-size:12px;gap:4px;padding:4px 8px}.remove-tag{background:none;border:none;color:#fff;cursor:pointer;font-size:16px}.forward-actions{border-top:1px solid #333;display:flex;gap:8px;justify-content:space-between;padding:16px}.forward-cancel-btn,.forward-submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:700;padding:10px}.forward-cancel-btn{background:#2a2a2a;color:#fff}.forward-submit-btn{background:#25d366;color:#fff}.forward-submit-btn:disabled{background:#333;cursor:not-allowed}.message-quote{background:#34b7f10d;border-left:3px solid #34b7f1;border-radius:4px;color:#e9edef;font-style:italic;margin:4px 0;padding:8px}.message-quote p{font-size:12px;margin:0}.message-codeblock{background-color:#2a3942;border:1px solid #333;border-radius:8px;font-family:Courier New,monospace;margin:4px 0;overflow-x:auto;padding:12px}.message-codeblock code{background:none;color:#e9edef;font-size:12px;padding:0}.mentions-dropdown{background-color:#161b1d;border:1px solid #2a3942;border-radius:8px 8px 0 0;bottom:100%;left:0;margin-bottom:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:1002}.mention-item{align-items:center;border-bottom:1px solid #2a3942;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.mention-item:focus,.mention-item:hover{background-color:#2a3942}.mention-avatar{border-radius:50%;height:32px;margin-right:8px;width:32px}.mention-item span{color:#e9edef;font-size:14px}.no-mentions{color:#8696a0;font-size:14px;padding:12px;text-align:center}.hashtag{color:#1da1f2!important}.hashtag,.money{font-weight:700!important}.money{color:#00c851!important}.date-tag,.time-tag{background-color:#ffc1071a!important;color:#ffc107!important;font-size:11px!important}.date-tag,.mention,.time-tag{border-radius:3px!important;padding:1px 3px!important}.mention{background-color:#34b7f11a!important;color:#34b7f1!important;font-weight:700!important}.message-text a{color:#34b7f1!important;text-decoration:underline!important;word-break:break-all}.message-text a:hover{background-color:#34b7f11a;border-radius:2px;padding:1px 2px;text-decoration:none}.link-preview{align-items:stretch;background:linear-gradient(180deg,#1e262a,#182024);border:1px solid #2a3942;border-radius:12px;box-shadow:0 2px 8px #0003;color:#e9edef;display:flex;margin-top:12px;max-width:100%;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.link-preview:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.link-preview.fallback{background:#0000;border:none;padding:4px 0}.fallback-link{color:#34b7f1;font-size:13px;font-weight:500;text-decoration:underline}.preview-image{background:#111b21;border-right:1px solid #2a3942;flex-shrink:0;height:100px;object-fit:cover;transition:opacity .2s ease;width:100px}.preview-image:hover{opacity:.95}.preview-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:12px}.x-header{align-items:center;background:#ffffff14;border-radius:8px;color:#8696a0;display:flex;font-size:12px;gap:6px;margin-bottom:6px;padding:6px 10px}.x-name{color:#e9edef;font-weight:600}.x-handle,.x-platform{color:#667781}.preview-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.preview-desc,.preview-title{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.preview-desc{color:#b1b3b5;font-size:12px;margin:0 0 6px}.preview-link{align-self:flex-start;color:#34b7f1;font-size:11px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.preview-link:hover{text-decoration:underline}.preview-loading{color:#667781;font-size:12px;padding:12px;text-align:center;width:100%}.message-edit-container{gap:8px}.message-edit-textarea{background:#0000004d;border:1px solid #333;color:#fff;font-size:12px;line-height:1.4;max-height:200px;overflow-y:auto;padding:10px}.edit-cancel-btn,.edit-save-btn{align-items:center;background:#25d366;border-radius:6px;color:#fff;display:flex;height:36px;justify-content:center;padding:8px;transition:background .2s ease;width:36px}.edit-save-btn:hover{background:#128c7e}.edit-cancel-btn{background:#667781}.edit-cancel-btn:hover{background:#525c66}@media (max-width:480px){.link-preview{flex-direction:column}.preview-image{border-bottom:1px solid #2a3942;border-right:none;height:180px;width:100%}.preview-content{padding:10px}.image-container{border-radius:8px}.document-container{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.file-details{width:100%}}@media (max-width:480px) and (orientation:portrait){.preview-image{height:220px!important}}@media (max-width:480px) and (orientation:landscape){.attachment-image-preview{max-width:90vw!important;width:100%!important}}.message-attachments{background-color:initial!important;border-radius:0!important;display:flex!important;flex-direction:column!important;gap:0!important;grid-column:1!important;margin:0!important;max-width:100%!important;overflow:visible!important;padding:0!important;width:auto!important}.message.sent .message-attachments{align-self:flex-end!important;margin-left:auto!important;margin-right:0!important}.message.received .message-attachments,.message.sent .message-attachments{background-color:initial!important;border-radius:0!important;width:-webkit-fit-content!important;width:fit-content!important}.message.received .message-attachments{align-self:flex-start!important;margin-left:-8px!important;margin-right:auto!important;padding-left:0!important}.message-attachment{align-items:stretch;max-width:100%}.image-attachment-container,.message-attachment{display:flex;margin:0;padding:0;position:relative;width:100%}.image-attachment-container{background-color:initial!important;border:none!important;border-radius:0;flex:1 1;flex-direction:column;grid-column:1;overflow:visible}.attachment-image-preview{border-radius:8px;cursor:pointer;display:block;flex-shrink:0;line-height:0;margin:0;max-height:300px;min-height:150px;object-fit:cover;order:1;overflow:hidden;padding:0;transition:transform .2s ease;width:100%}.attachment-image-preview:hover{transform:scale(1)}.file-attachment-container{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;display:flex;gap:12px;max-width:320px;padding:12px;transition:background .2s ease;width:100%}.file-attachment-container:hover{background:#ffffff0d}.attachment-file-icon{flex-shrink:0;font-size:32px}.attachment-file-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.attachment-file-name{color:inherit;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-meta{font-size:12px;opacity:.7;white-space:nowrap}.attachment-download-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.attachment-download-btn:hover{background:#fff3;transform:scale(1)}.message.sent .attachment-file-container{background:#0003;border-color:#fff3}.message.sent .attachment-download-btn,.message.sent .attachment-download-btn:hover{background:#ffffff26}.message.received .attachment-file-container{background:#00000026;border-color:#0003}.message.received .attachment-image-preview,.message.sent .attachment-image-preview{border:none}@media (max-width:480px){.file-attachment-container{max-width:100%}.attachment-file-icon{font-size:28px}.attachment-file-name{font-size:13px}.attachment-file-meta{font-size:11px}}.image-caption-with-footer{align-items:flex-end!important;display:flex!important;flex-wrap:nowrap!important;font-size:11px!important;gap:1px!important;justify-content:space-between!important;padding:1px 2px!important}.image-caption-text{display:inline;flex-shrink:1;line-height:1.3;word-break:break-word}.image-footer-only{align-items:flex-end!important;display:flex!important;font-size:11px!important;gap:1px!important;justify-content:flex-end!important;margin-top:0!important;padding:1px 2px!important}.image-caption-with-footer .timestamp,.image-footer-only .timestamp{font-size:8px!important;font-weight:400!important;opacity:.75!important;white-space:nowrap}.image-caption-with-footer svg,.image-footer-only svg{flex-shrink:0;height:14px;width:14px}.message-footer-inline .timestamp{font-size:8px!important;font-weight:400!important;opacity:.75!important;order:2;white-space:nowrap}.message-footer-inline svg{display:block!important;flex-shrink:0!important;height:14px!important;width:14px!important}.message-footer-inline .status-indicator{align-items:center!important;display:inline-flex!important;margin-left:2px!important;min-height:14px!important;min-width:14px!important;order:1;padding:0!important}.message-footer-inline .status-indicator svg{fill:currentColor!important;color:inherit!important;height:14px!important;width:14px!important}.message-text-with-footer{align-content:flex-end!important;align-items:flex-end!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:1px!important;padding:1px 8px 4px!important}.message-text{display:block;flex:1 1;min-width:0;order:1;word-break:break-word}.message-footer-inline{align-items:center!important;align-self:flex-end!important;display:inline-flex!important;flex-shrink:0!important;font-size:11px!important;gap:3px!important;justify-content:flex-end!important;order:2;white-space:nowrap!important}.message-text p{display:inline;margin:0;padding:0}.timestamp{font-size:8px!important;font-weight:400!important;letter-spacing:-.5px;opacity:.75!important}.message-actions-menu{animation:menuFadeIn .2s ease;background:#2a2f32;border-radius:8px;box-shadow:0 4px 12px #0006;min-width:180px;padding:8px 0;transform-origin:top left}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.message-actions-menu .action-btn{align-items:center;background:#0000;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.message-actions-menu .action-btn:hover{background-color:#ffffff1a}.message-actions-menu .action-btn:active{background-color:#ffffff26}.message-actions-menu .action-btn.delete{color:#ff6b6b}.message-actions-menu .action-btn.delete:hover{background-color:#ff6b6b1a}.message-actions-menu .action-btn svg{flex-shrink:0;height:18px;width:18px}@media (max-width:768px){.message-actions-menu{font-size:16px;min-width:200px}.message-actions-menu .action-btn{font-size:15px;padding:14px 18px}.message-actions-menu .action-btn svg{height:20px;width:20px}}@media (min-width:769px){.message:hover .message-hover-actions{opacity:1;pointer-events:all}}.message-hover-actions{display:flex;gap:4px;opacity:0;pointer-events:none;position:absolute;right:8px;top:-8px;transition:opacity .2s ease;z-index:10}.message.sent .message-hover-actions{left:8px;right:auto}.message-hover-actions button{align-items:center;background:#2a2f32;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#e9edef;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.message-hover-actions button:hover{background:#00a884;transform:scale(1.1)}.message-hover-actions button svg{height:16px;width:16px}.settings-panel{background-color:var(--dark);border:1px solid var(--light-gray);border-radius:var(--radius);box-shadow:var(--shadow-hover);color:var(--text);left:50%;max-height:80vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.settings-header{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:16px}.settings-header h2{color:var(--text);font-size:20px}.settings-tabs{border-bottom:1px solid var(--light-gray);display:flex}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-light);cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:12px;transition:var(--transition)}.tab-button.active{background-color:#00a8841a;border-bottom-color:var(--primary);color:var(--primary)}.settings-content{padding:16px}.setting-section{margin-bottom:24px}.setting-section h3{color:var(--text);font-size:16px;margin-bottom:12px}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-group label{color:var(--text)}.input-group input{background-color:var(--light-gray);border:1px solid var(--light-gray);border-radius:var(--radius-sm);color:var(--text);font-size:14px;padding:10px 12px;transition:var(--transition)}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #34b7f133;outline:none}.save-button{background-color:var(--primary);border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-weight:500;padding:10px 16px;transition:var(--transition);width:100%}.save-button:hover{background-color:#008069;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.danger-zone{background-color:#ff44441a;border:1px solid #ff44444d;border-radius:var(--radius-sm);padding:16px}.danger-button{background-color:#f44;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:500;margin-top:12px;padding:10px 16px;transition:var(--transition);width:100%}.danger-button:hover{background-color:#e03e3e;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.logout-button{align-items:center;background-color:var(--light-gray);border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:24px;padding:10px 16px;transition:var(--transition);width:100%}.logout-button:hover{background-color:#3a4a52;box-shadow:var(--shadow-hover);transform:translateY(-2px)}@media (max-width:480px){.settings-panel{max-height:85vh;width:95%}.tab-button{font-size:13px;gap:6px;padding:10px 8px}.settings-content{padding:12px}}.imo-container{-webkit-font-smoothing:antialiased;background-color:#0b141a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;max-width:100%}.imo-modal{background:#0b141a;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.imo-modal-header{align-items:center;background:#0b141afa;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;margin-top:10%;max-height:36px;padding:12px 16px;position:relative;z-index:2}.imo-back-button{align-items:center;background:none;border:none;border-radius:50%;color:#00e676;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px;transition:all .2s ease}.imo-back-button:hover{background:#00e6761a}.imo-back-button svg{height:20px;width:20px}.imo-modal-title{color:#fff;font-size:17px;font-weight:500;left:50%;margin:0;max-width:70%;overflow:hidden;pointer-events:none;position:absolute;text-align:center;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap}.imo-preview-area{align-items:center;background:#0b141ab3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.imo-preview-background{border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-height:100%;max-width:60%;overflow:hidden;position:relative;transition:transform .3s ease}.imo-preview-background:hover{transform:scale(1.02)}.imo-chat-preview{background:#111b2180;bottom:0;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;left:0;padding:16px;position:absolute;right:0;top:0}.imo-message{border-radius:16px;color:#fff;font-size:14px;padding:10px 14px;word-break:break-word}.imo-received{align-self:flex-start;background:#4a6fa5e6;border-bottom-left-radius:4px}.imo-sent{align-self:flex-end;background:#2d9d78e6;border-bottom-right-radius:4px}.imo-wallpaper-selection{background:#0b141afa;border-top:1px solid #ffffff1a;height:120px;padding:10px 0;z-index:2}.imo-wallpaper-scroll{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:8px;height:100%;overflow-x:auto;padding:0 12px}.imo-wallpaper-scroll::-webkit-scrollbar{display:none}.imo-wallpaper-upload{align-items:center;background:#00e6760d;border:1px dashed #00e676;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;min-width:60px;padding:8px;transition:all .2s}.imo-wallpaper-upload:hover{background:#00e6761a}.imo-wallpaper-upload input{display:none}.imo-upload-icon{color:#00e676;height:18px;margin-bottom:6px;width:18px}.imo-upload-label{color:#00e676;font-size:11px;font-weight:500;text-align:center}.imo-wallpaper-thumbnail{background-position:50%;background-size:cover;border:1px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:all .2s;width:60px}.imo-wallpaper-thumbnail:hover{border-color:#00e6764d}.imo-wallpaper-thumbnail.selected{border-color:#00e676}.imo-selection-check{align-items:center;background:#000;border:1px solid #0b141ab3;border-radius:50%;bottom:6px;display:flex;height:16px;justify-content:center;position:absolute;right:6px;width:16px}.imo-remove-button,.imo-selection-check svg{color:#fff;height:16px;width:16px}.imo-remove-button{align-items:center;background:#ff4081e6;border:1px solid #0b141ab3;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:all .2s}.imo-remove-button:hover{background:#ff4081}.imo-remove-button svg{height:10px;width:10px}.imo-button-group{border-top:1px solid #ffffff1a;bottom:0;justify-content:space-between;margin-top:3px;position:-webkit-sticky;position:sticky;z-index:3}.imo-button-group,.imo-download-button{align-items:center;background:#0000;display:flex}.imo-download-button{border:1px solid #00e6764d;border-radius:8px;color:#00e676;cursor:pointer;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.imo-download-button:hover{background:#00e67633;border-color:#00e67680}.imo-download-button:disabled{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.5}.imo-download-button svg{height:16px;width:16px}.imo-apply-button{background:#069c54;border:none;border-radius:8px;color:#0b141a;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.3px;padding:10px 24px;text-transform:uppercase;transition:all .2s ease}.imo-apply-button:hover{background:#00c764}.imo-apply-button:active{background:#06944d;transform:scale(.98)}.imo-apply-button:disabled{background:#ffffff1a;box-shadow:none;color:#fff6;cursor:not-allowed;transform:none}@media (max-width:768px){.imo-modal-header{padding:10px 12px}.imo-preview-background{aspect-ratio:9/16;height:60vh;max-height:none;max-width:none;width:70%}.imo-wallpaper-selection{height:100px}.imo-wallpaper-thumbnail,.imo-wallpaper-upload{height:60px;width:45px}.imo-button-group{margin-top:3px;padding:-20px 2px max(1px,env(safe-area-inset-bottom))}.imo-download-button{font-size:13px;padding:8px 12px}.imo-apply-button{font-size:11px;padding:8px 16px}}.imo-library-grid{grid-gap:10px;gap:10px;grid-auto-rows:minmax(150px,1fr);grid-template-columns:repeat(3,1fr)}.imo-library-container{background-color:#0b141a;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh}.imo-library-header{background:#0b141afa;border-bottom:1px solid #ffffff1a;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.imo-library-title{font-size:18px;font-weight:500;margin:0;text-align:center}.imo-library-grid{grid-gap:16px;-webkit-overflow-scrolling:touch;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));overflow-y:auto;padding:16px}.imo-library-item-container{background:#202c334d;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.imo-library-item-container:hover{background:#202c3380;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.imo-library-item-preview{aspect-ratio:9/16;overflow:hidden;position:relative;width:100%}.imo-library-item-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.imo-library-item-container:hover .imo-library-item-preview img{transform:scale(1.05)}.imo-library-item-info{display:flex;flex-direction:column;gap:4px;padding:10px 8px}.imo-library-item-name{color:#0000;font-size:10px;font-weight:200;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imo-library-item-meta{align-items:center;color:#fff9;display:flex;font-size:10px;justify-content:space-between}.imo-library-item-actions{display:flex;gap:6px;margin-top:6px}.imo-library-action-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:10px;font-weight:500;padding:4px 0;transition:all .2s ease}.imo-library-preview-btn{background:#00e6761a;color:#00e676}.imo-library-apply-btn{background:#00e676;color:#0b141a}.imo-library-action-btn:hover{opacity:.9}.imo-library-item-container.imo-selected{border:1px solid #00e676;box-shadow:0 0 0 2px #00e6764d}.imo-selection-badge{align-items:center;background-color:#00e676;border-radius:50%;color:#0b141a;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}@media (min-width:600px){.imo-library-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.imo-library-item-name{font-size:13px}.imo-library-item-meta{font-size:11px}.imo-library-action-btn{font-size:11px;padding:5px 0}}@media (min-width:900px){.imo-library-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:400px){.imo-library-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.imo-library-grid::-webkit-scrollbar{width:6px}.imo-library-grid::-webkit-scrollbar-track{background:#ffffff0d}.imo-library-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.imo-library-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--bg-light:#fff;--bg-dark:#0e1621;--secondary-bg-light:#f0f2f5;--secondary-bg-dark:#111b21;--text-color-light:#111827;--text-color-dark:#fff;--text-secondary-light:#6b7280;--text-secondary-dark:#fff;--accent-color:#25d366;--message-in-bg-light:#161b1d;--message-in-bg-dark:#161b1d;--message-out-bg-light:#161b1d;--message-out-bg-dark:#161b1d;--message-in-text-light:#fff;--message-in-text-dark:#fff;--message-out-text-light:#fff;--message-out-text-dark:#fff;--header-bg-light:#f0f2f5;--header-bg-dark:#111b21;--input-bg-light:#161b1d;--input-bg-dark:#161b1d;--border-color-light:#e5e7eb;--border-color-dark:#2a3942;--hover-color-light:#e5e7eb;--hover-color-dark:#2a3942;--wallpaper-opacity-light:0.06;--wallpaper-opacity-dark:0.18;--scrollbar-thumb-light:#0003;--scrollbar-thumb-dark:#2a3942}.whatsapp-chat-container.light-theme{--bg-color:var(--bg-light);--secondary-bg:var(--secondary-bg-light);--text-color:var(--text-color-light);--text-secondary:var(--text-secondary-light);--accent-color:var(--accent-color);--message-out-bg:var(--message-out-bg-light);--message-in-bg:var(--message-in-bg-light);--message-out-text:var(--message-out-text-light);--message-in-text:var(--message-in-text-light);--header-bg:var(--header-bg-light);--input-bg:var(--input-bg-light);--border-color:var(--border-color-light);--hover-color:var(--hover-color-light);--wallpaper-opacity:var(--wallpaper-opacity-light);--scrollbar-thumb:var(--scrollbar-thumb-light)}.whatsapp-chat-container.dark-theme{--bg-color:var(--bg-dark);--secondary-bg:var(--secondary-bg-dark);--text-color:var(--text-color-dark);--text-secondary:var(--text-secondary-dark);--accent-color:var(--accent-color);--message-out-bg:var(--message-out-bg-dark);--message-in-bg:var(--message-in-bg-dark);--message-out-text:var(--message-out-text-dark);--message-in-text:var(--message-in-text-dark);--header-bg:var(--header-bg-dark);--input-bg:var(--input-bg-dark);--border-color:var(--border-color-dark);--hover-color:var(--hover-color-dark);--wallpaper-opacity:var(--wallpaper-opacity-dark);--scrollbar-thumb:var(--scrollbar-thumb-dark)}.whatsapp-chat-container{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;font-size:15px;font-style:normal;height:100%;line-height:1;margin:0;overflow:hidden;padding:0;position:relative;width:100%;z-index:1000}@media (max-width:768px){.whatsapp-chat-container{border-radius:0;box-shadow:none;height:100vh;height:100dvh;left:0;max-width:100%;position:fixed;top:0;width:100vw;width:100dvw}}.whatsapp-header{align-items:center;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;padding:10px 15px}@media (max-width:768px){.whatsapp-header{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top))}}.whatsapp-back-button{background:none;border:none;color:var(--text-color);cursor:pointer;display:none;font-size:24px}@media (max-width:768px){.whatsapp-back-button{display:block;margin-right:10px}}.whatsapp-header-content{align-items:center;display:flex;flex:1 1}.whatsapp-header-avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.whatsapp-header-info{flex:1 1}.whatsapp-header-name{color:var(--text-color);font-size:16px;font-weight:500}.whatsapp-header-status{color:var(--text-secondary);font-size:12px}.whatsapp-header-actions{display:flex;gap:10px}.whatsapp-header-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:20px}.wallpaper-container{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.wallpaper-image{height:100%;object-fit:cover;opacity:var(--wallpaper-opacity);width:100%}.chat-messages{margin:0;overflow-x:hidden;width:100%}@media (max-width:768px){.chat-messages{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:max(10px,env(safe-area-inset-top)) 0 calc(80px + env(safe-area-inset-bottom));width:100%}}@media (min-width:769px){.chat-messages{box-sizing:border-box;margin:0;padding:10px 16px 80px;width:100%}}@media (min-width:1200px){.chat-messages{box-sizing:border-box;padding:10px 30px 80px;width:100%}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.no-messages-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;opacity:.75}.no-messages-placeholder h3{font-size:14px;font-weight:500;margin:8px 0 4px}.no-messages-placeholder p{font-size:12px;margin:0;opacity:.9}.no-messages-icon{font-size:32px;margin-bottom:8px;opacity:.8}.date-separator{color:#25d366;color:var(--accent-color);font-size:11px;font-style:normal;margin:2px 0!important;position:relative;text-align:center}.date-separator:after,.date-separator:before{background-color:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:30%}.date-separator:before{left:0}.date-separator:after{right:0}.message{animation:fadeIn .15s ease-out;box-sizing:border-box;display:flex;flex-direction:column;font-style:normal;margin-bottom:2px;padding:0;position:relative;width:100%}.message+.message.received,.message+.message.sent{margin-top:0!important}.message.sent{align-items:flex-end}.message.received{align-items:flex-start}.message-content{word-wrap:break-word;border-radius:8px;box-shadow:none;display:flex;flex-direction:column;font-style:normal;line-height:1.35;margin:0;max-width:77%;padding:6px 9px;position:relative;width:-webkit-fit-content;width:fit-content}.message.sent .message-content{background-color:var(--message-out-bg);border-top-right-radius:0;color:var(--message-out-text);font-weight:350}.message.received .message-content{background-color:var(--message-in-bg);border-top-left-radius:0;color:var(--message-in-text);font-weight:350}.message-meta{display:none}.message-time{font-size:10px;margin-left:auto}.message-status{color:#25d366;color:var(--accent-color);font-size:14px}.reactions-container{display:flex;gap:4px;margin-top:4px}.message.sent .reactions-container{justify-content:flex-end}.message.received .reactions-container{justify-content:flex-start}.reaction-bubble{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--secondary-bg);border-radius:12px;color:var(--text-color);display:flex;font-size:12px;gap:1px;padding:2px 6px}.typing-indicator-container{background:#0000;border-radius:8px;bottom:60px;display:flex;justify-content:flex-start;left:16px;margin:0 auto;max-width:800px;padding:4px 8px;position:fixed;right:16px;z-index:999}.typing-indicator{display:flex;gap:2px;padding:4px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:var(--text-secondary);border-radius:50%;height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.reply-preview{border-left:4px solid #25d366;border-left:4px solid var(--accent-color);border-radius:0 8px 8px 0;cursor:pointer;margin-bottom:4px;padding:8px;transition:background-color .2s ease}.reply-preview,.reply-preview:hover{background-color:#14181a}.message.sent .reply-preview{background-color:#25d3661a;border-left-color:#25d366}.message.received .reply-preview{background-color:#14181a;border-left-color:#fff}.reply-content{display:flex;flex-direction:column;gap:2px}.reply-sender{color:#25d366;color:var(--accent-color);font-size:10px;font-weight:400}.reply-text{color:var(--text-color);font-size:11px!important;word-break:break-word}.reply-type{color:var(--text-secondary);font-size:11px}.reply-border{background-color:var(--border-color);height:1px;margin:4px 0}.message.pinned{position:relative}.pinned-icon{align-items:center;background:#25d366;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px;z-index:10}.message-edit-container{align-items:flex-end;display:flex;gap:1px;margin-top:4px}.message-edit-textarea{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);flex:1 1;font-size:11px;min-height:40px;padding:4px;resize:none}.edit-cancel-btn,.edit-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px}.edit-save-btn{background:#25d366;background:var(--accent-color);color:#fff}.edit-cancel-btn{background:var(--hover-color);color:var(--text-color)}.highlight-message{animation:highlight 2s ease-out}@keyframes highlight{0%{background-color:#25d3664d;border-radius:8px}to{background-color:initial}}.chat-footer-vibe{position:fixed}@media (max-width:768px){.chat-footer-vibe{padding:10px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}@media (min-width:769px){.chat-footer-vibe{padding:10px 16px}}.footer-content-vibe{align-items:center;background-color:initial;display:flex;gap:8px;margin:0 auto;max-width:800px;position:relative;width:100%}.message-input-vibe{background-color:var(--input-bg);border:none;border-radius:20px;color:var(--text-color);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:15px;line-height:1.4;max-height:100px;max-width:100%;min-height:40px;outline:none;padding:9px 12px;position:relative;resize:none}.message-input-vibe:focus{border-color:#0000}.message-input-vibe::placeholder{color:var(--text-secondary);opacity:.8}.icon-button-vibe{align-items:center;background-color:var(--input-bg);border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-button-vibe:hover{background-color:var(--hover-color)}.send-button-vibe{align-items:center;background-color:var(--input-bg);border:none;border-radius:50%;color:#25d366;color:var(--accent-color);cursor:pointer;display:flex;font-size:30px;height:50px;justify-content:center;transition:all .2s ease;width:50px}.send-button-vibe:hover{background-color:initial;transform:scale(1.15)}.whatsapp-attachment-options-vibe{animation:fadeIn-vibe .15s ease-out;background-color:var(--secondary-bg);border-radius:16px;bottom:70px;left:0;padding:1px;position:absolute;width:280px;z-index:1000}.whatsapp-options-grid-vibe{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.whatsapp-option-vibe{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:8px}.whatsapp-option-vibe:hover{background-color:var(--hover-color)}.whatsapp-option-vibe span{color:var(--text-color);font-size:12px;margin-top:5px}.whatsapp-option-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.whatsapp-option-icon.camera-vibe{background-color:#d3396d}.whatsapp-option-icon.gallery-vibe{background-color:#25d366}.whatsapp-option-icon.document-vibe{background-color:#128c7e}.whatsapp-option-icon.poll-vibe{background-color:#34b7f1}.whatsapp-option-icon.contact-vibe{background-color:#075e54}.whatsapp-option-icon.location-vibe{background-color:#ed4d6e}.whatsapp-option-icon.payment-vibe{background-color:#4caf50}.emoji-picker-vibe{border:1px solid var(--hover-color);bottom:70px;right:0;z-index:1100}.emoji-picker-vibe,.search-bar{background-color:var(--secondary-bg);position:absolute}.search-bar{border-radius:8px;box-shadow:0 2px 10px #0000001a;left:20px;padding:10px;right:20px;top:60px;z-index:1000}.search-bar input{background-color:initial;border:none;color:var(--text-color);font-size:14px;padding:8px;width:100%}.search-bar input:focus{outline:none}.search-bar button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:18px}.no-results{color:var(--text-secondary);font-size:14px;margin-top:10px;text-align:center}.confirmation-dialog{background-color:var(--secondary-bg);border-radius:8px;box-shadow:0 2px 10px #0000001a;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.confirmation-dialog h3{color:var(--text-color);margin-bottom:10px}.confirmation-dialog p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.confirmation-buttons{display:flex;justify-content:space-between}.cancel-button,.confirm-button{border:none;border-radius:5px;cursor:pointer;padding:8px 20px}.cancel-button{background-color:var(--hover-color);color:var(--text-color)}.confirm-button.danger,.offline-notification{background-color:#e53e3e;color:#fff}.offline-notification{border-radius:5px;bottom:80px;font-size:14px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:1000}.offline-notification i{margin-right:5px}.message-actions{background-color:var(--secondary-bg);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:10px 0;position:absolute;z-index:1000}.message-action-button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;padding:10px 15px;width:100%}.message-action-button:hover{background-color:var(--hover-color)}.message-action-icon{font-size:18px;margin-right:10px}.message-action-text{flex:1 1;text-align:left}@media (max-width:768px){.whatsapp-chat-container{height:100%}.chat-messages{padding:8px 12px}.message{max-width:85%}.chat-footer-vibe{padding:1px 12px}.message-input-vibe{font-size:14px;padding:8px 12px}.whatsapp-attachment-options-vibe{bottom:60px;width:100%}.icon-button-vibe{font-size:20px;height:36px;width:36px}.send-button-vibe{font-size:24px;height:48px;width:48px}.emoji-picker-vibe{bottom:60px;width:100%}.typing-indicator-container{left:12px;right:12px}}@media (max-width:480px){.message{max-width:50%}.message-content{font-size:14px;padding:6px 10px}.message-meta{font-size:10px}.chat-footer-vibe{padding:5px 4px}.footer-content-vibe{gap:6px}.whatsapp-attachment-options-vibe{bottom:55px;left:0;right:0;width:100%}.send-button-vibe{font-size:20px;height:42px;width:42px}.typing-indicator-container{left:4px;right:4px}}.message.chatme-selected{background-color:rgba(var(--accent-rgb),.15);border:2px solid #25d366;border:2px solid var(--accent-color);border-radius:12px;box-shadow:0 0 12px rgba(var(--accent-rgb),.3);transform:scale(1.02);transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.message.chatme-selected .message-content{background-color:rgba(var(--accent-rgb),.2);color:var(--message-in-text);transition:background-color .2s ease}.message.sent.chatme-selected .message-content{background-color:rgba(var(--accent-rgb),.25);color:var(--message-out-text)}.chatme-message-checkbox-container{align-items:center;display:none;flex-shrink:0;height:30px;justify-content:center;width:30px}.message.chatme-selected .chatme-message-checkbox-container,.message.selection-mode .chatme-message-checkbox-container{display:flex}.chatme-message-checkbox{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid #25d366;border:2px solid var(--accent-color);border-radius:6px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:20px}.chatme-message-checkbox:checked{background-color:#25d366;background-color:var(--accent-color);border-color:#25d366;border-color:var(--accent-color)}.chatme-message-checkbox:checked:after{color:#fff;content:"\2713";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.chatme-message-checkbox:hover{box-shadow:0 0 8px rgba(var(--accent-rgb),.3);transform:scale(1.15)}.message.sent .chatme-message-checkbox-container{margin-left:10px;margin-right:5px}.message.received .chatme-message-checkbox-container{margin-left:5px;margin-right:10px}.message.chatme-selected .message-content,.message.selection-mode .message-content{padding-left:10px;padding-right:10px}.chatme-selection-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 6px #00000040;display:flex;justify-content:space-between;padding:10px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.chatme-selection-header span{color:#25d366;color:var(--accent-color);font-size:15px;font-weight:600;letter-spacing:.3px}.chatme-selection-header .chatme-toolbar-actions{align-items:center;display:flex;gap:12px}.chatme-cancel-selection,.chatme-delete-selection{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:6px;padding:6px 10px;transition:background-color .2s ease,color .2s ease}.chatme-cancel-selection{color:var(--text-color)}.chatme-cancel-selection:hover{background-color:rgba(var(--text-rgb),.08)}.chatme-delete-selection{color:#ff4d4d}.chatme-delete-selection:hover{background-color:#ff4d4d26}.chatme-selection-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.chatme-selection-modal{animation:modalPop .25s cubic-bezier(.16,1,.3,1);background:var(--secondary-bg);border-radius:12px;max-width:320px;overflow:hidden;width:85%}.chatme-selection-modal-header{display:none}.chatme-modal-close{color:#6b7280;font-size:24px;height:28px;padding:0;transition:color .2s;width:28px}.chatme-modal-close:hover{color:#a0a0a0}.chatme-selection-modal-body{padding:14px 16px 12px;position:relative;text-align:center}.chatme-selection-modal-body p{color:#a0a0a0;font-size:.9rem;font-weight:500;line-height:1.4;margin:0;padding-right:24px}.chatme-modal-close-inline{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:color .2s;width:28px}.chatme-modal-close-inline:hover{color:#a0a0a0}.chatme-selection-modal-footer{background:var(--secondary-bg);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.chatme-modal-cancel,.chatme-modal-delete{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;min-width:70px;padding:7px 16px;transition:all .15s ease}.chatme-modal-cancel{background:#0000;border:none;color:#6b7280}.chatme-modal-cancel:hover{color:#a0a0a0}.chatme-modal-delete{background:#ff5252;color:#fff}.chatme-modal-delete:hover{background:#f33}.chatme-modal-delete:active{background:#e63333}@media (max-width:480px){.chatme-message-checkbox{height:16px;width:16px}.chatme-message-checkbox:checked:after{font-size:12px}.chatme-message-checkbox-container{height:24px;width:24px}.message.sent .chatme-message-checkbox-container{margin-left:8px;margin-right:4px}.message.received .chatme-message-checkbox-container{margin-left:4px;margin-right:8px}.chatme-message-checkbox{height:14px;width:14px}.chatme-selection-header{padding:6px 10px}.chatme-cancel-selection,.chatme-delete-selection{font-size:12px;padding:3px 6px}}.typing-indicator-container.inline{background:#0000;border-radius:8px;bottom:auto!important;display:flex;justify-content:flex-start;left:auto!important;margin:0 auto;max-width:none;padding:4px 8px;position:relative!important;right:auto!important;width:100%;z-index:auto!important}.typing-indicator-container{transition:all .3s ease}.chat-footer-vibe{background-color:initial;bottom:0;display:flex;justify-content:center;left:0;padding:10px 16px;position:absolute;right:0;z-index:1000}.chat-messages{background-color:initial;box-sizing:border-box;flex:1 1;font-style:normal;margin:5px;overflow-y:auto;padding:10px 16px 80px;scroll-behavior:smooth}@media (max-width:768px){.chatme-main-container.mobile-view .chatme-chat-window.full-width .chat-footer-vibe{left:0;position:fixed;right:0}.chatme-main-container.mobile-view .chatme-chat-window.full-width .chat-messages{padding-bottom:100px}}.toast-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #4f46e5;height:32px;overflow:hidden;width:32px}.toast-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}:root{--primary-hover:#008069;--error:#f15e6c;--error-hover:#e5177b;--warning:#f59e0b;--success:#10b981;--text-dark:#e9edef;--bg-darker:#0a0e14;--surface:#ffffff0d;--border:#8696a033;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-light:0 1px 3px #0000001a;--shadow-selected:0 2px 8px #00a88433}.group-creationChatmeGroups-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.group-creationChatmeGroups-modal{background:#0b141a;background:var(--bg-dark);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:85vh;width:min(90%,600px)}.group-creationChatmeGroups-header{align-items:center;display:flex;justify-content:space-between;padding:8px 12px 6px}.header-content{flex:1 1;flex-direction:column}.header-content,.header-title{align-items:center;display:flex}.header-title{color:#e9edef;color:var(--text-dark);font-size:16px;font-weight:600;gap:6px;letter-spacing:-.02em;margin:0 0 2px}.selected-count-header{color:#00a884;color:var(--primary);font-size:12px;font-weight:500}.step-indicator{align-items:center;display:flex;gap:4px}.step-dot{background:#8696a0;background:var(--text-light);border-radius:50%;height:5px;transition:background .2s ease;width:5px}.step-dot.active{background:#00a884;background:var(--primary)}.step-line{background:#8696a0;background:var(--text-light);height:2px;transition:background .2s ease;width:16px}.step-line.active{background:#00a884;background:var(--primary)}.close-btn{border-radius:50%;color:var(--text-light);font-size:16px;transition:all .2s ease}.close-btn:hover{background:#ffffff0d;background:var(--surface);color:#e9edef;color:var(--text-dark)}.error-message{background:#f15e6c;background:var(--error);border-radius:6px;color:#fff;font-size:12px;margin:0 16px 8px;padding:8px 12px;text-align:center}.group-creationChatmeGroups-body{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:0 12px 12px}.search-section{position:relative}.search-input{background:#0000!important;border:1px solid #8696a033;border:1px solid var(--border);border-bottom:none!important;border-radius:10px 10px 0 0;border-top:none;color:var(--text-dark);font-size:14px;outline:none;padding:8px 10px;transition:all .2s ease}.search-input:focus{border-color:#00a884;border-color:var(--primary);box-shadow:0 0 0 3px #00a8841a}.search-input::placeholder{color:var(--text-light)}.search-border{background:#8696a033;background:var(--border);border-radius:0 0 10px 10px;height:1px}.users-list{display:flex;flex:1 1;flex-direction:column;gap:0;height:auto;overflow-y:auto;padding-right:2px}.user-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);cursor:pointer;display:flex;gap:8px;margin-bottom:1px;max-height:36px;padding:4px 8px;position:relative;transition:all .2s ease}.user-item:hover{background:#ffffff0d;background:var(--surface);border-color:#8696a033;border-color:var(--border);box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.user-item.selected{background:#0a0e14;background:var(--bg-darker);border:none;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light)}.user-avatar{flex-shrink:0;height:36px;object-fit:cover;width:36px}.user-info{flex:1 1;min-width:0}.user-name{color:var(--text-dark);font-size:11px!important;font-weight:450!important;margin-bottom:0}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#8696a0;color:var(--text-light);font-size:9px!important}.check-icon{color:#00a884;color:var(--primary);flex-shrink:0;font-size:16px}.empty-state{align-items:center;color:#8696a0;color:var(--text-light);display:flex;flex-direction:column;justify-content:center;padding:16px 8px;text-align:center}.empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}.empty-state p{font-size:14px;margin:0}.group-iconChatmeGroups-section{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.group-iconChatmeGroups-preview{align-items:center;background:#0a0e14;background:var(--bg-darker);border:2px dashed #8696a033;border:2px dashed var(--border);border-radius:50%;display:flex;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:64px}.group-iconChatmeGroups-preview:hover{background:#ffffff0d;background:var(--surface);border-color:#00a884;border-color:var(--primary)}.icon-img{height:100%;object-fit:cover;width:100%}.icon-placeholder{color:#8696a0;color:var(--text-light);font-size:24px}.upload-spinner{color:#00a884;color:var(--primary);font-size:9px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.form-group{display:flex;flex-direction:column;gap:0}.form-label{align-items:center;color:#8696a0;color:var(--text-light);display:flex;font-size:12px;font-weight:500;gap:2px;margin-bottom:2px}.required{color:#f15e6c;color:var(--error);font-size:11px}.form-input,.form-textarea{background:#0000!important;border:1px solid #2e2e2e!important;border-radius:6px;color:#e9edef;color:var(--text-dark);font-family:inherit;font-size:14px;margin-bottom:2px;outline:none;padding:6px 8px!important;resize:none;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#00a884;border-color:var(--primary);box-shadow:0 0 0 3px #00a8841a}.form-textarea{min-height:50px;resize:vertical}.char-count{font-feature-settings:"tnum";color:#8696a0;color:var(--text-light);font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.selected-members-preview{display:flex;flex-direction:column;gap:4px}.preview-title{color:#8696a0;color:var(--text-light);font-size:11px;font-weight:500;margin:0}.members-avatars{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.avatar-wrapper{display:inline-flex;position:relative}.member-avatar{border:2px solid #0b141a;border:2px solid var(--bg-dark);height:32px;object-fit:cover;transition:border-color .2s ease;width:32px}.admin-badge{background:#0000;border-radius:2px;bottom:1px;color:#fff;font-size:5px;font-weight:600;padding:1px 2px;position:absolute;right:1px}.more-members{background:#0a0e14;background:var(--bg-darker);border:2px solid #0b141a;border:2px solid var(--bg-dark);border-radius:50%;color:#e9edef;color:var(--text-dark);font-size:10px;font-weight:600;height:32px;justify-content:center;width:32px}.modal-footer,.more-members{align-items:center;display:flex}.modal-footer{border-top:1px solid #8696a033;border-top:1px solid var(--border);flex-direction:row;gap:8px;justify-content:space-between;margin-top:auto;padding-top:8px}.back-btn,.create-btn,.next-btn{align-items:center;background:#00a884;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:4px;justify-content:center;min-width:0;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s ease;white-space:nowrap}.next-btn{flex:none;width:100%}.back-btn{background:#0a0e14;background:var(--bg-darker);border:1px solid #8696a033;border:1px solid var(--border);color:#e9edef;color:var(--text-dark)}.back-btn:hover{background:#ffffff0d;background:var(--surface);border-color:#00a884;border-color:var(--primary);color:#00a884;color:var(--primary)}.create-btn:hover:not(:disabled),.next-btn:hover{background:#008069;background:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.create-btn:disabled,.next-btn:disabled{background:#0a0e14;background:var(--bg-darker);box-shadow:none;color:#8696a0;color:var(--text-light);cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:12px;margin-right:4px;width:12px}.group-creationChatmeGroups-body::-webkit-scrollbar,.users-list::-webkit-scrollbar{width:4px}.group-creationChatmeGroups-body::-webkit-scrollbar-track,.users-list::-webkit-scrollbar-track{background:#0000}.group-creationChatmeGroups-body::-webkit-scrollbar-thumb,.users-list::-webkit-scrollbar-thumb{background:#8696a033;background:var(--border);border-radius:2px}.group-creationChatmeGroups-body::-webkit-scrollbar-thumb:hover,.users-list::-webkit-scrollbar-thumb:hover{background:#8696a0;background:var(--text-light)}@media (max-width:480px){.group-creationChatmeGroups-modal{border-radius:12px;max-height:90vh;width:95%}.group-creationChatmeGroups-header{padding:6px 10px 4px}.header-content{gap:2px}.header-title{font-size:15px;gap:4px}.selected-count-header{font-size:11px}.step-indicator{gap:3px}.step-line{width:12px}.close-btn{font-size:14px;padding:3px}.error-message{font-size:11px;margin:0 12px 6px;padding:6px 10px}.group-creationChatmeGroups-body{gap:6px;padding:0 10px 10px}.search-input{font-size:13px;padding:6px 8px}.users-list{padding-right:1px}.user-item{gap:6px;margin-bottom:1px;max-height:32px;padding:3px 6px}.user-avatar{height:32px;width:32px}.user-name{font-size:10px!important}.user-email{font-size:8px!important}.check-icon{font-size:14px}.empty-state{padding:12px 6px}.empty-icon{font-size:28px;margin-bottom:6px}.empty-state p{font-size:13px}.group-iconChatmeGroups-section{gap:4px}.group-iconChatmeGroups-preview{height:56px;width:56px}.icon-placeholder{font-size:20px}.upload-spinner{font-size:8px}.form-group{gap:0}.form-label{font-size:11px;margin-bottom:-10px!important}.required{font-size:10px}.form-input,.form-textarea{border-radius:5px;font-size:11px!important;margin-bottom:1px;padding:5px 4px!important}.form-textarea{min-height:45px}.char-count{font-size:1px}.selected-members-preview{gap:13px}.preview-title{font-size:10px}.members-avatars{gap:1px}.member-avatar,.more-members{height:38px;width:38px}.admin-badge{bottom:0;font-size:4px;padding:0 1px;right:0}.more-members{font-size:9px}.modal-footer{flex-direction:row!important;gap:6px;justify-content:space-between;padding-top:6px}.back-btn,.create-btn,.next-btn{border-radius:6px;flex:1 1;font-size:12px;gap:3px;min-width:0;padding:6px 8px}.next-btn{flex:none;width:100%}.spinner{height:10px;margin-right:3px;width:10px}}@media (min-width:768px){.group-creationChatmeGroups-modal{max-width:550px}.group-iconChatmeGroups-preview{height:72px;width:72px}}.chatme-main-container{display:flex;height:100%;position:relative;width:100%}.chatme-main-container.desktop-view{flex-direction:row}.chatme-main-container.mobile-view{flex-direction:column;height:100vh;height:100dvh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;width:100dvw}.chatme-chat-list{background-color:#0b1216;box-shadow:4px 0 12px #0000004d;display:flex;flex-direction:column;height:100%;max-width:440px;min-width:380px;overflow:visible;position:relative;top:0!important;transition:transform .3s ease;width:30%;z-index:1}@media (max-width:768px){.chatme-main-container.mobile-view .chatme-chat-list{background-color:#0b1216;border-right:none!important;box-shadow:none;flex:0 0 auto;height:auto;left:auto!important;margin:0;max-width:100%!important;min-width:100%!important;overflow:visible;padding:0;position:relative!important;top:auto!important;transform:none!important;width:100%!important;z-index:10}.chatme-main-container.mobile-view:has(.chatme-chat-window.full-width) .chatme-chat-list{max-height:80px!important;overflow:hidden!important}.chatme-main-container.mobile-view .chatme-header{display:flex!important;visibility:visible!important;z-index:200!important}.chatme-main-container.mobile-view .chatme-chat-window.full-width{border-radius:0;flex:1 1;height:auto;left:auto;margin:0;padding:0;position:relative;top:auto;width:100%;z-index:20}}.chatme-main-container.mobile-view .chatme-chat-list{transform:none}.chatme-main-container.mobile-view:has(.chatme-chat-window.full-width) .chatme-chat-list{display:flex}.chatme-chat-list-container{display:flex;flex-direction:column;width:100%}.chatme-chat-window{background-color:#0b1216;flex:1 1;height:100%;margin:0;min-height:0;overflow:hidden;padding:0;position:relative}.chatme-chat-window.full-width{width:100%}.chatme-chat-window.side-by-side{box-shadow:-4px 0 12px #0000004d;min-width:0;width:70%}.chatme-chat-window .whatsapp-chat-container{height:100%;overflow:hidden;position:relative;width:100%}.chatme-main-container.desktop-view .chatme-chat-window{overflow:hidden;position:relative}.chatme-main-container.desktop-view .whatsapp-chat-container{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.chatme-main-container.desktop-view .chatme-fab{background-color:initial;border-radius:50;bottom:30px;font-size:larger;left:500px;position:fixed;text-align:center;z-index:1010}.chatme-main-container.desktop-view .chatme-fab .fab-container{bottom:auto;position:relative;right:auto}.chatme-main-container.mobile-view .chatme-fab{background-color:initial;border-radius:50;bottom:70px;font-size:larger;position:fixed;right:20px;text-align:center;z-index:110}.chatme-chat-list .in-folder-fab{bottom:70px;position:absolute;right:16px;z-index:1010}@media (max-width:768px){.in-folder-fab{bottom:80px;position:fixed;right:16px;z-index:110}}@media (prefers-color-scheme:light){.chatme-chat-list{background-color:#f8f9fa;border-right:1px solid #dee2e6}.chatme-chat-window.side-by-side{border-left:1px solid #dee2e6}@media (max-width:768px){.chatme-main-container.mobile-view .chatme-chat-list{background-color:#f8f9fa}}}@media (min-width:1200px){.chatme-chat-list{max-width:500px}.chatme-chat-window.side-by-side{width:70%}}@media (max-width:768px){.chatme-main-container.mobile-view .chatme-chat-list{height:100vh;height:100dvh;left:0;margin:0;max-width:100vw;max-width:100dvw;min-width:100vw;min-width:100dvw;padding:0;position:fixed;top:0;transform:translateX(0);width:100vw;width:100dvw;z-index:10}.chat-footer-vibe{bottom:0;left:0;position:fixed;right:0;width:100vw;width:100dvw;z-index:999}}.chatme-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.chatme-modal.folder-modal{animation:slideUp .25s cubic-bezier(.4,0,.2,1);background:#0b1216;border:1px solid #2a3942;border-radius:8px;color:#e9edef;height:-webkit-fit-content;height:fit-content;max-height:70vh;max-width:340px;overflow:hidden;width:100%}.folder-modal__header{border-bottom:none;gap:8px;justify-content:space-between;padding:8px 12px}.folder-modal__header,.folder-modal__icon{align-items:center;display:flex;flex-shrink:0}.folder-modal__icon{background:#0000;border-radius:6px;height:32px;justify-content:center;width:32px}.folder-modal__icon svg{color:#00a884cc}.folder-modal__title{color:#e9edef;flex:1 1;font-size:12px;font-weight:600;margin:0;text-align:left}.chatme-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#e9edef99;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .15s ease}.chatme-modal-close:hover{background:#00a8841a;color:#e9edef}.chatme-modal-close svg{height:20px;width:20px}.folder-modal__content{align-items:center;display:flex;flex:0 1 auto;flex-direction:column;gap:8px;padding:8px;width:100%}.folder-modal__label{color:#8696a0;font-size:10px;font-weight:500;opacity:.9;text-align:center;width:100%}.folder-modal__inputWrap{align-items:center;display:flex;gap:6px;justify-content:center;position:relative;width:100%}.folder-modal .chatme-search-input,.folder-modal__input{background:#111b21;border:1px solid #2a3942;border-radius:4px;color:#e9edef;font-size:11px;height:32px;margin:0 auto;max-width:240px;padding:7px 10px!important;transition:all .15s ease;width:100%}.folder-modal .chatme-search-input:focus,.folder-modal__input:focus{border-color:#00bfa5;box-shadow:none;outline:none}.folder-modal .chatme-search-input::placeholder{color:#e9edef66;opacity:.6}.folder-modal__inputWrap+.folder-modal__count{display:none}.folder-modal__inputWrap .folder-modal__count{font-feature-settings:"tnum";color:#e9edef80;display:block;font-size:12px;font-variant-numeric:tabular-nums;opacity:.6;white-space:nowrap}.folder-modal__footer{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:6px;padding:0 8px 8px;position:relative;width:100%}.folder-modal__actions{display:flex;gap:6px;justify-content:center;width:auto}.folder-modal__actions button{flex:none}.folder-modal .add-btn,.folder-modal .chatme-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:10px;font-weight:500;height:30px;justify-content:center;padding:7px 12px;transition:all .12s ease;white-space:nowrap}.folder-modal .chatme-all-btn{background:#0000;border:1px solid #2a3942;color:#8696a0}.folder-modal .chatme-all-btn:hover:not(:disabled){background:#00bfa514;border-color:#00bfa5;color:#00bfa5}.folder-modal .add-btn{background:#00bfa5;border:none;color:#0b1216}.folder-modal .add-btn:hover:not(:disabled){background:#00a890}.folder-modal .add-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.chatme-modal-overlay{padding:10px}.chatme-modal.folder-modal{margin:0 auto;max-width:360px;width:85%}.folder-modal__header{gap:8px;padding:14px}.folder-modal__title{font-size:16px}.folder-modal__icon{height:32px;width:32px}.folder-modal__content{gap:10px;padding:12px}.folder-modal__inputWrap{max-width:100%}.folder-modal .chatme-search-input,.folder-modal__input{font-size:14px;height:40px;padding:8px 12px!important}.folder-modal__footer{width:100%}.folder-modal__actions{display:flex;gap:8px;width:100%}.folder-modal__actions button{flex:1 1;font-size:13px!important;height:40px;padding:12px 16px!important}.folder-modal__count{font-size:11px}}@media (max-width:480px){.chatme-modal.folder-modal{height:-webkit-fit-content;height:fit-content;margin:0 auto;max-width:340px;width:95%}.folder-modal__content{gap:8px;padding:7px}.folder-modal__header{gap:6px;padding:7px 10px}.folder-modal__title{font-size:12px}.folder-modal__icon{height:32px;width:32px}.folder-modal .chatme-search-input,.folder-modal__input{font-size:11px;height:32px;padding:7px 10px!important}.folder-modal__label{font-size:10px}.folder-modal__footer{gap:6px;margin-top:6px;width:100%}.folder-modal__actions{display:flex;gap:5px;width:100%}.folder-modal__actions button{flex:1 1;font-size:10px!important;height:28px;padding:6px 8px!important}.chatme-modal-close{height:24px;width:24px}.chatme-modal-close svg{height:16px;width:16px}}.imo-search-bar{background-color:initial;margin-left:75%;max-width:500px;position:relative;width:100%}.imo-search-bar input{background-color:initial;border:1px solid #ddd;border-radius:15px;font-size:14px;width:50%}.imo-search-bar input:focus{border-color:#4dfe9d}.imo-cancel-search{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.imo-cancel-search:hover{background-color:#f0f0f0;color:#666}.chat-menu-container{position:relative}.chat-menu{animation:scaleIn .15s ease-out;background-color:#0b1216;background-color:var(--menu-bg-color,#0b1216);border:1px solid #2a3942;border:1px solid var(--menu-border-color,#2a3942);border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:80vh;min-width:180px;overflow:hidden;overflow-y:auto;padding:12px 0;position:fixed;transform-origin:top right;z-index:10000}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.menu-item{background:#0000;border:none;box-sizing:border-box;cursor:pointer;font-size:14px;gap:12px;padding:10px 16px;text-align:left;transition:all .2s ease;width:100%}.menu-item,.menu-item svg{align-items:center;display:flex}.menu-item svg{color:#8696a0;color:var(--menu-icon-color,#8696a0);flex-shrink:0;height:16px;justify-content:center;transition:color .2s ease;width:16px}.menu-item span{line-height:1;padding-top:1px}.menu-item:hover{background-color:#90ee90}.menu-item:hover svg{color:#90ee90}.menu-item.danger,.menu-item.danger svg{color:#f15e6c;color:var(--menu-danger-color,#f15e6c)}.menu-item.danger:hover{background-color:#f15e6c1a;background-color:var(--menu-danger-hover,#f15e6c1a)}.menu-item:not(:last-child){border-bottom:1px solid #2a3942;border-bottom:1px solid var(--menu-divider-color,#2a3942)}[data-theme=light] .chat-menu{--menu-bg-color:#0000;--menu-border-color:#e1e4e6;--menu-text-color:#3d4a52;--menu-item-hover:#0000000d;--menu-icon-color:#7d8b94;--menu-icon-hover:#5d6b74;--menu-divider-color:#0000000d;--menu-danger-color:#ff3b3b}[data-theme=dark] .chat-menu{--menu-bg-color:#0b1216;--menu-border-color:#2a3942;--menu-text-color:#e9edef;--menu-item-hover:#ffffff05;--menu-icon-color:#8696a0;--menu-icon-hover:#e9edef;--menu-divider-color:#2a3942;--menu-danger-color:#f15e6c}.menu-item-icon{align-items:center;color:#8696a0;color:var(--menu-icon-color,#8696a0);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.menu-item-text{color:#d6d4d4;flex-grow:1;font-weight:100px;line-height:1;padding-left:8px;text-align:left}.accent-icon{color:#00a884;color:var(--menu-accent-color,#00a884)}.menu-item.danger .menu-item-icon,.menu-item.danger .menu-item-text{color:#f15e6c;color:var(--menu-danger-color,#f15e6c)}:root{--primary-light:#00d4aa;--primary-dark:#008069;--secondary:#25d366;--accent:#34b7f1;--bg-dark:#0b141a;--bg-darker:#050a0f;--bg-light:#202c33;--text:#e9edef;--text-light:#8696a0;--border:#2a3942}.groupHeaderChatmeGroups-header{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #ffffff14;box-sizing:border-box;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:70px;justify-content:space-between;left:0;overflow:hidden;padding:8px 16px;position:absolute;right:0;top:0;z-index:120}.groupHeaderChatmeGroups-header:before{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#050a0f;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.groupHeaderChatmeGroups-header:after{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:.5}.groupHeaderChatmeGroups-leftSection{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center;min-width:0;position:relative;z-index:2}.groupHeaderChatmeGroups-backButton{align-items:center;background:#0000;border:none;border-radius:50%;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px;z-index:3}.groupHeaderChatmeGroups-backButton:hover{color:#00a884;color:var(--primary);transform:translateY(-2px)}.groupHeaderChatmeGroups-contactInfo{align-items:center;cursor:pointer;display:flex;gap:12px;overflow:hidden;transition:all .3s ease}.groupHeaderChatmeGroups-contactInfo:hover{opacity:.9}.groupHeaderChatmeGroups-contactAvatar{border:none;border-radius:50%;box-shadow:0 6px 24px #0000004d;flex-shrink:0;height:56px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:56px;z-index:3}.groupHeaderChatmeGroups-contactAvatar:hover{border-color:#00a88480;box-shadow:0 16px 40px #00a88459;transform:scale(1.12) translateY(-6px)}.groupHeaderChatmeGroups-contactAvatar img{animation:avatarSlideIn .6s cubic-bezier(.34,1.56,.64,1);height:100%;object-fit:cover;width:100%}@keyframes avatarSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.groupHeaderChatmeGroups-avatarPlaceholder{align-items:center;background:linear-gradient(135deg,#1f7f5f,#00d4aa);border-radius:50%;box-shadow:inset 0 4px 12px #00000040;color:#fff;display:flex;font-size:20px;font-weight:800;height:100%;justify-content:center;letter-spacing:.8px;position:relative;text-transform:uppercase;width:100%}.groupHeaderChatmeGroups-avatarPlaceholder:after{background:linear-gradient(135deg,#fff3,#0000);border-radius:24px;content:"";inset:0;pointer-events:none;position:absolute}.groupHeaderChatmeGroups-contactDetails{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.groupHeaderChatmeGroups-contactDetails h3{color:#e9edef;color:var(--text);font-size:12px;font-weight:500;letter-spacing:.3px;line-height:1.1;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0000001a;white-space:nowrap}.groupHeaderChatmeGroups-status{align-items:center;color:#8696a0;color:var(--text-light);display:flex;font-size:10px;font-weight:400;gap:6px;margin:0;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.groupHeaderChatmeGroups-onlineDot{animation:pulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#00a884,#00d4aa);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 0 8px #00a88499;display:inline-block;height:10px;width:10px}.groupHeaderChatmeGroups-typingIndicator{font-style:italic;font-weight:600}.groupHeaderChatmeGroups-onlineStatus{font-weight:600}.groupHeaderChatmeGroups-status-container{flex-direction:column;gap:5px}.groupHeaderChatmeGroups-member-count{color:#8696a0;color:var(--text-light);font-size:12px;font-weight:500}.groupHeaderChatmeGroups-last-activity{color:#8696a0;color:var(--text-light);font-size:10px;font-weight:500}.groupHeaderChatmeGroups-rightSection{align-items:center;display:flex;gap:4px;position:relative;z-index:2}.groupHeaderChatmeGroups-chatMenuContainer{align-items:center;display:flex;gap:2px;position:relative;z-index:999}.groupHeaderChatmeGroups-iconButton{align-items:center;background:#0000;border:none;border-radius:50%;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:6px;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:3}.groupHeaderChatmeGroups-iconButton:hover{color:#00a884;color:var(--primary);transform:translateY(-2px) scale(1.05)}.groupHeaderChatmeGroups-iconButton:active{transform:scale(.93)}.groupHeaderChatmeGroups-menuButton,.groupHeaderChatmeGroups-videoButton,.groupHeaderChatmeGroups-voiceButton{margin-left:2px}.groupHeaderChatmeGroups-iconButton svg{stroke-width:2;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:20px;pointer-events:none;position:relative;width:20px;z-index:2}.groupHeaderChatmeGroups-iconButton circle,.groupHeaderChatmeGroups-iconButton line,.groupHeaderChatmeGroups-iconButton path,.groupHeaderChatmeGroups-iconButton polyline{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.groupHeaderChatmeGroups-iconButton,.groupHeaderChatmeGroups-iconButton path,.groupHeaderChatmeGroups-iconButton svg{visibility:visible}@media (max-width:768px){.groupHeaderChatmeGroups-header{min-height:85px}.groupHeaderChatmeGroups-contactAvatar{border-radius:16px;height:60px;width:60px}.groupHeaderChatmeGroups-avatarPlaceholder{border-radius:16px;font-size:26px}.groupHeaderChatmeGroups-contactDetails h3{font-size:16px}.groupHeaderChatmeGroups-status{font-size:13px}.groupHeaderChatmeGroups-iconButton{min-height:38px;min-width:38px}.groupHeaderChatmeGroups-iconButton svg{height:20px;width:20px}}@media (max-width:480px){.groupHeaderChatmeGroups-leftSection{gap:12px;padding:8px 12px}.groupHeaderChatmeGroups-rightSection{padding:8px 12px}.groupHeaderChatmeGroups-contactAvatar{border-radius:14px;height:54px;width:54px}.groupHeaderChatmeGroups-contactDetails h3{font-size:15px}}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.groupHeaderChatmeGroups-header{animation:headerSlideDown .5s cubic-bezier(.34,1.56,.64,1)}.groupHeaderChatmeGroups-header.light-theme{--text-light:#6b7280}.groupHeaderChatmeGroups-header.light-theme:before{background:linear-gradient(135deg,#f0f2f5fa,#e5e7ebf2)}.groupHeaderChatmeGroups-header.light-theme:after{background:radial-gradient(circle at top right,#25d36608,#0000)}.groupHeaderChatmeGroups-header.light-theme .groupHeaderChatmeGroups-contactDetails h3{color:#111827;text-shadow:0 1px 2px #0000000d}.groupHeaderChatmeGroups-header.light-theme .groupHeaderChatmeGroups-status{color:#6b7280}.groupHeaderChatmeGroups-header.light-theme .groupHeaderChatmeGroups-backButton{background:#0000000d;border-color:#0000001a;color:#6b7280}.groupHeaderChatmeGroups-header.light-theme .groupHeaderChatmeGroups-backButton:hover{background:#25d3661f;border-color:#25d3664d;color:#10b981}.groupHeaderChatmeGroups-header.light-theme .groupHeaderChatmeGroups-iconButton{background:#0000000d;border-color:#0000001a;color:#6b7280}.groupHeaderChatmeGroups-header.light-theme .groupHeaderChatmeGroups-iconButton:hover{background:#25d3661f;border-color:#25d3664d;box-shadow:0 6px 20px #25d36640;color:#10b981}.groupHeaderChatmeGroups-avatarFullscreenOverlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.groupHeaderChatmeGroups-avatarFullscreenContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:90%;max-width:90%;position:relative}.groupHeaderChatmeGroups-avatarFullscreenImage{animation:slideUp .4s ease;border-radius:24px;box-shadow:0 20px 60px #000c;max-height:70vh;max-width:100%;object-fit:contain}.groupHeaderChatmeGroups-avatarFullscreenFooter{color:#fff;margin-top:20px;text-align:center}.groupHeaderChatmeGroups-avatarFullscreenFooter h3{font-size:24px;font-weight:700;margin:0 0 15px}.groupHeaderChatmeGroups-avatarActions{display:flex;gap:12px;justify-content:center}.groupHeaderChatmeGroups-avatarActions button{background:#00a884;background:var(--primary);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.groupHeaderChatmeGroups-avatarActions button:hover{background:#008069;background:var(--primary-dark);box-shadow:0 6px 20px #00a88466;transform:translateY(-2px)}.groupHeaderChatmeGroups-avatarCloseButton{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:absolute;right:0;top:-60px;transition:all .3s ease;width:48px}.groupHeaderChatmeGroups-status-container{align-items:center;display:flex;font-size:14px;gap:8px}.groupHeaderChatmeGroups-typingIndicator{align-items:center;color:#00a884;color:var(--primary);display:flex;font-weight:500;gap:4px}.typing-dot{animation:typing 1.4s infinite;background:#00a884;background:var(--primary);border-radius:50%;height:4px;width:4px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.groupHeaderChatmeGroups-onlineStatus{align-items:center;color:#00a884;color:var(--primary);display:flex;font-weight:500;gap:6px}.groupHeaderChatmeGroups-onlineDot{animation:pulse 2.5s infinite;background:#00a884;background:var(--primary);border-radius:50%;box-shadow:0 0 8px #00a884;box-shadow:0 0 8px var(--primary);height:8px;width:8px}.groupHeaderChatmeGroups-last-activity{color:#ffffffb3;font-size:13px}.groupHeaderChatmeGroups-member-count{color:#fff9;font-size:13px}.formatted-text-container{word-wrap:break-word;line-height:1.5}.formatted-bold{color:#e9edef;font-weight:600}.formatted-italic{color:#d1d7db;font-style:italic}.formatted-strikethrough{color:#8696a0;opacity:.7;text-decoration:line-through}.formatted-code{background-color:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;color:#00a884;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.formatted-highlight{border-radius:4px;color:#000;display:inline-block;font-weight:500;margin:0 2px;padding:2px 6px}.formatted-mention{background:#667eea2e;border:1px solid #667eea59;border-radius:9999px;color:#e9efff;cursor:pointer;display:inline-block;font-weight:600;margin:0 2px;padding:1px 6px}.message-bubble.outgoing .formatted-mention{background:#ffffff2e;border-color:#ffffff59;color:#fff}.formatted-mention:hover{filter:brightness(1.05)}.highlight-yellow{background-color:#ffd43b;color:#000}.highlight-red{background-color:#ff6b6b;color:#fff}.highlight-blue{background-color:#4dabf7;color:#fff}.highlight-green{background-color:#51cf66;color:#000}.highlight-orange{background-color:#ff922b;color:#000}.highlight-purple{background-color:#a78bfa;color:#fff}.highlight-pink{background-color:#f783ac;color:#fff}.highlight-cyan{background-color:#3bc9db;color:#000}.highlight-lime{background-color:#94d82d;color:#000}.highlight-teal{background-color:#20c997;color:#fff}.highlight-indigo{background-color:#748ffc;color:#fff}.highlight-violet{background-color:#da77f2;color:#000}.highlight-gray,.highlight-grey{background-color:#868e96;color:#fff}.message-bubble.incoming .formatted-highlight,.message-bubble.outgoing .formatted-highlight{opacity:1}.message-bubble.outgoing .formatted-bold{color:#fff}.message-bubble.incoming .formatted-bold{color:#e9edef}.message-row{animation:messageSlideIn .15s ease-out;background-color:initial;box-sizing:border-box;display:flex;margin-bottom:2px;padding:2px 20px;width:100%}@media (min-width:1200px){.message-row{margin-bottom:4px;padding:4px 30px}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-row.incoming-row{align-items:flex-end;gap:8px;justify-content:flex-start}.message-row.outgoing-row{align-items:flex-end;justify-content:flex-end}.message-avatar-spacer{flex-shrink:0;height:40px;margin-right:8px;width:40px}.swipe-reply-icon{color:#00a884;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .1s ease;z-index:10}.message-row.swiping{position:relative}.message-content-wrapper{box-sizing:border-box;color:#e9edef;display:inline-block;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:65%;min-width:-webkit-fit-content;min-width:fit-content;position:relative}.message-content-wrapper.outgoing{align-items:flex-end}.message-content-wrapper.incoming{align-items:flex-start}.message-content-wrapper.consecutive{margin-top:-2px}.message-avatar{align-self:flex-end;flex-shrink:0;height:40px;margin-right:8px;width:40px}.avatar{align-items:center;border:2px solid #0b1216;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;transition:transform .2s;width:40px}.avatar.clickable:hover{transform:scale(1.05)}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-initial{align-items:center;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;width:100%}.avatar-initial,.avatar-initial:first-of-type{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-initial:nth-of-type(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.avatar-initial:nth-of-type(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.avatar-initial:nth-of-type(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.avatar-initial:nth-of-type(5){background:linear-gradient(135deg,#fa709a,#fee140)}.avatar-initial:nth-of-type(6){background:linear-gradient(135deg,#30cfd0,#330867)}.avatar-initial:nth-of-type(7){background:linear-gradient(135deg,#a8edea,#fed6e3)}.avatar-initial:nth-of-type(8){background:linear-gradient(135deg,#ff9a9e,#fecfef)}.avatar-initial:nth-of-type(9){background:linear-gradient(135deg,#ffecd2,#fcb69f)}.avatar-initial:nth-of-type(10){background:linear-gradient(135deg,#ff6e7f,#bfe9ff)}.message-sender-name{color:#00a884;font-size:12.8px;font-weight:600;letter-spacing:.3px;margin-bottom:2px;padding-left:0}.message-bubble{word-wrap:break-word;border-radius:7.5px;box-shadow:0 1px .5px #00000021;display:inline-block;font-size:12.5px;line-height:1.4;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 7px 2px 9px;position:relative;width:auto;word-break:normal}.message-content-wrapper.incoming .message-bubble{background:#202c33;border-top-left-radius:0;color:#e9edef}.message-content-wrapper.outgoing .message-bubble{background:#005c4b;border-top-right-radius:0;color:#e9edef}.message-bubble.typing-bubble{background:#202c33;border-top-left-radius:0;min-width:60px;padding:10px 14px}.message-bubble.compact{margin-bottom:-10px}.message-bubble.system{background:#fff3b0;border:1px solid #0000000f;border-radius:10px;box-shadow:inset 0 1px 0 #00000008;color:#1a1a1a;font-style:italic;margin-left:auto;margin-right:auto;max-width:90%;padding:8px 12px;text-align:center}.message-bubble.system .formatted-text-container,.message-bubble.system .formatted-text-container *,.message-bubble.system .message-text{background-color:initial!important;color:#fff!important}.system-message-row{box-sizing:border-box;display:flex;justify-content:center;padding:6px 12px;width:100%}.system-message{background:#0000;border:1px solid #0000000a;border-radius:8px;box-shadow:inset 0 6px 0 #00000005;color:#838282;font-size:13px;font-style:italic;max-width:92%;padding:6px 12px;text-align:center}@media (max-width:600px){.system-message{font-size:12.5px;max-width:98%}}.system-message-text{font-style:normal}.system-message-date{color:#8f8b8b99;font-size:11px;margin-top:-2px}.message-text{color:#e9edef;display:inline;line-height:1.4;margin:0;max-width:100%;overflow-wrap:normal;padding:0;white-space:normal;word-break:normal}.message-text:after{content:"";display:inline;height:0;width:40px}.edited-indicator{color:#8696a0;font-size:11px;margin-left:6px}.message-forwarded-label{color:#8696a0;display:inline-block;font-size:11px;font-style:italic;letter-spacing:.2px;margin-bottom:4px}.message-reply-preview{background:#0000002e;border-left:3px solid #00a884;border-radius:6px;cursor:pointer;margin-bottom:6px;max-width:100%;padding:6px 10px;transition:background .2s}.message-reply-preview:hover{background:#ffffff14}.message-content-wrapper.incoming .message-bubble .message-reply-preview{background:#0000002e}.message-content-wrapper.outgoing .message-bubble .message-reply-preview{background:#ffffff14}.reply-line{display:none}.reply-header{align-items:center;color:#00a884;display:flex;font-size:12.5px;font-weight:600;gap:6px;margin-bottom:3px}.reply-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.reply-content{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#e9edefcc;display:-webkit-box;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.message-file{align-items:center;display:flex;gap:8px}.file-icon{color:#8696a0;flex-shrink:0;font-size:20px}.image-preview{background:#2a3942;border-radius:5px;cursor:pointer;overflow:hidden;position:relative}.image-preview img{max-height:200px;max-width:200px;object-fit:cover}.image-overlay{background:#000c;bottom:0;color:#e9edef;font-size:12px;left:0;padding:4px 8px;position:absolute;right:0}.file-info .file-name{color:#00a884;cursor:pointer;font-size:14px}.file-size{color:#8696a0;font-size:12px}.audio-player,.message-audio{align-items:center;display:flex;gap:8px}.audio-player{background:#2a3942;border:1px solid #2a3942;border-radius:20px;min-width:180px;padding:8px}.play-button{background:none;border:none;color:#e9edef;cursor:pointer;font-size:16px}.audio-progress{background:#2a3942;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.progress-bar{background:#00a884;height:100%;width:0}.audio-duration{color:#8696a0;font-size:12px;min-width:30px}.message-meta{align-items:center;bottom:1px;display:inline-flex;float:right;gap:1px;justify-content:flex-end;margin-bottom:1px;margin-left:2px;margin-top:0;position:relative}.message-meta,.message-time{font-size:11px;white-space:nowrap}.message-time{color:#e9edef99;display:inline-block;line-height:1;margin:0;padding:0}.message-content-wrapper.outgoing .message-time{color:#e9edefcc}.status-delivered,.status-sent{color:#e9edef99;font-size:16px;line-height:1}.status-read{color:#53bdeb;font-size:16px;line-height:1}.message-reactions{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;margin-top:4px}.reaction-bubble{align-items:center;background:#0000;border:none;border-radius:18px;color:#e9edef;cursor:pointer;display:inline-flex;font-size:13px;gap:2px;padding:0 2px}.reaction-count{color:#e9edef;font-weight:500;margin-left:1px}.reaction-details-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000000}.reaction-details-modal{background:#1a242c;border:1px solid #2a3942;border-radius:10px;box-shadow:0 10px 30px #00000080;color:#e9edef;display:flex;flex-direction:column;max-height:60vh;max-width:90vw;overflow:hidden;width:340px}.reaction-details-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;font-weight:600;justify-content:space-between;padding:12px 14px}.reaction-details-close{background:#0000;border:none;color:#8696a0;cursor:pointer;font-size:16px}.reaction-details-list{overflow-y:auto;padding:8px 0}.reaction-details-item{align-items:center;display:flex;justify-content:space-between;padding:10px 14px}.reaction-details-item+.reaction-details-item{border-top:1px solid #ffffff0d}.reaction-details-name{font-size:14px}.reaction-details-right{align-items:center;display:inline-flex;gap:8px}.reaction-details-emoji{font-size:16px}.reaction-remove-self{background:#033c32;border:1px solid #0a5f50;border-radius:6px;color:#00a884;cursor:pointer;font-size:12px;padding:4px 8px}.message-selector{left:8px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.selector-circle{align-items:center;background:#0000;border:2px solid #2a3942;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;width:20px}.selector-circle.selected{background:#00a884;border-color:#00a884}.selector-circle span{color:#0b1216;font-size:12px;font-weight:700}.message-options-menu{background:#1a242c;border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 12px #00000080;min-width:200px;padding:8px;position:absolute;right:8px;top:-8px;transform:translateY(-100%);z-index:1000}.reaction-row{border-bottom:1px solid #2a3942;display:flex;gap:4px;margin-bottom:4px;padding:4px 0}.reaction-btn{background:none;border:none;border-radius:4px;color:#e9edef;cursor:pointer;font-size:24px;padding:4px;transition:background .2s}.reaction-btn:hover{background:#ffffff0d}.options-list{display:flex;flex-direction:column;gap:2px}.option-item{align-items:center;background:none;border:none;border-radius:4px;color:#e9edef;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left}.option-item:hover{background:#ffffff0d}.option-item.delete{color:#ff6b6b}.option-item.delete:hover{background:#ff6b6b1a}.option-item span{font-size:16px}.delete-confirmation{align-items:center;background:#000c;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:2000}.confirmation-dialog{background:#1a242c;border:1px solid #2a3942;border-radius:12px;color:#e9edef;max-width:300px;overflow:hidden;width:90%}.dialog-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;gap:12px;padding:16px}.dialog-header h4{color:#e9edef;flex:1 1;margin:0}.dialog-body{color:#e9edef;padding:16px}.dialog-actions{border-top:1px solid #2a3942;display:flex;gap:8px;padding:16px}.cancel-btn,.delete-btn{border:none;border-radius:6px;flex:1 1;font-weight:500;padding:10px}.cancel-btn{background:#2a3942;color:#e9edef}.delete-btn{background:#ff6b6b}.message-info-panel{background:#1a242c;border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 12px #00000080;left:50%;max-height:400px;min-width:250px;overflow-y:auto;padding:16px;position:absolute;top:-8px;transform:translateX(-50%) translateY(-100%);z-index:1000}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.info-header h4{color:#e9edef;margin:0}.close-btn{color:#8696a0;font-size:18px}.info-timestamp{color:#e9edef;font-size:14px;margin-bottom:8px}.edited-note{color:#8696a0;font-size:12px}.info-status{align-items:center;color:#e9edef;display:flex;font-size:14px;gap:6px;margin-bottom:12px}.status-icon{font-size:12px}.read-receipts h5{color:#e9edef;font-size:14px;margin:0 0 8px}.receipt-list{display:flex;flex-direction:column;gap:8px}.receipt-item{gap:8px}.receipt-item,.user-avatar{align-items:center;display:flex}.user-avatar{background:#2a3942;border-radius:50%;color:#e9edef;font-size:12px;height:32px;justify-content:center;width:32px}.user-details{display:flex;flex-direction:column}.user-name{color:#e9edef;font-size:14px}.read-time{color:#8696a0;font-size:12px}.message-bubble:hover{background:#2a3942}.message-bubble.outgoing:hover{background:#00a88440}.message-content-wrapper{animation:fadeIn .2s ease-out}.message-pin-indicator{background:#00a884;border-radius:10px;color:#0b1216;font-size:11px;font-weight:500;left:-8px;padding:2px 6px;position:absolute;top:-8px}.pinned-highlight .message-content-wrapper .message-bubble,.pinned-highlight.message-row .message-content-wrapper .message-bubble{box-shadow:inset 0 0 0 2px #00a884,0 0 12px #00a88499;position:relative;transition:box-shadow .3s ease}@keyframes pinFlash{0%{box-shadow:inset 0 0 0 2px #00a884,0 0 12px #00a88499}to{box-shadow:none}}.pinned-highlight .message-content-wrapper .message-bubble{animation:pinFlash 1.8s ease forwards}@media (max-width:768px){.message-content-wrapper{display:block!important;max-width:96%!important;min-width:auto!important;padding:6px 12px;width:96%!important}.message-bubble{max-width:100%!important;width:100%!important}.message-text{white-space:normal;word-break:normal}}@media (max-width:480px){.message-content-wrapper{display:block!important;max-width:96%!important;min-width:auto!important;padding:5px 8px;width:96%!important}.message-bubble{max-width:100%!important;width:100%!important}}@media (max-width:600px){.message-row{gap:6px;padding-left:8px;padding-right:8px}.message-meta{gap:1px;margin-left:2px;margin-top:0}.message-text{line-height:1.3}.system-message-text{font-size:12px}.message-avatar,.message-avatar-spacer{display:block!important;flex-shrink:0;height:28px!important;margin-right:6px!important;width:28px!important}.avatar,.avatar-image,.avatar-initial{border-radius:50%;font-size:12px!important;height:28px!important;width:28px!important}.message-content-wrapper{max-width:96%!important;padding:6px 8px!important;width:96%!important}.message-bubble{box-sizing:border-box;max-width:100%!important;padding:5px 10px;width:100%!important}.message-meta{float:none;justify-content:flex-end;margin-left:0}}@media (max-width:270px){.message-avatar,.message-avatar-spacer{display:none!important;height:0!important;margin:0!important;width:0!important}.message-content-wrapper{max-width:98%!important;padding:6px!important;width:98%!important}.message-bubble{max-width:100%!important;padding:8px 10px;width:100%!important}.system-message-text{font-size:11px}}.message-content-wrapper.pinned .message-pin-indicator{display:block}.imo-message-container{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><defs><pattern id="p" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M0 0h100v100H0z" fill="none"/><path d="M10 10h10v10H10z" fill="rgba%28255,255,255,0.02%29"/><path d="M50 50h10v10H50z" fill="rgba%28255,255,255,0.01%29"/></pattern></defs><rect width="100" height="100" fill="url%28%23p%29"/></svg>');background-repeat:repeat;gap:2px;padding:76px 0 88px;position:relative;scroll-behavior:smooth}.imo-message-container::-webkit-scrollbar{width:6px}.imo-message-container::-webkit-scrollbar-track{background:#0000}.imo-message-container::-webkit-scrollbar-thumb{background-color:#2a3942;border-radius:3px}.imo-message-container::-webkit-scrollbar-thumb:hover{background-color:#374850}.whatsapp-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.whatsapp-bg-pattern{height:100%;object-fit:cover;opacity:var(--wallpaper-opacity);width:100%}.whatsapp-messages-list{grid-gap:3px;display:grid;gap:3px;grid-template-rows:repeat(100,auto);grid-template-rows:repeat(var(--total-messages,100),auto);min-height:100%;position:relative;width:100%}.whatsapp-date-separator{display:contents}.whatsapp-date-label{color:var(--accent-color);font-size:11px;font-style:normal;grid-column:1/-1;margin:20px 0;position:relative;text-align:center;z-index:10}.whatsapp-date-label:after,.whatsapp-date-label:before{background-color:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:30%}.whatsapp-date-label:before{left:0}.whatsapp-date-label:after{right:0}.whatsapp-typing-container{margin-bottom:10px;position:relative}.whatsapp-messages-end{flex-shrink:0;height:20px}.whatsapp-selection-toolbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--header-bg);border-radius:12px 12px 0 0;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 6px #00000040;display:flex;justify-content:space-between;margin:0 16px;padding:10px 18px;position:-webkit-sticky;position:sticky}.whatsapp-selection-count{color:var(--accent-color);font-size:15px;font-weight:600;letter-spacing:.3px}.whatsapp-selection-actions{align-items:center;display:flex;gap:8px}.whatsapp-selection-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.whatsapp-selection-btn:hover{background-color:var(--hover-color);transform:scale(1.1)}.whatsapp-delete-btn{color:#ff4d4d}.whatsapp-delete-btn:hover{background-color:#ff4d4d26}.whatsapp-forward-btn{color:var(--accent-color)}.whatsapp-star-btn{color:gold}.typing-message{animation:none!important;opacity:1!important}.typing-message .whatsapp-message-bubble{align-items:center;background-color:initial!important;border:none!important;display:flex;min-height:40px;padding:0!important}.whatsapp-typing-dots{display:flex;gap:2px;padding:4px 0}.whatsapp-typing-dots span{animation:typing 1.4s ease-in-out infinite;background-color:var(--text-secondary);border-radius:50%;height:6px;width:6px}.whatsapp-typing-dots span:nth-child(2){animation-delay:.2s}.whatsapp-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-time{display:none}.imo-typing-indicator{display:flex;gap:4px;padding:12px 14px}.imo-typing-indicator span{animation:typing-bounce 1.4s ease-in-out infinite;background-color:#8696a0;border-radius:50%;height:8px;width:8px}.imo-typing-indicator span:first-child{animation-delay:0s}.imo-typing-indicator span:nth-child(2){animation-delay:.2s}.imo-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.imo-message-container:empty:after{align-items:center;color:var(--text-secondary);content:"No messages yet";display:flex;flex-direction:column;font-size:16px;height:100%;justify-content:center}.whatsapp-message-container:empty:before{content:"💬";display:block;font-size:48px;margin-bottom:10px}@media (min-width:1200px){.imo-message-container{padding:76px 30px 88px}.whatsapp-message-container{padding:80px 30px 88px}}@media (max-width:768px){.whatsapp-message-container{padding:8px 12px 80px}}@media (max-width:480px){.whatsapp-message-container{padding:5px 8px 80px}.whatsapp-selection-toolbar{margin:0 8px;padding:8px 12px}.whatsapp-selection-btn{font-size:18px;height:36px;width:36px}}.whatsapp-message-container.selection-mode{--selection-overlay:#25d3660d}.whatsapp-message-container{transition:padding .3s ease}.whatsapp-messages-list{z-index:1}.whatsapp-background{z-index:0}.whatsapp-selection-toolbar{z-index:1000}@media (prefers-contrast:high){.whatsapp-date-label:after,.whatsapp-date-label:before{background-color:var(--text-color);opacity:.5}.whatsapp-selection-toolbar{border-top:2px solid var(--text-color)}}@media (prefers-reduced-motion:reduce){.whatsapp-message-container{scroll-behavior:auto}.whatsapp-typing-dots span{animation:none;opacity:.6}.whatsapp-typing-dots span:nth-child(2),.whatsapp-typing-dots span:nth-child(3){animation-delay:0s}}.whatsapp-message-container:focus-within,.whatsapp-selection-toolbar:focus-within{outline:2px solid var(--accent-color);outline-offset:-2px}@media print{.whatsapp-message-container{overflow:visible;padding:0}.whatsapp-background,.whatsapp-selection-toolbar{display:none}}.color-picker-popup{animation:slideUpFade .2s ease-out;background:#1a242c;border:1px solid #2a3942;border-radius:12px;box-shadow:0 8px 24px #0006;max-width:400px;min-width:320px;position:absolute;z-index:1000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.color-picker-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:12px 16px}.color-picker-title{color:#e9edef;font-size:14px;font-weight:600}.color-picker-close{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.color-picker-close:hover{background:#2a3942;color:#e9edef}.color-picker-preview{align-items:center;background:#0b1216;border-bottom:1px solid #2a3942;display:flex;justify-content:center;min-height:50px;padding:16px}.preview-text{word-wrap:break-word;border-radius:4px;font-size:14px;font-weight:500;max-width:100%;padding:4px 8px;text-align:center}.preview-placeholder{color:#8696a0;font-size:13px;font-style:italic}.color-picker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:12px}.color-picker-swatch{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:44px;overflow:hidden;padding:12px 8px;position:relative;transition:all .2s}.color-picker-swatch:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.color-picker-swatch:active{transform:scale(.98)}.color-picker-label{font-size:12px;font-weight:600;text-align:center;text-shadow:0 1px 2px #0003}.color-picker-footer{background:#0b1216;border-top:1px solid #2a3942;padding:12px 16px}.formatting-help{display:flex;flex-direction:column;gap:6px}.help-title{color:#8696a0;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.help-items{display:flex;flex-wrap:wrap;gap:8px}.help-item{background:#2a3942;border-radius:4px;color:#00a884;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}@media (max-width:480px){.color-picker-popup{left:50%!important;max-width:350px;transform:translateX(-50%);width:90%}.color-picker-grid{grid-template-columns:repeat(2,1fr)}}.input-area-groupChatmeGroups-footer-vibe{background-color:initial;display:flex;justify-content:center;padding:10px 16px;z-index:1000}@media (min-width:769px){.input-area-groupChatmeGroups-footer-vibe{position:static;z-index:auto}}@media (max-width:768px){.input-area-groupChatmeGroups-footer-vibe{bottom:0;left:0;position:fixed;right:0}}.input-area-groupChatmeGroups-footer-content-container{display:flex;flex-direction:column;margin:0 auto;max-width:800px;width:100%}.input-area-groupChatmeGroups-footer-content-vibe{align-items:center;background-color:initial;display:flex;gap:8px;position:relative;width:100%}.input-area-groupChatmeGroups-reply-input-container{animation:fadeIn-vibe .15s ease-out;background-color:#161b1d;border-radius:20px;display:flex;flex:1 1;flex-direction:column;max-width:calc(100% - 98px);min-width:0;overflow:hidden;position:relative;width:100%;z-index:1001}.input-area-groupChatmeGroups-reply-preview{animation:slideDown-vibe .2s ease-out;background-color:#161b1d;border-radius:10px 10px 0 0;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:8px 12px;position:relative;width:100%}.input-area-groupChatmeGroups-reply-content{border-bottom-left-radius:10px;border-left:1px solid #008cff;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding-left:10px;width:100%}.input-area-groupChatmeGroups-reply-sender{color:#34b7f1;font-size:.85em;font-weight:600;line-height:1.2;margin-bottom:2px}.input-area-groupChatmeGroups-reply-text{-webkit-box-orient:vertical;color:#e9edef;display:-webkit-box;font-size:.85em;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.input-area-groupChatmeGroups-reply-cancel-button{background:none;border:none;border-radius:6px;color:#8696a0;cursor:pointer;font-size:1.2em;padding:4px;position:absolute;right:8px;top:6px;transition:all .2s ease}.input-area-groupChatmeGroups-reply-cancel-button:hover{background-color:#ffffff1a;color:#e9edef}.input-area-groupChatmeGroups-message-input-section{border-radius:0 0 20px 20px;box-sizing:border-box;flex:1 1;overflow:hidden;width:100%}.input-area-groupChatmeGroups-message-input-vibe{background-color:#161b1d;border:none;border-radius:20px;box-sizing:border-box;caret-color:#90ee90;color:#e9edef;flex:1 1;font-size:15px;max-height:100px;max-width:100%;min-height:40px;outline:none;padding:9px 12px;position:relative;resize:none;width:100%}.input-area-groupChatmeGroups-message-input-vibe:after{animation:blink-cursor-smooth 1s ease-in-out infinite;background-color:#90ee90;content:"";display:inline-block;height:1em;position:absolute;top:50%;transform:translateY(-50%);width:2px}@keyframes blink-cursor-smooth{0%,to{opacity:1}50%{opacity:0}}.input-area-groupChatmeGroups-message-input-vibe:focus{border-color:#0000}.input-area-groupChatmeGroups-message-input-vibe::placeholder{color:#8696a0;opacity:.8}.input-area-groupChatmeGroups-icon-button-vibe{align-items:center;background-color:#161b1d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.input-area-groupChatmeGroups-icon-button-vibe svg{display:block!important;height:23px!important;position:relative!important;width:23px!important;z-index:2!important}.input-area-groupChatmeGroups-icon-button-vibe:hover{background-color:#2a3942}.input-area-groupChatmeGroups-send-button-vibe{align-items:center;background-color:#161b1d;border:none;border-radius:50%;color:#2a972a;cursor:pointer;display:flex;flex-shrink:0;font-size:30px;height:50px;justify-content:center;transition:all .2s ease;width:50px}.input-area-groupChatmeGroups-send-button-vibe:hover{background-color:initial;transform:scale(1.15)}.input-area-groupChatmeGroups-attachment-options-vibe{animation:fadeIn-vibe .15s ease-out;background-color:#111b21;border-radius:16px;bottom:70px;box-sizing:border-box;left:0;padding:1px;position:absolute;width:100%;z-index:1000}.input-area-groupChatmeGroups-options-grid-vibe{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.input-area-groupChatmeGroups-option-vibe{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:8px}.input-area-groupChatmeGroups-option-vibe:hover{background-color:#2a3942}.input-area-groupChatmeGroups-option-vibe span{color:#e9edef;font-size:12px;margin-top:5px}.input-area-groupChatmeGroups-option-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.input-area-groupChatmeGroups-option-icon.camera-vibe{background-color:#d3396d}.input-area-groupChatmeGroups-option-icon.gallery-vibe{background-color:#25d366}.input-area-groupChatmeGroups-option-icon.document-vibe{background-color:#128c7e}.input-area-groupChatmeGroups-option-icon.poll-vibe{background-color:#34b7f1}.input-area-groupChatmeGroups-option-icon.contact-vibe{background-color:#075e54}.input-area-groupChatmeGroups-option-icon.location-vibe{background-color:#ed4d6e}@keyframes fadeIn-vibe{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown-vibe{0%{max-height:0;opacity:0;padding:0 12px;transform:translateY(-10px)}to{max-height:60px;opacity:1;padding:8px 12px;transform:translateY(0)}}@media (max-width:768px){.input-area-groupChatmeGroups-footer-vibe{padding:1px 12px}.input-area-groupChatmeGroups-footer-content-container{max-width:100%}.input-area-groupChatmeGroups-reply-input-container{max-width:calc(100% - 92px)}.input-area-groupChatmeGroups-message-input-vibe{font-size:14px;padding:8px 12px}.input-area-groupChatmeGroups-attachment-options-vibe{bottom:60px;width:100%}.input-area-groupChatmeGroups-icon-button-vibe{font-size:20px;height:36px;width:36px}.input-area-groupChatmeGroups-send-button-vibe{font-size:24px;height:48px;width:48px}.input-area-groupChatmeGroups-reply-preview{padding:6px 10px}.input-area-groupChatmeGroups-reply-sender{font-size:.85em}.input-area-groupChatmeGroups-reply-text{font-size:.8em;padding-left:10px}.input-area-groupChatmeGroups-reply-cancel-button{box-shadow:0 1px 2px #0003;font-size:1.2em;height:24px;right:6px;top:6px;width:24px}}@media (max-width:480px){.input-area-groupChatmeGroups-footer-vibe{padding:5px 4px}.input-area-groupChatmeGroups-footer-content-vibe{gap:6px}.input-area-groupChatmeGroups-reply-input-container{max-width:calc(100% - 84px)}.input-area-groupChatmeGroups-attachment-options-vibe{bottom:55px;left:0;right:0;width:100%}.input-area-groupChatmeGroups-send-button-vibe{font-size:20px;height:42px;width:42px}.input-area-groupChatmeGroups-reply-preview{padding:5px 8px}.input-area-groupChatmeGroups-reply-sender{font-size:.8em}.input-area-groupChatmeGroups-reply-text{font-size:.75em;padding-left:8px}.input-area-groupChatmeGroups-reply-cancel-button{box-shadow:0 1px 2px #0003;font-size:1.1em;height:22px;right:5px;top:5px;width:22px}}.input-area-groupChatmeGroups-input-wrapper{flex:1 1;max-width:calc(100% - 98px)}.formatting-preview-container{background:#1a242c;border:1px solid #2a3942;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 -4px 12px #0000004d;left:48px;max-height:120px;overflow-y:auto;padding:12px;position:absolute;right:48px;z-index:999}.formatting-preview-label{color:#8696a0;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.formatting-preview-content{word-wrap:break-word;color:#e9edef;font-size:14px;line-height:1.5}@media (max-width:480px){.formatting-preview-container{left:16px;max-height:80px;right:16px}}.forward-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.forward-modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background-color:#0b1216;border:1px solid #2a3942;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.forward-modal-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:16px 20px}.forward-modal-header h3{color:#e9edef;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:4px;transition:color .2s ease;width:32px}.close-button:hover{background-color:#2a3942;color:#e9edef}.forward-search{align-items:center;background-color:#0b1216;border-bottom:1px solid #2a3942;display:flex;padding:12px 20px}.search-icon{flex-shrink:0;height:20px;margin-right:12px;width:20px}.forward-search-input{background:#0000;border:none;color:#e9edef;flex:1 1;font-family:inherit;font-size:15px;outline:none}.forward-search-input::placeholder{color:#8696a0}.forward-list{flex:1 1;overflow-y:auto;padding:8px 0}.forward-list::-webkit-scrollbar{width:6px}.forward-list::-webkit-scrollbar-track{background:#0000}.forward-list::-webkit-scrollbar-thumb{background-color:#2a3942;border-radius:3px}.forward-empty,.forward-loading{color:#8696a0;font-size:14px;padding:40px 20px;text-align:center}.forward-item{align-items:center;cursor:pointer;display:flex;padding:12px 20px;transition:background-color .2s ease}.forward-item:hover{background-color:#1a242c}.forward-item.selected{background-color:#00a8841a}.forward-item-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:12px;overflow:hidden;width:48px}.forward-item-avatar img{height:100%;object-fit:cover;width:100%}.forward-item-initial{color:#fff;font-size:20px;font-weight:600}.forward-item-info{flex:1 1;min-width:0}.forward-item-name{color:#e9edef;font-size:16px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forward-item-subtitle{color:#8696a0;font-size:13px}.forward-item-checkbox{margin-left:12px;position:relative}.forward-item-checkbox input{height:0;opacity:0;position:absolute;width:0}.checkmark{border:2px solid #8696a0;border-radius:50%;display:block;height:24px;position:relative;transition:all .2s ease;width:24px}.forward-item.selected .checkmark{background-color:#00a884;border-color:#00a884}.forward-item.selected .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:12px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.forward-modal-footer{align-items:center;background-color:#0b1216;border-top:1px solid #2a3942;display:flex;justify-content:space-between;padding:16px 20px}.forward-selection-count{color:#8696a0;font-size:14px;font-weight:500}.forward-submit-button{align-items:center;background-color:#00a884;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.forward-submit-button:hover{background-color:#008f6f}.forward-submit-button:active{transform:scale(.96)}.forward-submit-button:disabled{background-color:#2a3942;color:#8696a0;cursor:not-allowed}.forward-submit-button:disabled:active{transform:none}.forward-icon{height:18px;width:18px}@media (max-width:480px){.forward-modal-content{max-height:90vh;width:95%}.forward-modal-header{padding:14px 16px}.forward-item,.forward-search{padding:10px 16px}.forward-item-avatar{height:42px;width:42px}.forward-modal-footer{padding:12px 16px}.forward-submit-button{font-size:14px;padding:8px 16px}}.group-infoChatmeGroups-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.group-infoChatmeGroups-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;color:#fff;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.group-infoChatmeGroups-content{display:flex;gap:24px;padding:0 24px 24px}.group-infoChatmeGroups-left{flex:1 1;min-width:0}.group-infoChatmeGroups-right{border-left:1px solid #ffffff1a;flex:1 1;max-height:70vh;min-width:0;overflow-y:auto;padding-left:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.group-infoChatmeGroups-modal::-webkit-scrollbar{width:8px}.group-infoChatmeGroups-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.group-infoChatmeGroups-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4facfe66,#00f2fe66);border-radius:4px}.group-infoChatmeGroups-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4facfe99,#00f2fe99)}.group-infoChatmeGroups-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:24px}.group-infoChatmeGroups-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0}.close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;color:#fff;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn:hover{background:#ffffff26;box-shadow:0 8px 25px #0003;transform:rotate(90deg) scale(1.1)}.group-infoChatmeGroups-image-section{align-items:center;background:linear-gradient(135deg,#4facfe14,#00f2fe14);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:40px 24px;position:relative;text-align:center}.group-infoChatmeGroups-image-section:before{background:radial-gradient(circle at center,#4facfe1a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.group-infoChatmeGroups-image{border:3px solid #4facfe4d;border-radius:50%;box-shadow:0 12px 40px #4facfe26,inset 0 0 0 1px #ffffff1a;height:140px;object-fit:cover;position:relative;transition:all .3s ease;width:140px;z-index:1}.group-infoChatmeGroups-image:hover{box-shadow:0 20px 60px #4facfe40,inset 0 0 0 1px #fff3;transform:scale(1.05)}.group-infoChatmeGroups-image-placeholder{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:3px solid #4facfe66;border-radius:50%;box-shadow:0 12px 40px #4facfe33,inset 0 0 0 1px #fff3;color:#fff;display:flex;font-size:56px;font-weight:800;height:140px;justify-content:center;position:relative;width:140px;z-index:1}.group-nameChatmeGroups{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:20px 0 6px;text-align:center}.group-membersChatmeGroups-count{color:#ffffffb3;font-size:15px;font-weight:500;margin:0}.group-infoChatmeGroups-section{border-bottom:1px solid #ffffff0f;padding:28px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.section-header:after{background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:40px}.section-header h4{align-items:center;color:#fffffff2;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.add-member-btn,.edit-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4facfe26;border:1px solid #4facfe4d;border-radius:12px;color:#4facfe;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-member-btn:hover,.edit-btn:hover{background:#4facfe40;box-shadow:0 8px 25px #4facfe33;transform:translateY(-1px)}.group-descriptionChatmeGroups{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;color:#ffffffd9;font-size:15px;line-height:1.7;margin:0;padding:16px;white-space:pre-wrap}.edit-description{display:flex;flex-direction:column;gap:16px}.edit-description textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-family:inherit;font-size:15px;min-height:100px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.edit-description textarea:focus{border-color:#4facfe;box-shadow:0 0 0 3px #4facfe1a;outline:none;transform:translateY(-1px)}.edit-description-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.save-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn{background:#ffffff14;border:1px solid #ffffff1a;color:#fffc}.cancel-btn:hover{background:#ffffff26;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 14px #4facfe4d;color:#fff}.save-btn:hover{box-shadow:0 8px 25px #4facfe66;transform:translateY(-2px)}.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.selection-actions{display:flex;flex-wrap:wrap;gap:8px}.selection-btn{background:#4facfe33;border:1px solid #4facfe4d;border-radius:12px;color:#4facfe;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .3s ease}.selection-btn:hover:not(:disabled){background:#4facfe4d;transform:translateY(-1px)}.selection-btn.danger{background:#ff6b6b33;border-color:#ff6b6b4d;color:#ff6b6b}.selection-btn.danger:hover{background:#ff6b6b4d}.selection-btn.cancel{background:#ffffff14;border-color:#ffffff1a;color:#fffc}.members-list{display:flex;flex-direction:column;gap:12px;max-height:450px;overflow-y:auto;padding-right:8px}.members-list::-webkit-scrollbar{width:6px}.members-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.members-list::-webkit-scrollbar-thumb{background:#4facfe66;border-radius:3px}.members-list::-webkit-scrollbar-thumb:hover{background:#4facfe99}.member-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.member-item:hover{background:#ffffff0f;box-shadow:0 8px 25px #0000001a;transform:translateX(4px)}.member-item.selection-mode{padding-left:12px}.member-item.selected{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border-color:#4facfe4d;box-shadow:0 0 0 1px #4facfe33}.member-avatar{align-items:center;border:2px solid #ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:48px}.member-avatar img{height:100%;object-fit:cover;width:100%}.member-avatar:hover{border-color:#4facfe4d;transform:scale(1.05)}.selection-overlay{align-items:center;background:#4facfe33;border:2px solid #4facfe66;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .2s ease}.selection-circle{background:#fffc;border:2px solid #ffffff80;border-radius:50%;height:20px;width:20px}.member-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.member-name{color:#fffffff2;font-size:15px;font-weight:600}.member-email,.member-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:#fff9;font-size:12px}.member-role{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:13px;font-weight:500;padding:4px 10px;transition:all .2s ease}.member-role.admin{background:#4facfe33;border:1px solid #4facfe4d;color:#4facfe}.member-role.creator{background:#ffd43b33;border:1px solid #ffd43b4d;color:#ffd43b}.member-role:not(.admin):not(.creator){background:#ffffff14;border:1px solid #ffffff1a;color:#ffffffb3}.member-role-container{position:absolute;right:8px;top:8px;z-index:1}.member-role-container .member-role{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:10px;font-weight:500;padding:2px 6px;transition:all .2s ease;white-space:nowrap}.loading-indicator{background:#4facfe1a;border-radius:12px;color:#4facfecc;font-size:12px;margin-left:auto;padding:4px 8px}.group-infoChatmeGroups-footer{border-top:1px solid #ffffff0f;padding:20px 28px;text-align:center}.group-createdChatmeGroups-info{color:#ffffff80;font-size:13px;font-weight:500;margin:0}.group-kebabChatmeGroups-btn{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;transition:all .2s ease}.group-kebabChatmeGroups-btn:hover{background:#4facfe26}.group-kebabChatmeGroups-menu{background:#080808;border-radius:8px;overflow:hidden;z-index:10}@media (max-width:768px){.group-infoChatmeGroups-modal{border-radius:20px;margin:12px;max-height:95vh;width:95%}.group-infoChatmeGroups-content{flex-direction:column;gap:16px;padding:0 16px 16px}.group-infoChatmeGroups-right{border-left:none;border-top:1px solid #ffffff1a;padding-left:0;padding-top:16px}.group-infoChatmeGroups-footer,.group-infoChatmeGroups-header,.group-infoChatmeGroups-section{padding:20px 16px}.group-infoChatmeGroups-image-section{padding:32px 16px}.group-nameChatmeGroups{font-size:24px}.member-item{gap:12px;padding:14px}.member-avatar{height:44px;width:44px}.member-name{font-size:14px}.member-role{font-size:12px;padding:3px 8px}.member-role-container .member-role{font-size:9px;padding:2px 5px}.add-member-btn,.cancel-btn,.edit-btn,.save-btn,.selection-btn{font-size:13px;padding:8px 14px}.selection-actions{flex-direction:column;gap:6px;width:100%}.selection-btn{justify-content:center}}.add-members-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-members-modal{background-color:var(--background-color);border-radius:12px;box-shadow:0 8px 24px #0003;color:var(--text-color);display:flex;flex-direction:column;max-height:80vh;max-width:450px;overflow:hidden;width:90%}.add-members-header{align-items:center;background-color:var(--header-background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.add-members-header h2{color:var(--primary-text-color);font-size:1.3rem;font-weight:600;margin:0}.add-members-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--icon-color);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.add-members-header .close-btn:hover{background-color:var(--hover-background-color)}.add-members-search{align-items:center;background-color:var(--input-background-color);border-bottom:1px solid var(--border-color);display:flex;padding:12px 20px}.add-members-search .search-icon{color:var(--icon-color);margin-right:10px}.add-members-search input{background:#0000;border:none;color:var(--text-color);flex-grow:1;font-size:1rem;outline:none;padding:8px 0}.add-members-search input::placeholder{color:var(--placeholder-color)}.add-members-list{background-color:var(--background-color);flex-grow:1;overflow-y:auto;padding:10px 0}.add-member-item{align-items:center;border-bottom:1px solid var(--border-color-light);cursor:pointer;display:flex;padding:12px 20px;transition:background-color .2s ease}.add-member-item:last-child{border-bottom:none}.add-member-item:hover{background-color:var(--hover-background-color)}.add-member-item.selected{background-color:var(--selected-item-background-color)}.add-member-item .member-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;margin-right:15px;overflow:hidden;width:40px}.add-member-item .member-avatar img{height:100%;object-fit:cover;width:100%}.add-member-item .member-info{display:flex;flex-direction:column;flex-grow:1}.add-member-item .member-name{color:var(--primary-text-color);font-size:1rem;font-weight:500}.add-member-item .member-email{color:var(--secondary-text-color);font-size:.85rem}.add-member-item .selected-icon{color:var(--accent-color);margin-left:10px}.add-members-footer{background-color:var(--header-background-color);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:16px 20px}.add-members-footer .add-btn{background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.add-members-footer .add-btn:hover:not(:disabled){background-color:var(--accent-color-dark)}.add-members-footer .add-btn:disabled{background-color:var(--disabled-button-background-color);cursor:not-allowed}.loading-message,.no-users-message{color:var(--secondary-text-color);padding:20px;text-align:center}@media (prefers-color-scheme:dark){.add-members-modal{--background-color:#2c2c2c;--header-background-color:#3a3a3a;--border-color:#4a4a4a;--border-color-light:#3a3a3a;--text-color:#e0e0e0;--primary-text-color:#fff;--secondary-text-color:#b0b0b0;--icon-color:#b0b0b0;--placeholder-color:#888;--hover-background-color:#3a3a3a;--selected-item-background-color:#4a4a4a;--accent-color:#007bff;--accent-color-dark:#0056b3;--disabled-button-background-color:#555;--input-background-color:#3a3a3a}}@media (prefers-color-scheme:light){.add-members-modal{--background-color:#fff;--header-background-color:#f8f9fa;--border-color:#e0e0e0;--border-color-light:#f0f0f0;--text-color:#333;--primary-text-color:#212529;--secondary-text-color:#6c757d;--icon-color:#6c757d;--placeholder-color:#adb5bd;--hover-background-color:#f0f0f0;--selected-item-background-color:#e9ecef;--accent-color:#007bff;--accent-color-dark:#0056b3;--disabled-button-background-color:#ccc;--input-background-color:#f0f0f0}}.poll-display{word-wrap:break-word;background:#202c3300;border:none;border-radius:7.5px;border-top-left-radius:0;box-shadow:0 0 .1px #00000021;color:#e9edef;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:2px 0;max-width:65%;overflow:hidden;padding:6px 7px 8px 9px;position:relative;word-break:break-word}.poll-display:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.poll-header{align-items:center;display:flex;gap:10px;margin-bottom:16px;position:relative;z-index:1}.poll-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:22px}.poll-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 14px;text-transform:uppercase}.poll-question{color:#fff;font-size:17px;font-weight:700;line-height:1.5;margin-bottom:20px;position:relative;text-shadow:0 2px 4px #00000026;z-index:1}.poll-options{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;position:relative;z-index:1}.poll-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(70,57,57,.548);border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.poll-option.clickable{cursor:pointer}.poll-option.clickable:hover{background:#fff;border-color:#667eea80;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.poll-option.clickable:hover .poll-option-checkbox input{box-shadow:0 2px 8px #667eea4d;transform:scale(1.1)}.poll-option.selected{background:#667eea26;border-color:#667eea;box-shadow:0 4px 16px #667eea4d}.poll-option.user-voted{background:#10b9811a;border-color:#10b981;box-shadow:0 4px 12px #10b98133}.poll-option.voted{cursor:default;padding:12px 16px}.poll-option-checkbox{align-items:center;display:flex}.poll-option-checkbox input[type=checkbox],.poll-option-checkbox input[type=radio]{accent-color:#667eea;border:2px solid #667eea;border-radius:4px;cursor:pointer;height:22px;margin-right:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.poll-option-text-prevote{color:#1f2937;font-size:15px;font-weight:600;letter-spacing:.2px}.user-vote-icon{animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55);color:#10b981;font-size:18px;margin-left:8px}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.poll-option-label{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin-bottom:8px;text-shadow:0 1px 2px #0000001a}.poll-option-label .user-vote-indicator{color:#10b981;font-size:14px;font-weight:600}.poll-bar-container{background:#ffffff1a;box-shadow:inset 0 1px 3px #0000001a;height:20px;margin-bottom:6px;width:100%}.poll-bar,.poll-bar-container{border-radius:10px;overflow:hidden;position:relative}.poll-bar{height:100%;transition:width 1.2s cubic-bezier(.25,.46,.45,.94)}.poll-bar:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.poll-bar.above-average{background:linear-gradient(135deg,#26a69a,#4db6ac);box-shadow:0 2px 4px #26a69a4d}.poll-bar.average{background:linear-gradient(135deg,#42a5f5,#64b5f6);box-shadow:0 2px 4px #42a5f54d}.poll-bar.below-average{background:linear-gradient(135deg,#ef5350,#f06292);box-shadow:0 2px 4px #ef53504d}.poll-bar.user-voted{box-shadow:0 2px 6px #10b98166;filter:brightness(1.1)}.poll-bar-stats{align-items:center;color:#ffffffe6;display:flex;font-size:13px;justify-content:space-between}.poll-percentage{color:#fff;font-weight:700;min-width:45px;text-align:right;text-shadow:0 1px 2px #0003}.poll-vote-count{color:#fff;font-weight:600;text-shadow:0 1px 2px #0000001a}.poll-vote-btn{background:#fff;border:2px solid #fff;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#667eea;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:14px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.poll-vote-btn:hover{background:#667eea;box-shadow:0 6px 20px #667eea66;color:#fff;transform:translateY(-2px)}.poll-vote-btn:active{box-shadow:0 2px 8px #0003;transform:translateY(0)}.poll-footer{align-items:center;border-top:1px solid #ffffff4d;color:#ffffffe6;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding-top:12px;position:relative;z-index:1}.poll-total-votes{color:#fff;font-weight:700;text-shadow:0 1px 2px #0000001a}.poll-anonymous-badge,.poll-multiple-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:5px 10px}@media (min-width:1200px){.poll-display{margin:16px auto;max-width:500px;padding:24px}.poll-question{font-size:18px;margin-bottom:24px}.poll-option{border-radius:14px;padding:16px 20px}.poll-option-label,.poll-option-text-prevote{font-size:16px}.poll-percentage{font-size:16px;min-width:50px}.poll-vote-btn{font-size:16px;padding:16px}}@media (max-width:1024px) and (min-width:768px){.poll-display{max-width:450px;padding:20px}.poll-question{font-size:16px}.poll-option{padding:15px 18px}.poll-option-label,.poll-option-text-prevote{font-size:14px}}@media (max-width:768px){.poll-display{border-radius:12px;margin:8px 0;max-width:100%;padding:16px}.poll-header{gap:8px;margin-bottom:12px}.poll-icon{font-size:20px}.poll-badge{font-size:10px;padding:4px 10px}.poll-question{font-size:15px;line-height:1.4;margin-bottom:16px}.poll-options{gap:12px;margin-bottom:14px}.poll-option{border-radius:10px;padding:12px 14px}.poll-option-checkbox input[type=checkbox],.poll-option-checkbox input[type=radio]{height:20px;margin-right:10px;width:20px}.poll-option-label,.poll-option-text-prevote{font-size:13px}.user-vote-icon{font-size:16px}.poll-bar-container{height:18px;margin-bottom:4px}.poll-bar-stats{font-size:12px}.poll-percentage{font-size:14px;min-width:40px}.poll-vote-count{font-size:12px}.poll-vote-btn{font-size:14px;margin-bottom:10px;padding:12px}.poll-footer{font-size:12px;gap:8px;padding-top:10px}.poll-anonymous-badge,.poll-multiple-badge{font-size:10px;padding:4px 8px}}@media (max-width:480px){.poll-display{margin:6px 0;padding:12px}.poll-question{font-size:14px;margin-bottom:14px}.poll-option{padding:10px 12px}.poll-option-label,.poll-option-text-prevote{font-size:12px}.poll-option-checkbox input[type=checkbox],.poll-option-checkbox input[type=radio]{height:18px;margin-right:8px;width:18px}.poll-bar-container{height:16px}.poll-percentage{font-size:13px;min-width:35px}.poll-vote-btn{font-size:13px;padding:10px}.poll-footer{align-items:flex-start;flex-direction:column;gap:6px}}.imo-chat-screen{background-color:#0b141a;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.imo-chat-header{align-items:center;background-color:#202c33;border-bottom:1px solid #2a3942;box-shadow:0 1px 3px #0000004d;color:#e9edef;display:flex;justify-content:space-between;left:0;min-height:60px;padding:10px 16px;position:absolute;right:0;top:0;z-index:100}.imo-chat-header-left,.imo-chat-header-right{align-items:center;display:flex;gap:15px}.imo-chat-header-center{flex:1 1;padding:0 10px;text-align:center}.imo-chat-header-title{color:#e9edef;font-size:1.1rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imo-chat-header-subtitle{color:#8696a0;font-size:.8rem;margin:0;opacity:.8}.imo-chat-header-icon{color:#aebac1;cursor:pointer;font-size:1.2rem;transition:opacity .2s}.imo-chat-header-icon:hover{opacity:.8}.imo-message-container{background-blend-mode:overlay;background-color:#0b141a;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABnSURBVDhP7cxBCsAgDETR6P3P3KZQKBRKQf9P4Q1hQoK+QK1Vaq3SWpPee2qtSWtNRARmZmZmZmb+JxG5zjn3vXfOOUkp5ZxzzjHGKKWUc845xhhjjFJKOeecc4wxxiillHPOOfcHfQERrS9m3mQzowAAAABJRU5ErkJggg==);display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:90px 16px 66px}.imo-message{word-wrap:break-word;border-radius:7.5px;font-size:.95rem;line-height:1.4;max-width:70%;padding:8px 12px;position:relative}.imo-message-you{align-self:flex-end;background-color:#005c4b;border-top-right-radius:0;color:#e9edef;margin-left:20%}.imo-message-other{align-self:flex-start;background-color:#202c33;border-top-left-radius:0;color:#e9edef;margin-right:20%}.imo-message-sender{color:#53bdeb;font-size:.85rem;font-weight:600;margin-bottom:4px}.imo-message-time{align-items:center;color:#aebac1;display:flex;font-size:.7rem;gap:4px;justify-content:flex-end;margin-top:4px;text-align:right}.imo-message-status{color:#53bdeb;font-size:.7rem}.imo-message-reply{border-left:3px solid #4fc3f7;color:#aebac1;font-size:.85rem;margin-bottom:6px;padding-left:8px}.imo-message-reply-sender{color:#53bdeb;font-weight:600}.imo-message-reactions{background:#202c33;border-radius:10px;bottom:-12px;box-shadow:0 1px 1px #0000004d;display:flex;gap:2px;padding:2px 4px;position:absolute;right:5px}.imo-message-reaction{color:#e9edef;cursor:pointer;font-size:.7rem}.imo-message-options{background:#202c33;border-radius:18px;box-shadow:0 1px 3px #0000004d;display:flex;gap:4px;padding:4px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.imo-message-you .imo-message-options{left:-45px}.imo-message-other .imo-message-options{right:-45px}.imo-message-option{align-items:center;background:#2a3942;border-radius:50%;color:#aebac1;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.imo-message-option:hover{background:#3a4a52}.imo-input-area{background-color:#202c33;border-top:1px solid #2a3942;gap:10px;padding:10px 16px}.imo-input-area,.imo-input-attachment{align-items:center;display:flex;position:relative}.imo-input-attachment-menu{grid-gap:8px;background:#202c33;border:1px solid #2a3942;border-radius:8px;bottom:50px;box-shadow:0 2px 5px #0000004d;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);left:0;padding:8px;position:absolute;right:0;width:100%;z-index:20}.imo-input-attachment-option{align-items:center;border-radius:50%;color:#aebac1;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.imo-input-attachment-option:hover,.imo-input-main{background:#2a3942}.imo-input-main{align-items:center;border-radius:20px;display:flex;flex:1 1;padding:5px 10px}.imo-input-field{background:#0000;border:none;color:#e9edef;flex:1 1;font-size:.95rem;max-height:100px;outline:none;overflow-y:auto;padding:8px 10px;resize:none}.imo-input-emoji{color:#aebac1;cursor:pointer;padding:5px}.imo-input-send{align-items:center;background-color:#00a884;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:8px;transition:background .2s;width:40px}.imo-input-send:hover{background-color:#008069}.imo-input-voice-note{align-items:center;background-color:#2a3942;border-radius:50%;color:#aebac1;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.imo-input-voice-note:hover{background-color:#3a4a52}.imo-input-voice-note-recording{background-color:#f44;color:#fff}.imo-input-voice-note-duration{color:#aebac1;font-size:.8rem;margin-left:8px}.imo-edit-bar,.imo-reply-bar{align-items:center;background-color:#202c33;border-top:1px solid #2a3942;color:#e9edef;display:flex;justify-content:space-between;padding:8px 16px}.imo-edit-content,.imo-reply-content{flex:1 1;overflow:hidden;padding:0 10px}.imo-edit-close,.imo-reply-close{color:#aebac1;cursor:pointer;padding:5px}.imo-group-info{background:#111b21;color:#e9edef;height:100%;overflow-y:auto;position:absolute;right:0;top:0;transition:transform .3s ease;width:100%;z-index:100}.imo-search-bar{align-items:center;background-color:#202c33;display:flex;gap:10px;padding:10px 16px;z-index:10}.imo-search-input{background:#2a3942;border:none;border-radius:20px;color:#e9edef;flex:1 1;font-size:.95rem;outline:none;padding:8px 15px}.imo-search-close{color:#aebac1;cursor:pointer;padding:5px}.imo-pinned-messages,.imo-starred-messages{background:#111b21;color:#e9edef;height:100%;overflow-y:auto;position:absolute;right:0;top:0;width:100%;z-index:90}.imo-message-selected{background-color:#00a88433!important}.imo-emoji-picker{right:20px}.imo-emoji-picker,.imo-mention-menu{bottom:70px;position:absolute;z-index:30}.imo-mention-menu{background:#202c33;border:1px solid #2a3942;border-radius:8px;box-shadow:0 2px 5px #0000004d;left:20px;max-height:200px;overflow-y:auto;width:200px}.imo-mention-item{color:#e9edef;cursor:pointer;padding:8px 12px;transition:background .2s}.imo-mention-item:hover{background:#2a3942}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#2a3942}::-webkit-scrollbar-thumb{background:#3a4a52;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a5a62}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.imo-message{animation:messageAppear .2s ease-out}@media (max-width:768px){.imo-message{max-width:80%}.imo-message-you{margin-left:10%}.imo-message-other{margin-right:10%}.imo-input-attachment-menu{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.imo-message{max-width:90%}.imo-message-you{margin-left:5%}.imo-message-other{margin-right:5%}.imo-input-attachment-menu{grid-template-columns:repeat(2,1fr)}.imo-chat-header-title{font-size:1rem}.imo-chat-header-subtitle{font-size:.7rem}.imo-message-sender{font-size:.8rem}.imo-message-text{font-size:.9rem}}.groups-containerChatmeGroups{height:100%;margin:0;padding:0;position:relative;width:100%}.empty-stateChatmeGroups,.groups-containerChatmeGroups{background-color:#0b1216;display:flex;flex-direction:column}.empty-stateChatmeGroups{align-items:center;color:#8696a0;justify-content:center;min-height:300px;padding:40px 16px;text-align:center}.empty-stateChatmeGroups p{color:#8696a0;font-size:16px;margin:0}.mobile-group-headerChatmeGroups{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:none;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media (max-width:768px){.mobile-group-headerChatmeGroups{display:flex}}.back-buttonChatmeGroups{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s ease}.back-buttonChatmeGroups:hover{background-color:#f0f0f0}.group-titleChatmeGroups{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-main-contentChatmeGroups{display:flex;flex:1 1;overflow:hidden;width:100%}.group-info-sidebarChatmeGroups{animation:slideIn .3s ease;background-color:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;max-width:400px;overflow:hidden;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.group-info-sidebarChatmeGroups{max-width:300px}}@media (max-width:768px){.group-info-sidebarChatmeGroups{border-left:none;border-right:none;bottom:0;max-width:100%;position:absolute;right:0;top:0;width:100%;z-index:100}}.group-info-headerChatmeGroups{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:12px 16px}.group-info-titleChatmeGroups{flex:1 1;margin:0}.group-info-titleChatmeGroups h3{color:#333;font-size:18px;font-weight:600;margin:0}.group-info-contentChatmeGroups{flex:1 1;overflow-y:auto;padding:16px}.group-image-largeChatmeGroups{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;flex-shrink:0;height:120px;justify-content:center;margin:0 auto 16px;overflow:hidden;width:120px}.group-image-largeChatmeGroups img{border-radius:8px;height:100%;object-fit:cover;width:100%}.group-image-fallbackChatmeGroups{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-size:48px;font-weight:600;height:100%;justify-content:center;width:100%}.group-info-contentChatmeGroups h2{color:#333;font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.group-metaChatmeGroups{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;margin:8px 0 12px;text-align:center}.group-metaChatmeGroups svg{height:16px;width:16px}.group-descriptionChatmeGroups{color:#666;font-size:14px;line-height:1.5;margin:12px 0;text-align:center}.group-members-sectionChatmeGroups{margin-top:20px}.group-members-sectionChatmeGroups h4{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.members-listChatmeGroups{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.member-itemChatmeGroups{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:8px;transition:all .2s ease}.member-itemChatmeGroups:hover{background-color:#f0f0f0}.member-avatarChatmeGroups{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.member-infoChatmeGroups{flex:1 1;min-width:0}.member-nameChatmeGroups{color:#333;display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-seenChatmeGroups,.online-statusChatmeGroups{align-items:center;color:#999;display:flex;font-size:12px;gap:4px;margin-top:2px}.status-dotChatmeGroups{border-radius:50%;display:inline-block;height:6px;width:6px}.status-dot.onlineChatmeGroups{animation:pulse 2s infinite;background-color:#31a24c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-dot.offlineChatmeGroups{background-color:#999}.group-actionsChatmeGroups{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;margin-top:24px;padding-top:24px}.group-action-btnChatmeGroups{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease}.group-action-btnChatmeGroups:hover{background-color:#f0f0f0;border-color:#d0d0d0}.group-action-btnChatmeGroups.primary{background-color:#667eea;border-color:#667eea;color:#fff}.group-action-btnChatmeGroups.primary:hover{background-color:#5568d3;border-color:#5568d3}.group-action-btnChatmeGroups svg{height:16px;width:16px}@media (max-width:768px){.group-info-sidebarChatmeGroups{border-left:none;max-width:100%;width:100%}.group-main-contentChatmeGroups{width:100%}.group-image-largeChatmeGroups{height:100px;width:100px}.group-image-fallbackChatmeGroups{font-size:40px}.members-listChatmeGroups{max-height:200px}}.group-info-contentChatmeGroups::-webkit-scrollbar,.members-listChatmeGroups::-webkit-scrollbar{width:6px}.group-info-contentChatmeGroups::-webkit-scrollbar-track,.members-listChatmeGroups::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.group-info-contentChatmeGroups::-webkit-scrollbar-thumb,.members-listChatmeGroups::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.group-info-contentChatmeGroups::-webkit-scrollbar-thumb:hover,.members-listChatmeGroups::-webkit-scrollbar-thumb:hover{background:#aaa}.mygroups-main-container{display:flex;height:100%;margin-top:0;padding:0 0 24px;position:relative;width:100%}.mygroups-main-container.desktop-view{flex-direction:row}.group-list,.mygroups-main-container.mobile-view{flex-direction:column}.group-list{background-color:#0b1216;box-shadow:0 2px 4px #0006;display:flex;height:100%;max-width:440px;min-width:380px;overflow-y:auto;padding-top:5px;padding-top:var(--navbar-height,5px);position:relative;transition:transform .3s ease;width:30%;z-index:1}@media (max-width:768px){.mygroups-main-container.mobile-view .group-list{background-color:#0b1216;border-right:none!important;height:calc(100vh - 56px);height:calc(100vh - var(--navbar-height, 56px));left:0;margin-top:12px;max-width:100%!important;min-width:100%!important;padding-top:0;position:fixed!important;top:2px!important;transform:translateX(0);width:100%!important;z-index:10}.mygroups-main-container.mobile-view:has(.group-view.full-width) .group-list{display:none;transform:translateX(-100%)!important}.mygroups-main-container.mobile-view .group-view.full-width{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:5}}.group-view{background-color:#0b1216;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;position:relative}.group-view.full-width{width:100%}.group-view.side-by-side{min-width:0;width:70%}.group-view .groups-container{height:100vh;position:relative}.group-header{background-color:#0b1216;border-bottom:1px solid #2a3942;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;height:54px;justify-content:center;margin-bottom:0;padding:8px 12px;position:-webkit-sticky;position:sticky;top:-10px;top:var(--navbar-height,-10px);z-index:2}.group-header h2{background-color:initial;color:#e9edef;font-size:20px;font-weight:600;line-height:1;margin:0;padding:0;text-align:left}.group-list .group-item:first-of-type{margin-top:12px;margin-top:var(--group-header-gap,12px)}.group-header-top{align-items:center;background-color:#0b1216;display:flex;justify-content:space-between;position:relative;transition:all .3s ease}.group-search-input{background-color:initial!important;border:none;border-radius:0;box-shadow:0 1px 0 #2a394280;color:#e9edef;flex:1 1;font-size:12px;max-height:27px;max-width:35%;min-width:35%;outline:none;padding:8px 12px;transition:max-width .3s ease,box-shadow .2s ease}@media (min-width:768px){.group-search-input{box-shadow:0 1px 0 #2a394280;max-width:40%}}.group-search-input:focus{box-shadow:0 1px 0 #00a884;max-width:40%}.group-search-input::placeholder{color:#8696a0;font-size:11px}@media (min-width:768px){.group-search-input::placeholder{font-size:13px}}.group-header-buttons{align-items:center;display:flex;justify-content:space-between;width:100%}.group-all-btn{color:#9c9999;font-weight:300!important;margin-left:-10px}.group-all-btn,.group-archive-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:10px!important;gap:8px;padding:4px 8px}.group-archive-btn{color:#00a884;font-weight:300;margin-right:-10px}.group-all-btn:hover,.group-archive-btn:hover{background-color:#ffffff05}.group-no-results{background-color:#0b1216;color:#8696a0;flex-direction:column;font-size:15px;justify-content:center;line-height:1.5;padding:50px 24px;text-align:center}.group-item,.group-no-results{align-items:center;display:flex}.group-item{background-color:initial;box-shadow:0 1px 1px #0000001a;cursor:pointer;margin-bottom:4px;padding:12px 100px 12px 24px;position:relative;transition:background-color .2s ease}.group-item:hover{background-color:#ffffff05}.group-item.unread .group-chat-name span{font-weight:600}.group-item.muted .group-mute-icon{opacity:.7}.group-item.locked .group-lock-overlay{opacity:1}.group-item.pinned{background:linear-gradient(90deg,#00a88414,#0000 20%);border-left:1px solid #00a884;box-shadow:0 4px 1px #0000004d,0 2px 4px #0003;margin-bottom:6px}.group-item.pinned:hover{background:linear-gradient(90deg,#00a8841f,#ffffff05 20%)}.group-timestamp{color:#8696a0;flex-shrink:0;font-size:9px;font-weight:300;opacity:.8;position:absolute;right:16px;top:20%;transform:translateY(-50%);white-space:nowrap;z-index:2}.group-item:hover .group-timestamp{opacity:1}.group-menu-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;opacity:.7;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease;width:40px}.group-item:hover .group-menu-btn{opacity:1}.group-menu-btn:hover{background-color:#ffffff05;color:#e9edef}.group-context-menu{background-color:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;max-width:220px;min-width:120px;overflow:hidden;position:absolute;width:-webkit-max-content;width:max-content;z-index:1000}.context-menu-item{border-bottom:1px solid #ffffff0d;color:#e9edef;cursor:pointer;display:block;font-size:13px;font-weight:500;padding:10px 16px;text-align:left;transition:background-color .2s ease;white-space:nowrap}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background-color:#ffffff14}.context-menu-item.delete{border-top:1px solid #2a3942;color:#ff6b6b}.context-menu-item.delete:hover{background-color:#ff6b6b1a}.group-item.selected{background:linear-gradient(90deg,#00a88414,#0000 20%);border-left:2px solid #00a884}.group-avatar{flex-shrink:0;margin-left:-8px;margin-right:12px}.group-avatar,.group-avatar-circle{align-items:center;display:flex;justify-content:center;position:relative}.group-avatar-circle{border-radius:50%;color:#fff;font-size:11px;font-weight:400;height:45px;overflow:hidden;width:45px}.group-avatar-img{object-fit:cover}.group-avatar-img,.group-lock-overlay{border-radius:50%;height:100%;width:100%}.group-lock-overlay{align-items:center;background-color:initial;bottom:-14px;color:red;display:flex;font-size:14px;justify-content:center;opacity:0;position:absolute;right:-8px;transition:opacity .2s ease}.group-lock-overlay:hover{opacity:1}.group-pin-overlay{align-items:center;background-color:#00a884;border-radius:50%;bottom:2px;color:#fff;display:flex;font-size:10px;height:12px;justify-content:center;position:absolute;right:2px;width:12px}.group-chat-content{flex:1 1;min-width:0;overflow:hidden;padding-right:0}.group-chat-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:0}.group-chat-name{align-items:center;display:flex;flex:1 1;font-size:12px!important;min-width:0;overflow:hidden}.group-chat-name span{color:#e9edef;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-mute-icon{color:#8696a0;font-size:14px;margin-left:6px;opacity:.8}.group-chat-preview{align-items:flex-start;display:flex;justify-content:space-between}.group-message-preview{align-items:baseline;display:flex;flex:1 1;margin-right:1px!important;min-width:0}.group-status-icons{align-items:center;color:#8696a0;display:flex;flex-shrink:0;font-size:12px;margin-right:0}.group-delivered-icon,.group-read-icon{margin-left:2px}.group-message-text{color:#8696a0;flex:1 1;font-size:11px;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-message-text.typing{animation:typing-pulse 1.4s infinite;color:#00a884;font-style:italic}@keyframes typing-pulse{0%,to{opacity:1}50%{opacity:.6}}.group-unread-badge{background-color:#00a884;border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:18px;margin-left:auto;margin-right:-70px;width:18px}.group-empty-chat,.group-unread-badge{align-items:center;display:flex;justify-content:center}.group-empty-chat{background-color:#0b1216;flex:1 1}.group-empty-content{align-items:center;display:flex;flex-direction:column;padding:2px;text-align:center}.group-empty-icon{color:#8696a0;font-size:48px;margin-bottom:16px}.group-empty-content h3{color:#e9edef;font-size:18px;font-weight:500;margin:0 0 8px}.group-empty-content p{color:#8696a0;font-size:14px;margin:0}.confirm-modal-overlay{align-items:fit-content;background-color:initial;bottom:0;display:flex;left:25%;max-height:-webkit-fit-content;max-height:fit-content;max-width:-webkit-fit-content;max-width:fit-content;position:fixed;right:0;top:50%;z-index:2000}.confirm-modal{background-color:#0b1216;border:1px solid #2a3942;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#e9edef;max-width:400px;padding:24px;text-align:center;width:90%}.confirm-modal p{font-size:16px;line-height:1.4;margin:0 0 20px}.confirm-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.confirm-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;max-width:120px;padding:10px 20px;transition:background-color .2s ease}.confirm-buttons button:first-child{background-color:#2a3942;color:#e9edef}.confirm-buttons button:first-child:hover{background-color:#3a4b56}.delete-btn{background-color:#ff6b6b;color:#fff}.delete-btn:hover{background-color:#ff5252}.group-list::-webkit-scrollbar{width:6px}.group-list::-webkit-scrollbar-track{background:#0b1216}.group-list::-webkit-scrollbar-thumb{background:#2a3942;border-radius:4px}.group-list::-webkit-scrollbar-thumb:hover{background:#3a4b56}@media (max-width:768px){.group-header{margin-top:0;padding:16px 20px}.group-search-input{max-width:150px}.group-search-input:focus{max-width:180px}.group-item{padding:12px 92px 12px 20px}.group-chat-content{padding-right:80px}.group-menu-btn{right:16px}.group-timestamp{right:16px;top:20%}.group-context-menu{max-width:150px}.confirm-modal{margin:20px;width:calc(100% - 40px)}.group-all-btn,.group-archive-btn{font-size:13px;padding:3px 6px}}@media (max-width:480px){.group-header{margin-top:85px!important;padding:12px 16px}.group-search-input{max-width:120px}.group-search-input:focus{max-width:140px}.group-no-results{padding:30px 16px}.group-empty-content{padding:16px}.group-empty-icon{font-size:40px}.group-item{padding:12px 90px 12px 16px}.group-chat-content{padding-right:76px}.group-menu-btn{right:16px}.group-timestamp{font-size:9px;right:16px;top:20%}.group-context-menu{max-width:140px;min-width:110px}.group-header-buttons{gap:8px}.group-all-btn,.group-archive-btn{font-size:12px;padding:2px 4px}}@media (prefers-color-scheme:light){.group-empty-chat,.group-list,.group-view,.mygroups-main-container{background-color:#f8f9fa}.group-list{border-right:1px solid #dee2e6}.group-view.side-by-side{border-left:1px solid #dee2e6}.group-header,.group-header-top{background-color:#f8f9fa}.group-header h2{color:#111827}.group-search-input{border:1px solid #dee2e6;color:#374151}@media (min-width:768px){.group-search-input{background-color:#fff!important}}.group-search-input::placeholder{color:#6b7280}.group-search-input:focus{border-color:#25d366}.group-all-btn,.group-archive-btn{color:#25d366}.group-all-btn:hover,.group-archive-btn:hover{background-color:#25d3661a}.group-no-results{background-color:#f8f9fa;color:#6b7280}.group-item{box-shadow:0 2px 4px #0000001a;margin-bottom:4px}.group-item:hover{background-color:#00000005}.group-item.pinned{background:linear-gradient(90deg,#25d36614,#0000 20%);border-left:3px solid #25d366;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;margin-bottom:6px}.group-item.pinned:hover{background:linear-gradient(90deg,#25d3661f,#0000000a 20%)}.group-chat-name span{color:#111827}.group-message-text,.group-mute-icon,.group-status-icons{color:#6b7280}.group-unread-badge{background-color:#25d366}.group-empty-content h3{color:#111827}.group-empty-content p,.group-empty-icon,.group-menu-btn{color:#6b7280}.group-menu-btn:hover{background-color:#0000000d;color:#111827}.group-timestamp{color:#6b7280}.group-item:hover .group-timestamp{color:#374151}.group-context-menu{background-color:#f8f9fa;border-color:#e5e7eb}.context-menu-item{border-bottom-color:#e5e7eb;color:#111827}.context-menu-item:hover{background-color:#0000000d}.context-menu-item.delete{color:#dc2626}.context-menu-item.delete:hover{background-color:#dc26261a}.confirm-modal{background-color:#f8f9fa;border-color:#e5e7eb;color:#111827}.confirm-modal p{color:#111827}.confirm-buttons button:first-child{background-color:#f3f4f6;color:#111827}.confirm-buttons button:first-child:hover{background-color:#e5e7eb}.delete-btn{background-color:#dc2626;color:#fff}.delete-btn:hover{background-color:#b91c1c}.group-list::-webkit-scrollbar-track{background:#f8f9fa}.group-list::-webkit-scrollbar-thumb{background:#d1d5db}.group-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}}.group-item.skeleton .skeleton-avatar,.group-item.skeleton .skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#2a3942 25%,#1a2a32 50%,#2a3942 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.group-item.skeleton .skeleton-text{border-radius:4px;height:16px;margin:4px 0;width:60%}.group-item.skeleton .skeleton-avatar{border-radius:50%;height:48px;width:48px}.group-empty-state{align-items:center;color:#8696a0;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 40px;text-align:center}.empty-state-icon{color:#2a3942;font-size:80px;margin-bottom:20px}.group-empty-state h3{color:#e9edef;font-size:24px;font-weight:500;margin:0 0 12px}.group-empty-state p{color:#8696a0;font-size:14px;margin:0 0 24px;max-width:280px}.create-group-btn{align-items:center;background:#019171;border:none;border-radius:16px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 32px;transition:background .2s}.create-group-btn:hover{background:#1a2a32}.create-group-btn:active{background:#2a3942}.fab-create-group{align-items:center;border:none;border-radius:50%;bottom:60px;box-shadow:0 4px 12px #0006;color:#04a17f;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;transition:all .2s;width:40px;z-index:100}.f Pisa-create-group:hover{background:#008c6d;box-shadow:0 6px 16px #00000080;transform:scale(1.1)}.fab-create-group:active{transform:scale(.95)}.auth-modal-overlay{align-items:center;animation:fadeIn .35s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.auth-modal-container{animation:modalPop .4s cubic-bezier(.16,1,.3,1);background:#111b21;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:480px;overflow:hidden;width:100%}.auth-modal-header{display:none}.auth-modal-body{background:#111b21;color:#e9edef;padding:16px 24px}.auth-modal-body p{font-size:.95rem;line-height:1.4;margin:0 0 12px}.reason-section{margin-top:0}.toggle-reason-btn{background:#0000;border:none;border-radius:0;color:#00a884;cursor:pointer;font-size:.9rem;font-weight:500;padding:4px 0;text-align:left;width:100%}.reason-textarea{background:#0b1216;border:1px solid #2a3942;border-radius:6px;color:#e9edef;font-family:inherit;font-size:.9rem;margin-top:8px;padding:10px;resize:vertical;width:100%}.reason-textarea:focus{border-color:#00a884;outline:none}.reason-textarea::placeholder{color:#8696a0}.auth-modal-footer{background:#111b21;display:flex;gap:0;justify-content:space-between;padding:16px 24px 20px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;white-space:nowrap}.btn-cancel{background:#0000;color:#8696a0}.btn-confirm{background:#ef5350!important;color:#fff!important}.auth-modal-footer .btn-confirm:hover{background:#e53935!important}@media (max-width:480px){.auth-modal-container{border-radius:18px;margin:1rem}.auth-modal-footer{gap:0;justify-content:space-between;padding:12px 16px}.btn-cancel,.btn-confirm{font-size:.85rem;padding:8px 12px}}.chrome-profile{display:inline-block;font-family:Inter,Segoe UI,Roboto,sans-serif;position:static!important}.profile-trigger{background:#0000;border:none;cursor:pointer;padding:0;position:relative}.profile-avatar{border:none;border-radius:50%;height:34px;object-fit:cover;width:34px}.notif-badge{align-items:center;background:#ff3b30;border:2px solid #0b141a;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-6px;top:-6px}.chrome-dropdown{animation:dropdownFade .2s ease-out;background:#111b21;border:none;border-radius:12px;box-shadow:none;max-height:80vh;overflow-y:auto;padding:10px;position:absolute;right:0;scrollbar-width:none;top:48px;width:300px;z-index:9999}.chrome-dropdown::-webkit-scrollbar{display:none}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chrome-user-block{border-bottom:1px solid #2a3942;margin-bottom:12px;padding-bottom:12px;text-align:center}.profile-pic-wrapper{display:inline-block;height:60px;margin:0 auto 8px;position:relative;width:60px}.profile-large{border:none;border-radius:50%;height:60px;object-fit:cover;width:60px}.upload-btn{align-items:center;background:#0000;border:none;border-radius:50%;bottom:-2px;box-shadow:none;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-4px;width:24px}.upload-btn:hover{background:#00d4a24b}.avatar-saving{align-items:center;background:#060a0c99;border-radius:50%;color:#e9edef;display:flex;flex-direction:column;font-size:12px;gap:8px;inset:0;justify-content:center;position:absolute}.saving-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1f;border-radius:50%;border-top-color:#00e09a;height:34px;width:34px}.saving-text{color:#dffdf0;font-size:12px}.chrome-user-block h4{color:#e9edef;font-size:14px;font-weight:600;margin:8px 0 4px}.chrome-user-block p{color:#8696a0;font-size:12px;margin:0}.library-info{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.library-info>div{align-items:center;background:#1c262d;border-radius:20px;color:#c9d3d8;display:flex;font-size:12px;gap:6px;padding:6px 12px}.last-opened,.library-stats{grid-gap:12px;border-bottom:1px solid #2a3942;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:16px 0;padding-bottom:12px}.last-opened,.library-stats div{align-items:center;background:#0f171c;border-radius:10px;color:#c9d3d8;display:flex;font-size:13px;gap:8px;padding:10px}.genres-block{margin:16px 0}.genres-block h5{color:#e9edef;font-size:14px;font-weight:600;margin:0 0 8px}.genres-list{display:flex;flex-wrap:wrap;gap:8px}.genres-list span{background:#1c262d;border-radius:8px;color:#c9d3d8;font-size:12px;padding:6px 10px}.chrome-menu-row{margin-top:12px}.chrome-item,.chrome-menu-row{align-items:center;display:flex;gap:8px;justify-content:center}.chrome-item{background:#1c262d;border:1px solid #2a3942;border-radius:8px;color:#d1dade;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s;width:-webkit-fit-content;width:fit-content}.chrome-item:hover:not(:disabled){background:#263238;border-color:#3d4c55;color:#e9edef}.chrome-item:disabled{color:#52606b;cursor:not-allowed;opacity:.5}.profile-signout-overlay{align-items:center!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#000000c7!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px!important;position:fixed!important;top:0!important;width:100vw!important;z-index:2147483647!important}.profile-signout-modal{animation:profileModalPop .35s cubic-bezier(.16,1,.3,1)!important;background:#111b21!important;border:1px solid #2a3942!important;border-radius:18px!important;box-shadow:0 25px 70px #0009!important;max-width:420px!important;overflow:hidden!important;width:100%!important}@keyframes profileModalPop{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-signout-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:20px 24px 12px}.profile-signout-header h2{color:#e9edef;font-size:19px;font-weight:600;margin:0}.profile-signout-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;width:40px}.profile-signout-close:hover{background:#1c262d;color:#c9d3d8}.profile-signout-body{color:#c9d3d8;padding:20px 24px}.profile-signout-body p{font-size:14.5px;line-height:1.55;margin:0 0 18px}.profile-reason-toggle{align-items:center;background:none;border:none;color:#00a884;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:6px;padding:10px 0}.profile-reason-toggle:hover{color:#06d755}.profile-reason-section{border-top:1px solid #1c262d;margin-top:16px;padding-top:16px}.profile-reason-input{background:#0f171c;border:1px solid #2a3942;border-radius:12px;color:#e9edef;font-size:13.5px;margin-top:12px;min-height:100px;padding:14px;resize:vertical;width:100%}.profile-reason-input:focus{background:#131c23;border-color:#00a884;box-shadow:0 0 0 1px #00a884;outline:none}.profile-signout-footer{background:#0b1216;border-top:1px solid #2a3942;display:flex;gap:12px;justify-content:flex-end;padding:18px 24px}.profile-btn-cancel,.profile-btn-confirm{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:11px 24px}.profile-btn-cancel{background:#1c262d;border:1px solid #2a3942;color:#d1dade}.profile-btn-cancel:hover{background:#263238}.profile-btn-confirm{background:#ff3b30;color:#fff;min-width:110px}.profile-btn-confirm:hover{background:#ff5449}.profile-btn-confirm:active{background:#e63228}.qr-modal-overlay{align-items:center;animation:fadeIn .35s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a6;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow:auto;padding:1rem;position:fixed;right:0;top:0;width:100vw;z-index:99999!important}.qr-modal-container{animation:modalPop .4s cubic-bezier(.16,1,.3,1);background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:auto;max-width:none;min-width:0;overflow:visible;position:relative;width:auto}.qr-modal-header{align-items:center;border-bottom:1px solid #202c33;display:flex;justify-content:space-between;padding:24px 28px 16px}.qr-modal-header h2{color:#e9edef;font-size:1.6rem;font-weight:600;margin:0}.qr-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;font-size:32px;height:44px;justify-content:center;transition:all .2s;width:44px}.qr-modal-close-btn:hover{background:#ff6b6b1a;color:#ff6b6b}.qr-modal-body{box-sizing:border-box;color:#e9edef;padding:24px 28px;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.chrome-dropdown{right:-12px;width:92vw}.last-opened,.library-stats{grid-template-columns:1fr}.profile-signout-modal,.qr-modal-container{max-width:92vw}}:root{--primary:#00a884;--primary-hover:#009374;--accent:#6366f1;--text-main:#eef2f5;--text-muted:#9ba6b1;--bg-main:#0c1317;--bg-card:#111a20;--bg-soft:#1a2329;--border-light:#ffffff14;--radius:14px;--transition:0.25s ease}.book-management{background:#0c1317;background:var(--bg-main);color:#eef2f5;color:var(--text-main);display:flex;flex-direction:column;font-family:Inter,Segoe UI,sans-serif;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative;transition:background .3s ease;width:100%}.book-management-header{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1317d9;border-bottom:none;display:flex;justify-content:space-between;left:0;padding:14px 20px;position:fixed;right:0;top:0;transition:box-shadow .25s ease;transition:box-shadow var(--transition);z-index:100}.book-management.scrolled .book-management-header{box-shadow:0 4px 18px #00000059}.header-title{color:#b3bcc5;font-size:26px;font-weight:800;letter-spacing:-.6px;margin:0}.tools-scroll-container-convert{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1317d9;border-bottom:none;left:0;overflow:hidden;padding:8px 0;position:fixed;right:0;top:54px;z-index:90}.tool-group-convert{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding:0 16px;scrollbar-color:#0000 #0000;scrollbar-width:thin}.tool-group-convert::-webkit-scrollbar{height:6px}.tool-group-convert::-webkit-scrollbar-thumb{background:#0000;border-radius:10px}.tool-button-convert{-webkit-touch-callout:none;align-items:center;background:#0000;border:none;border-radius:0;color:#9ba6b1;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 18px;transition:color .3s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.tool-button-convert:hover{color:#eef2f5;color:var(--text-main)}.tool-button-convert.active-convert{color:#00a884;color:var(--primary);font-weight:700}.book-management.fullscreen-chat{bottom:0;height:100%;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:100%;z-index:200}.book-management.fullscreen-chat .book-management-header,.book-management.fullscreen-chat .tools-scroll-container-convert{display:none!important}.book-management.fullscreen-chat .file-converter-content-convert.fullscreen-chat-content{background:#0c1317;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;margin:0!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden;padding:0!important;position:fixed;right:0;top:0;width:100vw;z-index:200}.book-management.fullscreen-chat body{margin:0;overflow:hidden;padding:0}@media (max-width:768px){.book-management.fullscreen-chat .file-converter-content-convert.fullscreen-chat-content{height:100%;width:100%}}@media (min-width:769px){.book-management.fullscreen-chat .file-converter-content-convert.fullscreen-chat-content{height:100vh;width:100vw}}.file-converter-content-convert{animation:fadeIn .4s ease-in-out;background-color:#0b1216;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative;transition:opacity .3s ease;user-select:none;-webkit-user-select:none}.file-converter-content-convert:not([data-active-tab=chatme]){-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;margin:125px 0 0!important;min-height:0;overflow-x:hidden;overflow-y:auto!important;padding:8px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.file-converter-content-convert:not([data-active-tab=chatme])::-webkit-scrollbar{display:none}.file-converter-content-convert:not([data-active-tab=chatme])>*{width:100%}.book-management .file-converter-content-convert[data-active-tab=chatme]{background-color:#0b1216;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 102px);left:0;margin-top:0;min-height:auto;overflow:hidden;padding:0;position:absolute;right:0;top:102px;width:100%;z-index:10}@media (max-width:768px){.book-management-header{padding:12px 16px}.header-title{font-size:22px}.tools-scroll-container-convert{top:50px}.file-converter-content-convert:not([data-active-tab=chatme]){-webkit-overflow-scrolling:touch;flex:1 1!important;margin:115px 0 0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px!important;scrollbar-width:none;touch-action:pan-y;width:100%!important}.file-converter-content-convert:not([data-active-tab=chatme])::-webkit-scrollbar{display:none}.book-management .file-converter-content-convert[data-active-tab=chatme]{background-color:#0b1216;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 98px);left:0;margin-top:0;min-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:98px;width:100%;z-index:10}.tool-group-convert{-webkit-overflow-scrolling:touch}.tool-button-convert{min-width:70px;padding:12px 16px}}@media (max-width:480px){.tool-button-convert{border-radius:10px;font-size:13px;min-width:60px;padding:9px 14px}.tools-scroll-container-convert{padding:6px 0}.tool-group-convert{gap:8px;padding:0 12px}.file-converter-content-convert{overscroll-behavior:contain;padding:16px;touch-action:pan-y}}.onboard-container{align-items:center;background:#0b1216;display:flex;justify-content:center;min-height:100vh;padding:24px}.onboard-card{background:#111b21;border:1px solid #22323b;border-radius:16px;box-shadow:0 20px 60px #00000059;max-width:720px;padding:32px;width:100%}.onboard-logo{display:block;height:56px;margin:0 auto 6px;object-fit:contain;opacity:.9;width:56px}.onboard-title{color:#e9edef;font-size:24px;margin:6px 0 8px;text-align:center}.onboard-subtitle{color:#aebac1;line-height:1.5;margin:0 auto 18px;max-width:520px;text-align:center}.onboard-steps{display:flex;flex-direction:column;gap:12px;margin:18px 0}.onboard-step{align-items:flex-start;background:#0e171d;border:1px solid #22323b;border-radius:12px;display:flex;gap:12px;padding:12px 14px}.step-badge{align-items:center;background:#00a884;border-radius:50%;color:#0b1216;display:flex;flex-shrink:0;font-weight:700;height:28px;justify-content:center;width:28px}.step-text h3{color:#e9edef;font-size:14px;margin:0 0 4px}.step-text p{color:#aebac1;font-size:13px;margin:0}.onboard-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.onboard-btn{align-items:center;border:1px solid #27404a;border-radius:10px;color:#e9edef;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:150px;padding:10px 14px;text-decoration:none;transition:.2s ease}.onboard-btn.primary{background:#00a884;border-color:#00a884;color:#0b1216}.onboard-btn.primary:hover{filter:brightness(.95);transform:translateY(-1px)}.onboard-btn.ghost{background:#0000}.onboard-btn.ghost:hover{background:#142028}.onboard-card:focus-within{outline:2px solid #00a884;outline-offset:2px}@media(max-width:520px){.onboard-card{padding:22px}.onboard-title{font-size:20px}.onboard-subtitle,.step-text h3{font-size:13px}.step-text p{font-size:12px}.onboard-btn{min-width:120px;padding:9px 12px}}.onboard-carousel{background:#0e171d;border:1px solid #22323b;border-radius:12px;overflow:hidden;position:relative}.carousel-track{display:flex;transition:transform .5s ease;will-change:transform}.carousel-slide{min-width:100%;padding:12px}.carousel-controls{align-items:center;display:flex;justify-content:space-between;margin-top:6px;position:relative}.ctrl{align-items:center;background:#0e171d;border:1px solid #22323b;border-radius:10px;color:#e9edef;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:.2s ease;width:36px}.ctrl:hover{background:#142028;transform:translateY(-1px)}.ctrl.left{margin-right:8px}.ctrl.right{margin-left:8px}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}.dot{background:#22323b;border:1px solid #27404a;border-radius:50%;height:8px;opacity:.8;transition:opacity .2s,transform .2s;width:8px}.dot:hover{opacity:1;transform:scale(1.08)}.dot.active{background:#00a884;border-color:#00a884;opacity:1;transform:scale(1.05)}.step-emoji{margin-right:6px}@media(min-width:900px){.carousel-slide{padding:14px}.onboard-subtitle{max-width:560px}.ctrl{height:38px;width:38px}.dot{height:9px;width:9px}}@media(max-width:520px){.onboard-carousel{border-radius:10px}.carousel-slide{padding:8px}.ctrl{height:34px;width:34px}}.upload-history-panel{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;overflow-y:auto;padding:24px}.upload-history-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.upload-history-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.close-btn:hover{color:#1f2937}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-left:4px solid #9ca3af;border-radius:8px;padding:16px;position:relative;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left-color:#00a884}.stat-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f1b233}.stat-card.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left-color:#ea4335}.stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#1f2937;font-size:28px}.stat-icon{font-size:24px;opacity:.3;position:absolute;right:12px;top:12px}.filters{background:#f9fafb;border-radius:6px;flex-wrap:wrap;margin-bottom:20px;padding:12px}.filter-group,.filters{align-items:center;display:flex;gap:8px}.filter-group{color:#6b7280;font-size:14px;font-weight:500;margin-right:8px}.filter-btn{border:1px solid #2a3942;border-radius:4px;color:#e9edef;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-btn.success.active{background:#00a884;border-color:#00a884}.filter-btn.warning.active{background:#f1b233;border-color:#f1b233;color:#1f2937}.filter-btn.error.active{background:#ea4335;border-color:#ea4335}.history-table-container{border:1px solid #e5e7eb;border-radius:6px;margin-bottom:20px;overflow-x:auto}.history-table{border-collapse:collapse;font-size:13px;width:100%}.history-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.history-table th{color:#374151;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.history-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.history-table tbody tr:hover{background-color:#f9fafb}.history-table td{color:#4b5563;padding:12px}.history-table tr.status-success td{background-color:#00a88405}.history-table tr.status-failed td{background-color:#ea433505}.history-table tr.status-duplicate td{background-color:#f1b23305}.status-cell{min-width:120px}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.badge{background:#e5e7eb;border-radius:3px;color:#374151;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.badge.success{background:#d1fae5;color:#065f46}.badge.error{background:#fee2e2;color:#991b1b}.badge.warning{background:#fef3c7;color:#92400e}.file-name{max-width:200px;word-break:break-word}.file-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-detail{border-top:1px solid #ea433533;color:#ea4335;font-size:11px;margin-top:4px;padding-top:4px;white-space:normal;word-break:break-word}.date{color:#9ca3af;font-size:12px;white-space:nowrap}.empty-state,.loading{color:#9ca3af;font-size:14px;padding:40px;text-align:center}.pagination{background:#0000;border-radius:6px;gap:12px;padding:12px}.pagination-btn{background:#0000;border:1px solid #2a3942;border-radius:4px;padding:6px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#00a8841a;border-color:#00a884}.page-info{color:#8696a0;font-size:13px;font-weight:500}@media (max-width:768px){.upload-history-panel{padding:16px}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-value{font-size:22px}.filters{align-items:flex-start;flex-direction:column}.history-table{font-size:12px}.history-table td,.history-table th{padding:8px}.file-name{max-width:150px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.history-table-container{border:none}.history-table{font-size:11px}.history-table td,.history-table th{padding:6px}.history-table thead{display:none}.history-table tbody,.history-table td,.history-table tr{display:block;width:100%}.history-table tr{border:1px solid #e5e7eb;border-radius:4px;margin-bottom:12px;padding:8px}.history-table td{border:none;padding:8px 0 8px 100px;position:relative}.history-table td:before{color:#374151;content:attr(data-label);font-weight:600;left:8px;position:absolute;width:90px}.error-detail{margin-left:0}}.reading-stats-container{padding:20px}.reading-stats-container h2{color:#e9edef;font-size:1.5rem;margin-bottom:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.stat-card{align-items:center;background:#1f2c33;border-radius:12px;border-top:4px solid #0000;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.stat-icon{flex-shrink:0}.stat-content{flex:1 1}.stat-value{color:#e9edef;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:#8696a0;font-size:.95rem;font-weight:500;margin-bottom:3px}.stat-subtext{color:#64748b;font-size:.85rem}.reading-level-section{margin-top:30px}.reading-level-section h3{color:#e9edef;font-size:1.3rem;margin-bottom:15px}.reading-level-card{background:linear-gradient(135deg,#00a88426,#6366f126);border:2px solid #2a3942;border-radius:12px;padding:30px}.level-display{align-items:center;display:flex;gap:20px}.level-icon{flex-shrink:0;font-size:3.5rem}.level-info{flex:1 1}.level-title{color:#e9edef;font-size:1.5rem;font-weight:700;margin-bottom:8px}.level-progress-text{color:#8696a0;font-size:.95rem}.level-progress-text.max-level{color:gold;font-weight:600}.level-progress-bar{background:#0b1216;border-radius:999px;height:10px;margin-top:15px;overflow:hidden;width:100%}.level-progress-fill{background:linear-gradient(90deg,#00a884,#6366f1);border-radius:999px;height:100%;transition:width .8s ease}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:1.6rem}.level-display{flex-direction:column;text-align:center}.level-icon{font-size:2.5rem}.level-title{font-size:1.2rem}}.goal-setter-container{padding:20px}.goal-setter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.goal-setter-header h2{color:#e9edef;font-size:1.5rem}.create-goal-form{background:#1f2c33;border:1px solid #2a3942;border-radius:12px;margin-bottom:30px;padding:30px}.create-goal-form h3{color:#e9edef;font-size:1.3rem;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{color:#8696a0;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.goal-type-selector{display:flex;gap:10px}.type-btn{background:#0b1216;border:2px solid #2a3942;border-radius:8px;color:#8696a0;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:15px;transition:all .3s ease}.type-btn.active,.type-btn:hover{border-color:#00a884;color:#00a884}.type-btn.active{background:#00a88433}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.input-field,.select-field{background:#0b1216;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.input-field:focus,.select-field:focus{border-color:#00a884;outline:none}.btn-create{margin-top:10px;width:100%}.goals-list h3{color:#e9edef;font-size:1.3rem;margin-bottom:20px}.no-goals{background:#1f2c33;border:2px dashed #2a3942;border-radius:12px;padding:60px 20px;text-align:center}.no-goals p{color:#8696a0;font-size:1.1rem;margin-top:20px}.no-goals .subtext{color:#64748b;font-size:.9rem;margin-top:10px}.goals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.goal-card{background:#1f2c33;border:1px solid #2a3942;border-radius:12px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.goal-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.goal-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.goal-type-badge{background:#00a88433;border-radius:999px;color:#00a884;font-size:.85rem;font-weight:600;padding:8px 15px}.btn-icon-danger{background:#0000;border:none;border-radius:50%;color:#ef4444;cursor:pointer;padding:8px;transition:background .2s ease}.btn-icon-danger:hover{background:#ef44441a}.goal-target{align-items:center;color:#e9edef;display:flex;font-size:1.1rem;font-weight:600;gap:12px;margin-bottom:20px}.goal-progress-section{margin:20px 0}.progress-stats{font-size:.9rem;justify-content:space-between;margin-top:10px}.progress-current{color:#e9edef;font-weight:600}.progress-percent{color:#8696a0}.goal-achieved{align-items:center;background:#10b98133;border-radius:8px;color:#10b981;display:flex;font-weight:600;gap:8px;margin-top:15px;padding:12px}.goal-remaining{color:#8696a0;font-size:.9rem;margin-top:15px;text-align:center}.suggested-goals{margin-top:40px}.suggested-goals h3{color:#e9edef;font-size:1.3rem;margin-bottom:20px}.suggestions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.suggestion-card{background:linear-gradient(135deg,#00a8841a,#6366f11a);border:1px solid #2a3942;border-radius:12px;cursor:pointer;padding:25px;text-align:center;transition:all .3s ease}.suggestion-card:hover{border-color:#00a884;box-shadow:0 8px 20px #00a88433;transform:translateY(-5px)}.suggestion-icon{font-size:2.5rem;margin-bottom:12px}.suggestion-title{color:#e9edef;font-size:1.1rem;font-weight:600;margin-bottom:8px}.suggestion-desc{color:#8696a0;font-size:.9rem}@media (max-width:768px){.goal-setter-header{align-items:stretch;flex-direction:column;gap:15px}.form-row,.goals-grid,.suggestions-grid{grid-template-columns:1fr}}.activity-heatmap{background:#1f2c33;border:1px solid #2a3942;border-radius:12px;padding:25px}.heatmap-stats{border-bottom:1px solid #2a3942;display:flex;gap:30px;margin-bottom:25px;padding-bottom:20px}.heatmap-stat{display:flex;flex-direction:column;gap:5px}.heatmap-stat .stat-value{color:#00a884;font-size:1.8rem;font-weight:700}.heatmap-stat .stat-label{color:#8696a0;font-size:.85rem}.heatmap-container{overflow-x:auto;padding:10px 0}.heatmap-months{display:flex;gap:12px;margin-bottom:8px;padding-left:30px}.month-label{color:#8696a0;font-size:.75rem;font-weight:500}.heatmap-grid{display:flex;gap:10px}.day-labels{display:flex;flex-direction:column;height:105px;justify-content:space-around}.day-label{align-items:center;color:#8696a0;display:flex;font-size:.7rem;height:15px}.weeks-container{display:flex;gap:3px;min-width:0}.week-column{display:flex;flex-direction:column;gap:3px}.day-cell{border-radius:2px;cursor:pointer;height:12px;transition:all .2s ease;width:12px}.day-cell:hover{border:1px solid #e9edef;transform:scale(1.3)}.heatmap-legend{align-items:center;color:#8696a0;display:flex;font-size:.75rem;gap:5px;justify-content:flex-end;margin-top:20px}.legend-cell{border-radius:2px;height:12px;width:12px}@media (max-width:768px){.heatmap-stats{flex-direction:column;gap:15px}.heatmap-container{overflow-x:scroll}.day-label{font-size:.65rem}.month-label{font-size:.7rem}}.achievements-container{padding:20px}.achievements-header{align-items:center;background:linear-gradient(135deg,#ffd7001a,#6366f11a);border:1px solid #2a3942;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.achievements-title{align-items:center;display:flex;gap:15px}.achievements-title h2{color:#e9edef;font-size:2rem;margin:0}.achievements-progress{align-items:center;display:flex;gap:25px}.progress-circle{height:120px;position:relative;width:120px}.progress-text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-percent{color:#00a884;font-size:1.5rem;font-weight:700}.progress-count{color:#8696a0;font-size:.85rem;margin-top:2px}.progress-stats{color:#e9edef;display:flex;flex-direction:column;font-size:1rem;gap:10px}.achievements-filters{display:flex;gap:10px;margin-bottom:25px}.filter-btn{background:#0000;border:2px solid #2a3942;border-radius:8px;color:#8696a0;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{border-color:#00a884;color:#00a884}.filter-btn.active{background:#00a88433}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.achievement-card{background:#1f2c33;border:2px solid;border-radius:12px;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.achievement-card.earned{cursor:pointer}.achievement-card.earned:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.achievement-card.locked{opacity:.6}.achievement-glow{border-radius:10px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.achievement-icon-large{font-size:4rem;margin-bottom:15px;transition:transform .3s ease}.achievement-card.earned:hover .achievement-icon-large{transform:scale(1.1)}.achievement-tier{font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.achievement-title{font-size:1.2rem;font-weight:700;margin-bottom:10px}.achievement-description{color:#8696a0;font-size:.9rem;line-height:1.4;margin-bottom:15px}.achievement-earned-date{color:#64748b;font-size:.8rem;font-style:italic}.achievement-requirement{background:#00a8841a;border-radius:8px;color:#00a884;font-size:.85rem;font-weight:500;padding:10px}.no-achievements{background:#1f2c33;border:2px dashed #2a3942;border-radius:12px;padding:60px 20px;text-align:center}.no-achievements p{color:#8696a0;font-size:1.1rem;margin-top:20px}@keyframes achievementUnlock{0%{opacity:0;transform:scale(.8) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.achievement-card.earned.new-achievement{animation:achievementUnlock .6s ease-out}@media (max-width:768px){.achievements-header{flex-direction:column;gap:25px}.achievements-progress{flex-direction:column;text-align:center}.achievements-filters{flex-direction:column}.filter-btn{width:100%}.achievements-grid{grid-template-columns:1fr}.achievement-icon-large{font-size:3rem}.achievement-title{font-size:1.1rem}}.reading-charts-container{padding:20px}.chart-section{background:#1f2c33;border:1px solid #2a3942;border-radius:12px;margin-bottom:30px;padding:30px}.chart-section h2{color:#e9edef;font-size:1.5rem;margin-bottom:25px}.chart-section h3{color:#e9edef;font-size:1.2rem;margin:20px 0 15px}.chart-wrapper{align-items:center;display:flex;justify-content:center;min-height:300px}.no-data{color:#8696a0;font-size:1.1rem;padding:40px;text-align:center}.genre-stats{margin-top:30px}.genre-list{display:flex;flex-direction:column;gap:12px}.genre-item{align-items:center;background:#0b1216;border-radius:8px;display:flex;gap:12px;padding:12px;transition:transform .2s ease}.genre-item:hover{transform:translateX(5px)}.genre-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.genre-name{color:#e9edef;flex:1 1;font-weight:500}.genre-count{color:#8696a0;font-size:.9rem}.leaderboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.leaderboard-header h2{margin:0}.leaderboard-filters{display:flex;gap:8px}.leaderboard-filters .filter-btn{background:#0000;border:2px solid #2a3942;border-radius:6px;color:#8696a0;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.leaderboard-filters .filter-btn:hover{border-color:#00a884;color:#00a884}.leaderboard-filters .filter-btn.active{background:#00a88433;border-color:#00a884;color:#00a884}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{align-items:center;background:#0b1216;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.leaderboard-item:hover{background:#00a8840d;transform:translateX(5px)}.leaderboard-rank{font-size:1.5rem;font-weight:700;min-width:50px;text-align:center}.leaderboard-avatar{border-radius:50%;flex-shrink:0;height:45px;overflow:hidden;width:45px}.leaderboard-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#00a884,#6366f1);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.leaderboard-name{color:#e9edef;flex:1 1;font-size:1rem;font-weight:600}.leaderboard-score{color:#00a884;font-size:1.1rem;font-weight:700}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-card{align-items:center;background:#0b1216;border-radius:8px;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.insight-card:hover{transform:translateY(-5px)}.insight-icon{flex-shrink:0;font-size:2.5rem}.insight-content{flex:1 1}.insight-title{color:#8696a0;font-size:.85rem;margin-bottom:5px}.insight-value{color:#e9edef;font-size:1.3rem;font-weight:700}.recharts-surface{overflow:visible}.recharts-tooltip-wrapper{z-index:100}@media (max-width:768px){.chart-section{padding:20px}.chart-wrapper{min-height:250px}.leaderboard-header{align-items:stretch;gap:15px}.leaderboard-filters,.leaderboard-header{flex-direction:column}.leaderboard-filters .filter-btn{width:100%}.leaderboard-item{padding:12px}.leaderboard-rank{font-size:1.2rem;min-width:40px}.leaderboard-avatar{height:35px;width:35px}.insights-grid{grid-template-columns:1fr}.insight-icon{font-size:2rem}.insight-value{font-size:1.1rem}}.reading-dashboard{background:#0b1216;color:#e9edef;margin:80px auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:linear-gradient(135deg,#00a8841a,#6366f11a);border:none;border-radius:12px;box-shadow:0 8px 24px #000c;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:30px;padding:30px 20px;text-align:center}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00a884,#6366f1);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.dashboard-header p{color:#8696a0;font-size:1.1rem}.dashboard-tabs{border-bottom:2px solid #2a3942;display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:#8696a0;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#00a8841a;color:#00a884}.tab-btn.active{background:#00a88433;border-bottom:3px solid #00a884;color:#00a884}.tab-content{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.goals-preview-section{margin:30px 0}.goals-preview-section h2{color:#e9edef;font-size:1.5rem;margin-bottom:20px}.goals-preview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.goal-preview-card{background:#1f2c33;border:none;border-radius:12px;box-shadow:0 6px 20px #000000b3;padding:20px}.goal-header{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:12px;margin-bottom:15px}.goal-progress{margin-top:15px}.progress-bar{background:#0b1216;border-radius:999px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#00a884,#26d366);border-radius:999px;height:100%;transition:width .5s ease}.progress-text{color:#8696a0;font-size:.9rem;text-align:center}.no-goals-card{background:#1f2c33;border:2px dashed #2a3942;border-radius:12px;grid-column:1/-1;padding:40px 20px;text-align:center}.no-goals-card p{color:#8696a0;margin:15px 0 20px}.heatmap-section{margin:40px 0}.heatmap-section h2{color:#e9edef;font-size:1.5rem;margin-bottom:20px}.recent-achievements-section{margin:40px 0}.recent-achievements-section h2{color:#e9edef;font-size:1.5rem;margin-bottom:20px}.achievements-preview{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.achievement-badge-mini{align-items:center;background:#1f2c33;border:none;border-radius:12px;box-shadow:0 6px 20px #000000b3;display:flex;flex-direction:column;gap:10px;padding:15px;text-align:center;transition:transform .2s ease}.achievement-badge-mini:hover{transform:translateY(-5px)}.achievement-icon{font-size:2rem}.achievement-title{color:#e9edef;font-size:.85rem;font-weight:600}.btn-primary{align-items:center;background:#00a884;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:#008069;box-shadow:0 4px 12px #00a8844d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #00a884;border-radius:8px;color:#00a884;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:#00a8841a}.reading-dashboard-loading{align-items:center;background:#0b1216;color:#e9edef;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #2a3942;border-radius:50%;border-top-color:#00a884;height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.books-search-section{margin:30px 0}.search-container{margin:0 auto 20px;max-width:600px;position:relative}.search-icon{color:#8696a0;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input{background:#1f2c33;border:none;border-radius:12px;box-shadow:0 8px 24px #000c;color:#e9edef;font-size:1rem;padding:15px 45px;transition:all .3s ease;width:100%}.search-input:focus{background:#23323a;border:none;box-shadow:0 4px 12px #00a8844d;outline:none}.search-input::placeholder{color:#8696a0}.clear-search-btn{background:#0000;border:none;border-radius:50%;color:#8696a0;cursor:pointer;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-btn:hover{background:#8696a01a;color:#e9edef}.search-results{color:#8696a0;font-size:.9rem;text-align:center}.books-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:30px 0}.book-card{background:#1f2c33;border:none;border-radius:12px;box-shadow:0 2px 8px #0006;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:20px;transition:all .3s ease}.book-card:hover{box-shadow:0 16px 40px #00a88459;transform:translateY(-5px)}.book-cover{background:#0b1216;border-radius:8px;height:200px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.book-cover img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.book-card:hover .book-cover img{transform:scale(1.05)}.book-cover-placeholder{align-items:center;background:linear-gradient(135deg,#1f2c33,#2a3942);display:flex;height:100%;justify-content:center;width:100%}.book-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.book-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#e9edef;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.book-author{color:#8696a0;font-size:.9rem;line-height:1.3;margin:0}.book-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.book-genre{background:#6366f133;color:#6366f1}.book-genre,.book-pages{border-radius:6px;font-size:.8rem;font-weight:500;padding:4px 8px}.book-pages{background:#00a88433;color:#00a884}.book-stats{border-top:1px solid #2a3942;display:flex;gap:15px;margin-top:10px;padding-top:10px}.book-stat{font-size:.85rem;gap:5px}.book-stat,.books-loading{align-items:center;color:#8696a0;display:flex}.books-loading,.no-books-found{flex-direction:column;justify-content:center;padding:60px 20px}.no-books-found{align-items:center;color:#8696a0;display:flex;text-align:center}.no-books-found h3{color:#e9edef;font-size:1.3rem;margin:15px 0 10px}.no-books-found p{margin-bottom:20px;max-width:400px}.pagination{flex-wrap:wrap;gap:10px;justify-content:center;margin:40px 0}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#1f2c33;border:none;border-radius:8px;box-shadow:0 6px 16px #000000b3;color:#e9edef;cursor:pointer;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#2a3942;box-shadow:0 6px 16px #00a88433;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:5px}.pagination-number{align-items:center;background:#1f2c33;border:none;border-radius:8px;box-shadow:0 6px 16px #000000b3;color:#e9edef;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-number:hover{background:#2a3942;box-shadow:0 6px 16px #00a88433;transform:translateY(-2px)}.pagination-number.active{background:#00a884;border-color:#00a884;box-shadow:0 6px 16px #00a88466;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.dashboard-header h1{font-size:1.8rem}.dashboard-tabs{justify-content:flex-start}.tab-btn{font-size:.9rem;padding:10px 15px}.goals-preview-grid{grid-template-columns:1fr}.achievements-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.books-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.search-input{padding:12px 40px}.book-card{padding:15px}.book-cover{height:160px}.book-title{font-size:1rem}.pagination{gap:5px}.pagination-btn{font-size:.85rem;padding:8px 12px}.pagination-number{font-size:.85rem;height:36px;width:36px}}