.default-avatar{color:#e9edef}.user-profile-panel{background:#111b21}.panel-header{padding:1px}.user-info{padding:12px}.panel-default-avatar{color:#e9edef}.menu-section{padding:1px 0}.panel-item{padding:8px 24px}.panel-item:hover{background-color:#1f2c33}@media (max-width:768px){.user-profile-panel{right:-10px;width:280px}}:root{--radius:6px;--radius-sm:4px}.user-profile-container{background-color:#0b1216;background-color:var(--bg-dark);color:#e9edef;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1;margin-left:3%;margin-top:60px;max-width:95%}.profile-header{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);color:#e9edef;color:var(--text);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.profile-header h2{color:#00a884;color:var(--primary);font-size:1.5rem;font-weight:600;margin:0}.profile-actions{gap:.5rem;gap:var(--spacing-sm)}button{align-items:center;background-color:initial;border:none;color:#e9edef;color:var(--text);display:inline-flex;font-size:.85rem;font-weight:500;gap:.3rem;justify-content:center;padding:.35rem .7rem;transition:all .3s ease;transition:var(--transition)}.button.active:hover{color:#008069;color:var(--primary-hover)}.button.active:after{background:#00a884;background:var(--primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;transition:var(--transition);width:0}.button.active:after,.button.active:hover:after{width:100%}.button.active{color:#00a884;color:var(--primary);font-weight:600}.edit-btn{background-color:#00a884;background-color:var(--primary);border-radius:6px;border-radius:var(--radius);color:var(--text)}.edit-btn:hover{background-color:#008069;background-color:var(--primary-hover);transform:translateY(-1px)}.save-btn{background-color:#00a884;background-color:var(--primary);border-radius:6px;border-radius:var(--radius)}.save-btn:hover{background-color:#008069;background-color:var(--primary-hover)}.cancel-btn{background-color:#2a3942;background-color:var(--bg-light);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius);color:var(--text)}.cancel-btn:hover{background-color:#3a4a52}.add-btn{background-color:#00a884;background-color:var(--primary);border-radius:6px;border-radius:var(--radius);color:#e9edef;color:var(--text);padding:.35rem 1rem}.add-btn:hover{background-color:#008069;background-color:var(--primary-hover)}.add-btn:disabled{background-color:#8696a0;background-color:var(--text-light);cursor:not-allowed}.remove-btn{background-color:initial;color:#f15e6c;color:var(--error);font-size:.75rem;padding:.15rem .3rem}.remove-btn:hover{text-decoration:underline}.profile-tabs{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;gap:.3rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding-bottom:.3rem}.tab-btn{align-items:center;background:none;border:none;color:#8696a0;color:var(--text-light);display:flex;font-size:.85rem;font-weight:500;gap:.3rem;padding:.5rem 1rem;position:relative}.tab-btn.active{color:#00a884;color:var(--primary)}.tab-btn.active:after{background-color:#00a884;background-color:var(--primary);border-radius:2px 2px 0 0;bottom:-.3rem;content:"";height:2px;left:0;position:absolute;width:95%}.tab-btn svg{height:1rem;width:1rem}.profile-content{background-color:var(--bg-dark);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 10px #0000004d;box-shadow:var(--shadow);padding:.5rem;padding:var(--spacing-sm)}.profile-section{grid-gap:.5rem;grid-gap:var(--spacing-sm);gap:.5rem;gap:var(--spacing-sm)}.profile-sections-nav{display:flex;gap:.3rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.section-btn{background-color:#2a3942;background-color:var(--bg-light);border-radius:6px;border-radius:var(--radius);color:#e9edef;color:var(--text);font-size:.75rem;padding:.35rem .7rem}.section-btn.active{background-color:#00a884;background-color:var(--primary);color:#e9edef;color:var(--text)}.avatar-upload{align-items:flex-start;gap:.6rem}.avatar-preview{border:2px solid var(--border-color);height:100px;width:100px}.avatar-preview.editable{cursor:pointer}.avatar-edit-overlay{align-items:center;background-color:#00000080;color:#e9edef;color:var(--text);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;transition:var(--transition);width:100%}.avatar-preview:hover .avatar-edit-overlay{opacity:1}.avatar-edit-overlay svg{height:1rem;margin-bottom:.3rem;width:1rem}.avatar-confirm-actions{gap:.3rem}.profile-fields{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#00a884;color:var(--primary);font-size:.75rem}.form-group .required{color:#f15e6c;color:var(--error)}input,select,textarea{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius);font-size:.85rem;padding:.5rem}input:focus,select:focus,textarea:focus{border-color:#00a884;border-color:var(--primary);box-shadow:0 0 0 2px #00a88433}input.error,select.error,textarea.error{border-color:#f15e6c;border-color:var(--error)}.error-message{color:var(--error);font-size:.65rem;margin-top:.15rem}.profile-value{align-items:center;background-color:#2a3942;background-color:var(--bg-light);border-radius:6px;border-radius:var(--radius);display:flex;font-size:.85rem;min-height:2.25rem;padding:.5rem}.bio-container{display:flex;flex-direction:column;gap:.3rem}.bio-container textarea{min-height:70px;resize:vertical}.char-count{color:var(--text-light);font-size:.65rem;text-align:right}.social-media-inputs{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.social-input{gap:.3rem}.social-icon,.social-input{align-items:center;display:flex}.social-icon{justify-content:center}.social-icon svg{height:1rem;width:1rem}.social-media-links{display:flex;gap:.6rem}.social-media-links a{align-items:center;background-color:#2a3942;background-color:var(--bg-light);border-radius:50%;display:flex;height:2rem;justify-content:center;transition:all .3s ease;transition:var(--transition);width:2rem}.social-media-links a:hover{transform:translateY(-2px)}.social-media-links svg{height:1rem;width:1rem}.no-social{color:#8696a0;color:var(--text-light);font-size:.85rem;font-style:italic}.skills-container{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem}.skill-tag{align-items:center;background-color:#00a884;background-color:var(--primary);border-radius:1rem;display:flex;font-size:.75rem;gap:.15rem;padding:.15rem .5rem}.remove-skill,.skill-tag{color:#e9edef;color:var(--text)}.remove-skill{background:none;border:none;font-size:.85rem;line-height:1;padding:0}.add-skill-form{display:flex;gap:.3rem}.add-skill-form input{flex:1 1}.education-item,.experience-item{background-color:#2a3942;background-color:var(--bg-light);border-radius:6px;border-radius:var(--radius);margin-bottom:.6rem;padding:.6rem}.education-header,.experience-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.3rem}.education-header h4,.experience-header h4{color:#00a884;color:var(--primary);font-size:.9rem;margin:0}.education-details,.experience-details{display:flex;flex-direction:column;gap:.15rem}.experience-position{font-size:.85rem;font-weight:500}.education-dates,.experience-dates{color:#8696a0;color:var(--text-light);font-size:.75rem}.experience-description{color:#e9edef;color:var(--text);font-size:.85rem;margin-top:.3rem}.add-education-form,.add-experience-form{background-color:#2a3942;background-color:var(--bg-light);border-radius:6px;border-radius:var(--radius);margin-top:.5rem;margin-top:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm)}.add-education-form h4,.add-experience-form h4{color:#00a884;color:var(--primary);font-size:1rem;margin-bottom:.6rem;margin-top:0}.form-row{gap:.6rem;margin-bottom:.6rem}.checkbox-group{flex-direction:row;gap:.3rem}.checkbox-group input{width:auto}.map-preview{margin-top:.5rem;margin-top:var(--spacing-sm)}.map-placeholder{align-items:center;background-color:#2a3942;background-color:var(--bg-light);border-radius:6px;border-radius:var(--radius);color:#8696a0;color:var(--text-light);display:flex;flex-direction:column;gap:.6rem;justify-content:center;padding:.5rem;padding:var(--spacing-sm);text-align:center}.map-placeholder svg{height:2rem;width:2rem}.map-placeholder p{font-size:.85rem;margin:0}.preference-category{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.preference-category h4{color:#00a884;color:var(--primary);font-size:1rem;margin-bottom:.6rem}.preference-item{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;gap:.6rem;margin-bottom:.6rem;padding-bottom:.6rem}.preference-item:last-child{border-bottom:none}.preference-label{flex:1 1}.preference-label span{font-size:.85rem;font-weight:500}.preference-description{color:#8696a0;color:var(--text-light);font-size:.75rem;margin:0}.theme-options{display:flex;gap:.6rem}.theme-option{align-items:center;cursor:pointer;gap:.3rem}.theme-option,.theme-preview{display:flex;flex-direction:column}.theme-preview{border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius);height:60px;overflow:hidden;width:80px}.theme-sample{display:flex;flex:1 1;flex-direction:column}.theme-sample.light{background-color:#f8f9fa}.theme-sample.dark{background-color:#212529}.theme-sample.system{background:linear-gradient(180deg,#212529 50%,#f8f9fa 0)}.theme-header{background-color:#00a884;background-color:var(--primary);height:15px}.theme-content{flex:1 1;position:relative}.theme-content:before{top:6px;width:20px}.theme-content:after,.theme-content:before{background-color:#2a3942;background-color:var(--bg-light);border-radius:2px;content:"";height:6px;left:6px;position:absolute}.theme-content:after{top:16px;width:35px}.color-options{display:flex;gap:.3rem}.color-option{cursor:pointer;position:relative}.color-preview{border:2px solid #0000;border-radius:50%;height:1.6rem;width:1.6rem}.color-option input{opacity:0;position:absolute}.color-option input:checked+.color-preview{border-color:#e9edef;border-color:var(--text)}.switch{height:20px;width:40px}.switch.large{height:24px;width:45px}.slider{background-color:#ccc}.slider,.slider:before{transition:all .3s ease;transition:var(--transition)}.slider:before{height:12px;width:12px}.switch.large .slider:before{height:18px;width:18px}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px #00a884;box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translateX(20px)}.switch.large input:checked+.slider:before{transform:translateX(23px)}.slider.round{border-radius:25px}.status-message{align-items:center;animation:slideIn .3s ease-out;border-radius:6px;border-radius:var(--radius);bottom:.5rem;bottom:var(--spacing-sm);box-shadow:0 2px 10px #0000004d;box-shadow:var(--shadow);display:flex;font-size:.85rem;gap:.5rem;padding:.6rem 1rem;right:.5rem;right:var(--spacing-sm)}.status-message.success{background-color:#10b98133;border-left:4px solid #10b981;border-left:4px solid var(--success);color:#10b981;color:var(--success)}.status-message.error{background-color:#f15e6c33;border-left:4px solid var(--error);color:#f15e6c;color:var(--error)}.status-message svg{flex-shrink:0;height:1rem;width:1rem}.close-message{background:none;border:none;color:inherit;font-size:1rem;margin-left:auto;padding:0}.spinner{animation:rotate 1s linear infinite;height:.8rem;width:.8rem}.spinner circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width:768px){.profile-header{align-items:flex-start;flex-direction:column;gap:.6rem}.profile-tabs{overflow-x:auto;padding-bottom:.3rem}.profile-fields,.social-media-inputs{grid-template-columns:1fr}.form-row{flex-direction:column;gap:.6rem}.status-message{bottom:.6rem;left:.6rem;max-width:none;right:.6rem}}@media (max-width:480px){.profile-content{padding:.6rem}.avatar-preview{height:80px;width:80px}.theme-options{flex-direction:column}.theme-option{align-items:center;flex-direction:row}.theme-preview{height:30px;width:45px}}.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 label{font-size:clamp(.875rem,1.2vw,1rem)}.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}.form-group textarea{min-height:6.25rem}.form-row{gap:1.25rem}.form-group.checkbox input{margin-right:.625rem}.form-group.checkbox label{cursor:pointer;margin-bottom:0}.hint{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;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;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;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{font-size:clamp(1rem,1.4vw,1.25rem);margin-bottom:.625rem;margin-top:0}.action-card p{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{border-left:2px solid #0000;font-size:.8rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing);text-align:left;width:100%}.tab-button.active{background:#0b1216;background:var(--bg-dark);border-left:2px solid #00a884;border-left:2px solid var(--primary)}.tab-button:hover:not(.active){background:#8696a01a;color:#e9edef;color:var(--text)}.tab-content{background:#0b1216;background:var(--bg-dark);overflow-y:auto;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);flex:1 1;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);gap:var(--spacing-sm);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{display:grid;inset:0;place-items:center}.modal-content{background:var(--bg-dark);border-radius:var(--radius);color:#e9edef;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}.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{border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.account-header h2{color:var(--text);font-size:1.3rem}.account-tabs{gap:.25rem}.account-tabs button{background:var(--bg-light);border-radius:var(--radius-sm);color:var(--text-light);font-size:.8rem;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{color:var(--text);gap:.5rem;margin:0 0 .25rem}.action-card h3:before{color:inherit;content:"•"}.action-card p{color:var(--text-light);font-size:.8rem}.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)}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.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;margin-top:.75rem}.session-item{grid-gap:.5rem;border-bottom:1px solid var(--border-color);color:var(--text);display:grid;font-size:.8rem;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))}@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}.navbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0b1216;box-shadow:0 1px 3px #0000004d;color:#e9edef;display:flex;height:60px;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar-scrolled{background:#111b21f2;box-shadow:0 4px 6px #0000004d}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.navbar-brand{gap:1rem}.navbar-brand,.navbar-logo{align-items:center;display:flex}.navbar-logo{gap:.75rem;text-decoration:none}.logo-image{height:40px;margin-right:8px;transition:transform .2s ease;width:auto}.logo-text{color:#e9edef;font-size:1.125rem;font-weight:600;transition:opacity .3s ease}.navbar-logo:hover .logo-image{transform:scale(1.05)}.navbar-links{color:#fff;display:flex;gap:4rem;margin-left:3rem}.nav-link1{background:#0000;border:none;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link1:hover{color:#90ee90}.nav-link1:after{background:#90ee90;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;width:0}.nav-link1.active:after,.nav-link1:hover:after{width:100%}.nav-link1.active{color:#56eb56;font-weight:600}.connect-btn{color:#00a884!important;font-weight:600!important}.connect-btn:hover{color:#00d4a0!important}.connect-btn:after,.connect-btn:hover:after{background:#00a884!important}.navbar-user{align-items:center;display:flex;gap:1.25rem;margin-left:auto;padding-left:1rem}.user-profile-container{gap:.5rem}@media (max-width:1200px){.navbar-links{gap:2.5rem}}@media (max-width:1024px){.navbar-container{background-color:#0b1216;padding:0 1.35rem}.navbar-links{gap:2rem;margin-left:2rem}}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-links{gap:1.75rem;margin-left:1.5rem}.logo-text{font-size:1rem}.navbar-user{gap:1rem;padding-left:.75rem}}@media (max-width:640px){.navbar{padding:0}.navbar-container{padding:0 .75rem}.navbar-links{gap:1.5rem;margin-left:1rem}.logo-text{font-size:.9rem;opacity:.9}.logo-image{height:36px}.navbar-user{gap:.75rem;padding-left:.5rem}}@media (max-width:480px){.navbar{background:#111b21;height:40px}.navbar-container{padding:0 .75rem}.navbar-links{gap:1.25rem;margin-left:.5rem}.logo-text{display:none}.nav-link1{font-size:.7rem}.navbar-user{gap:.5rem;padding-left:.25rem}}@media (max-width:360px){.navbar-container{padding:0 .5rem}.navbar-links{gap:1rem;margin-left:.25rem}.nav-link1{font-size:.65rem}.navbar-user{gap:.5rem;padding-left:.25rem}}.connect-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.connect-modal{background:#111b21;border:1px solid #2a3942;border-radius:1rem;box-shadow:0 8px 32px #0006;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%}.close-btn{background:#0000;border-radius:50%;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.close-btn:hover{background:#2a394280}.modal-logo{height:48px;margin-bottom:1rem;width:auto}.connect-modal h2{color:#e9edef;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.connect-modal p{color:#8696a0;font-size:.9rem;margin:0 0 2rem}.google-btn,.manual-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;margin-bottom:1rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.google-btn{background:#fff;box-shadow:0 2px 8px #0000001a;color:#333}.google-btn:hover{background:#f8f9fa;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.google-btn img{height:20px;width:auto}.manual-btn{background:#0000;border:1px solid #00a884;color:#00a884}.manual-btn:hover{background:#00a8841a;transform:translateY(-1px)}.user-profile-container{align-items:center;display:flex;gap:10px}.user-profile-dropdown{z-index:1000}.mobile-menu,.mobile-menu-button{display:none!important}.mobile-user-actions{border-top:1px solid #2a3942;padding:15px}:root{--warning:#fc0;--bg-light:#0b1216;--bg-secondary:#111b21}.containerBKP{background-color:#0b1216;color:#e9edef;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:-30px;max-width:100%;padding:.75rem .5rem}@media (min-width:768px){.containerBKP{margin-top:40px}}.headerBKP{margin-bottom:1.25rem;padding-top:1rem;text-align:center}.titleBKP{color:#e9edef;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}@media (min-width:768px){.titleBKP{font-size:1.8rem}}.subtitleBKP{color:#8696a0;font-size:.8rem;margin:0 auto;max-width:500px;padding:0 1rem}@media (min-width:768px){.subtitleBKP{font-size:.85rem}}.controlsBKP{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem;position:relative;width:100%}@media (min-width:640px){.controlsBKP{gap:1rem}}.search-containerBKP{align-items:center;background:#0b1216;border-radius:6px;display:flex;flex:1 1;min-width:0;padding:.5rem}@media (min-width:768px){.search-containerBKP{max-width:70%}}.search-iconBKP{align-items:center;color:#8696a0;display:flex;margin-right:.5rem}.search-inputBKP{background:#0000;border:none;border-radius:4px;color:#e9edef;flex:1 1;font-size:.85rem;min-width:0;outline:none;padding:.4rem .75rem}.search-inputBKP::placeholder{color:#8696a0;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;border:1px solid #2a3942;border-radius:6px;color:#e9edef;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;color:#00a884}.filter-buttonBKP:disabled{cursor:not-allowed;opacity:.7}@media (min-width:640px){.filter-buttonBKP{padding:.5rem 1rem}}.filter-dropdownBKP{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-sectionBKP{border-top:1px solid #2a3942;margin-top:10px;padding-top:10px}.filter-sectionBKP h4{color:#8696a0;margin-bottom:8px}.filter-optionBKP{align-items:center;background:#0000;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-optionBKP.activeBKP{background:#00a8841a;color:#00a884}.filter-optionBKP:hover{background:#8696a01a;color:#00a884}.filter-optionBKP svg{flex-shrink:0;font-size:.9rem}.gridBKP{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:480px){.gridBKP{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.gridBKP{gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.book-cardBKP{background:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.book-cardBKP:hover{box-shadow:0 4px 6px #0003;transform:translateY(-2px)}.book-coverBKP{border-bottom:1px solid #2a3942;height:100px;object-fit:cover;width:100%}@media (min-width:768px){.book-coverBKP{height:180px}}.card-contentBKP{display:flex;flex:1 1;flex-direction:column;padding:.75rem}@media (min-width:768px){.card-contentBKP{padding:.9rem}}.book-titleBKP{-webkit-box-orient:vertical;color:#e9edef;display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:.3rem;overflow:hidden}@media (min-width:768px){.book-titleBKP{font-size:1rem;margin-bottom:.4rem}}.book-authorBKP{color:#8696a0;font-size:.7rem;margin-bottom:.5rem}@media (min-width:768px){.book-authorBKP{font-size:.75rem}}.book-descBKP{-webkit-box-orient:vertical;color:#8696a0;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:.7rem;justify-content:space-between;margin-top:auto}@media (min-width:768px){.book-metaBKP{font-size:.75rem}}.ratingBKP,.view-countBKP{align-items:center;color:#8696a0;display:flex;gap:.2rem}.action-buttonsBKP{border-top:1px solid #2a3942;display:flex;gap:.5rem;padding:.5rem}.action-buttonBKP{align-items:center;background:#0000;border:none;border-radius:4px;color:#e9edef;cursor:pointer;display:flex;flex:1 1;font-size:.7rem;gap:.3rem;justify-content:center;padding:.3rem;transition:all .2s ease}.action-buttonBKP:hover{background:#8696a01a}@media (min-width:768px){.action-buttonBKP{font-size:.75rem;padding:.4rem}}.wishlist-buttonBKP{align-items:center;background:#0000;border:none;border-radius:4px;color:#8696a0;cursor:pointer;display:flex;flex:1 1;font-size:.7rem;gap:.3rem;justify-content:center;padding:.3rem;transition:all .2s ease}.wishlist-buttonBKP.activeBKP{color:#00a884}@media (min-width:768px){.wishlist-buttonBKP{font-size:.75rem;padding:.4rem}}.load-more-buttonBKP{background:#00a884;border:none;border-radius:6px;color:#e9edef;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}.empty-stateBKP{background:#0b1216;border:1px dashed #2a3942;border-radius:8px;color:#8696a0;grid-column:1/-1;margin:1rem 0;padding:1.5rem 1rem;text-align:center}.empty-stateBKP h3{color:#e9edef;font-size:1rem;margin:.8rem 0 .4rem}.empty-stateBKP p{font-size:.8rem;margin-bottom:0}.empty-stateBKP svg{color:#8696a0;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{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-contentBKP{background:#0b1216;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin-top:70px;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.modal-contentBKP{margin-top:0;max-width:90%}}@media (max-width:480px){.modal-contentBKP{border-radius:8px;max-width:95%}}.modal-headerBKP{color:#e9edef;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;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}}.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{padding:.75rem}}.details-containerBKP{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 0}.detail-itemBKP{background:#0b1216;border:1px solid #2a3942;border-radius:6px;display:flex;flex-direction:column;min-width:120px;padding:.1rem}@media (min-width:250px){.detail-itemBKP{min-width:60px}}.detail-labelBKP{color:#8696a0;font-size:.7rem;font-weight:500}.detail-valueBKP{color:#e9edef;font-size:.8rem;font-weight:600;word-break:break-word}.stats-containerBKP{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.stat-itemBKP{align-items:center;color:#e9edef;display:flex;font-size:.8rem}.stat-itemBKP svg{color:#00a884;flex-shrink:0;font-size:.5rem}@media (min-width:168px){.stat-itemBKP{font-size:.85rem}.stat-itemBKP svg{font-size:1rem}}.close-buttonBKP{align-items:center;background:#f15e6c;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#e9edef;cursor:pointer;display:flex;font-size:.9rem;height:1.8rem;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:1.8rem;z-index:10}@media (min-width:768px){.close-buttonBKP{font-size:1rem;height:2.2rem;right:1rem;top:1rem;width:2.2rem}}.close-buttonBKP:hover{background:#dc2626;transform:scale(1.05)}.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;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;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;border:1px solid #2a3942;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;border-radius:4px;height:100px;margin-bottom:.5rem;width:100%}@media (min-width:768px){.skeleton-coverBKP{height:120px}}.skeleton-textBKP{background:#0b1216;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}}.reaction-buttons-containerBKP{display:flex;gap:8px}.reaction-buttons-containerBKP button{align-items:center;background:#0b1216;color:#e9edef;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:all .2s}.reaction-buttons-containerBKP button:hover{background:#8696a01a}.reaction-buttons-containerBKP button.activeBKP{background:#0000}.reaction-buttons-containerBKP .countBKP{font-size:.9em}.love-buttonBKP.activeBKP{color:#f15e6c}.wishlist-panelBKP{background:#0b1216;border-left:1px solid #2a3942;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;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.wishlist-titleBKP{color:#e9edef;font-size:1.2rem;margin:0}.wishlist-close-buttonBKP{background:none;border:none;color:#f15e6c;cursor:pointer;padding:5px}.wishlist-close-buttonBKP:hover{color:#e9edef}.wishlist-toggleBKP{background:#0b1216;border:none;border-radius:50%;bottom:20px;box-shadow:none;cursor:pointer;font-size:2rem;height:40px;position:fixed;right:10px;width:40px;z-index:999}.wishlist-countBKP,.wishlist-toggleBKP{align-items:center;color:#e9edef;display:flex;justify-content:center}.wishlist-countBKP{background:red;border-radius:50%;font-size:.8rem;height:24px;position:absolute;right:-5px;top:-5px;width:24px}.wishlist-booksBKP{display:flex;flex-direction:column;gap:15px}.wishlist-book-itemBKP{align-items:center;background:#0b1216;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;font-size:.9rem;margin:0 0 5px}.wishlist-book-infoBKP p{color:#8696a0;font-size:.8rem;margin:0}.wishlist-remove-buttonBKP{background:none;border:none;color:#f15e6c;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;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;border:1px solid #2a3942;border-radius:8px;margin-bottom:1rem;padding:1rem;position:relative}.welcome-contentBKP{text-align:center}.welcome-contentBKP h3{color:#e9edef;font-size:1.2rem;margin-bottom:.5rem}.welcome-contentBKP p{color:#8696a0;font-size:.9rem;margin-bottom:0}.close-welcomeBKP{background:none;border:none;color:#8696a0;cursor:pointer;position:absolute;right:.5rem;top:.5rem}.modal-actionsBKP{display:flex;gap:10px;justify-content:space-between;margin-top:20px;padding:0 1.5rem 1rem}:root{--primary-dark:#008069;--secondary-color:#25d366;--success-color:#34b7f1;--error-color:#f72585;--warning-color:#f8961e;--medium-gray:#8696a0;--dark-gray:#8696a0;--text-color:#e9edef;--white:#111b21;--black:#000;--google-red:#db4437;--github-black:#24292e;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--border-radius:6px;--box-shadow:0 2px 8px #0000001a;--max-width:500px;--min-width:320px}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background-color:var(--white);color:var(--text-color);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;line-height:1.5}.registration-container-reg{align-items:flex-start;color:#e9edef;color:var(--text-color);display:flex;justify-content:center;margin:0;max-width:100%;min-height:100vh;overflow-y:auto;padding:1rem;padding:var(--space-lg);touch-action:auto;width:100%}.pull-to-refresh-reg{align-items:center;background-color:initial;display:flex;height:60px;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:-60px;transition:transform all .2s ease;transition:transform var(--transition);z-index:1000}.pull-to-refresh-reg.active-reg{transform:translateY(60px)}.refresh-spinner-reg{animation:spin 1s linear infinite;border:4px solid #8696a0;border-top:4px solid #00a884;border:4px solid var(--medium-gray);border-radius:50%;border-top-color:var(--primary-color);height:24px;opacity:0;transition:opacity all .2s ease;transition:opacity var(--transition);width:24px}.pull-to-refresh-reg.active-reg .refresh-spinner-reg{opacity:1}.registration-card-reg{background:#2a3942;background:var(--light-gray);border:1px solid #2a3942;border:1px solid var(--light-gray);border-radius:6px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow);margin:1rem;margin:var(--space-lg);max-width:500px;max-width:var(--max-width);min-width:320px;min-width:var(--min-width);padding:1.5rem;padding:var(--space-xl);width:100%}.card-header-reg{margin-bottom:1rem;margin-bottom:var(--space-lg);text-align:center}.card-header-reg h2{color:#e9edef;color:var(--text-color);font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700}.card-header-reg p{color:#8696a0;color:var(--dark-gray);font-size:clamp(.8125rem,3vw,.875rem)}.form-error-reg{align-items:center;background-color:#f725851a;border-radius:6px;border-radius:var(--border-radius);color:#f72585;color:var(--error-color);font-size:.8125rem;margin-bottom:1rem;margin-bottom:var(--space-lg);padding:.5rem;padding:var(--space-sm)}.form-error-reg,.form-row-reg{display:flex;gap:.5rem;gap:var(--space-sm)}.form-row-reg{flex-direction:column}@media (min-width:480px){.form-row-reg{flex-direction:row}}.form-group-reg{flex:1 1;margin-bottom:1rem;margin-bottom:var(--space-lg);position:relative}.form-group-reg label{color:#e9edef;color:var(--text-color);display:block;font-size:clamp(.8125rem,3vw,.875rem);font-weight:300;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.input-with-icon-reg{align-items:center;display:flex;position:relative}.input-with-icon-reg .input-icon-reg{color:#e9edef;color:var(--text-color);font-size:1rem;left:.75rem;left:var(--space-md);position:absolute}.input-with-icon-reg input{background-color:#2a3942;background-color:var(--light-gray);border:1px solid #2a3942;border:1px solid var(--light-gray);border-radius:6px;border-radius:var(--border-radius);color:#e9edef;color:var(--text-color);font-size:clamp(.8125rem,3vw,.875rem);height:30px;padding:0 .75rem;padding:0 var(--space-md);transition:all .2s ease;transition:var(--transition);width:100%}.input-with-icon-reg input:focus{background-color:#2a3942;background-color:var(--light-gray);border-color:#00a884;border-color:var(--primary-color);box-shadow:0 0 0 2px #00a88433;outline:none}.toggle-password-reg{background:none;border:none;color:#8696a0;color:var(--dark-gray);cursor:pointer;font-size:1rem;line-height:1;padding:0;position:absolute;right:.75rem;right:var(--space-md)}.error-message-reg{align-items:center;color:#f72585;color:var(--error-color);display:flex;font-size:.75rem;gap:.25rem;gap:var(--space-xs);margin-top:.25rem;margin-top:var(--space-xs)}.has-error-reg .input-with-icon-reg input{border-color:#f72585;border-color:var(--error-color)}.input-hint-reg{color:#8696a0;color:var(--dark-gray);font-size:.75rem;margin-top:.25rem;margin-top:var(--space-xs)}.password-strength-reg{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);margin-top:.5rem;margin-top:var(--space-sm)}.strength-bars-reg{display:flex;flex-grow:1;gap:.15rem}.strength-bar-reg{background-color:#8696a0;background-color:var(--medium-gray);border-radius:2px;flex:1 1;height:2px}.strength-text-reg{font-size:.75rem;min-width:50px}.submit-btn-reg{background-color:#00a884;background-color:var(--primary-color);border:none;border-radius:6px;border-radius:var(--border-radius);color:#e9edef;color:var(--text-color);cursor:pointer;font-size:clamp(.875rem,3vw,1rem);font-weight:600;margin-top:.5rem;margin-top:var(--space-sm);padding:.75rem;padding:var(--space-md);transition:all .2s ease;transition:var(--transition);width:100%}.submit-btn-reg:focus,.submit-btn-reg:hover{background-color:#008069;background-color:var(--primary-dark)}.divider-reg{align-items:center;color:#8696a0;color:var(--dark-gray);display:flex;font-size:.8125rem;margin:1rem 0;margin:var(--space-lg) 0}.divider-reg:after,.divider-reg:before{background-color:#2a3942;background-color:var(--light-gray);content:"";flex:1 1;height:1px}.divider-reg:before{margin-right:.75rem;margin-right:var(--space-md)}.divider-reg:after{margin-left:.75rem;margin-left:var(--space-md)}.social-login-reg{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-lg)}@media (min-width:380px){.social-login-reg{flex-direction:row}}.social-btn-reg{align-items:center;border:1px solid #2a3942;border:1px solid var(--light-gray);border-radius:6px;border-radius:var(--border-radius);display:flex;font-size:.8125rem;gap:.5rem;gap:var(--space-sm);justify-content:center;padding:.5rem .75rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease;transition:var(--transition)}.social-btn-reg.google-reg{background-color:#2a3942;background-color:var(--light-gray);color:#e9edef;color:var(--text-color);font-size:.8125rem;margin:0 auto;width:-webkit-fit-content;width:fit-content}.social-btn-reg:hover{opacity:.9}.login-link-reg{font-size:.8125rem;margin-top:1rem;margin-top:var(--space-lg);text-align:center}.login-link-reg a{color:#34b7f1;color:var(--success-color);font-weight:500;text-decoration:none;text-underline-offset:1px}.login-link-reg a:hover{text-decoration:underline}.terms-notice-reg{color:#8696a0;color:var(--dark-gray);font-size:.75rem;margin-top:1rem;margin-top:var(--space-lg);text-align:center}.terms-notice-reg a{color:#34b7f1;color:var(--success-color);text-decoration:none}.terms-notice-reg a:hover{text-decoration:underline}.registration-success-reg{padding:1.5rem;padding:var(--space-xl);text-align:center}.success-icon-reg{color:#34b7f1;color:var(--success-color);height:60px;margin:0 auto 1rem;margin:0 auto var(--space-lg);width:60px}.registration-success-reg h2{font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.registration-success-reg p{color:#8696a0;color:var(--dark-gray);font-size:clamp(.8125rem,3vw,.875rem);margin-bottom:1rem;margin-bottom:var(--space-lg)}.username-status-reg{font-size:.75rem;position:absolute;right:.75rem;right:var(--space-md);top:50%;transform:translateY(-50%)}button:focus-visible,input:focus-visible{outline:2px solid #00a884;outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:480px){.registration-container-reg{align-items:flex-start;height:auto;min-height:auto;padding:.75rem;padding:var(--space-md)}.registration-card-reg{border-radius:0;box-shadow:none;margin:.75rem;margin:var(--space-md);padding:1rem;padding:var(--space-lg)}}@media (max-height:500px) and (orientation:landscape){.registration-container-reg{align-items:flex-start;overflow-y:auto;padding-top:1.5rem;padding-top:var(--space-xl)}}.spinner-reg{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-color);display:inline-block;height:1rem;margin-right:.25rem;margin-right:var(--space-xs);width:1rem}.highlight-username-reg{font-weight:600}.strength-bar-reg.active-reg{background-color:#f72585;background-color:var(--error-color)}.strength-bar-reg.active-reg.medium-reg{background-color:#f8961e;background-color:var(--warning-color)}.strength-bar-reg.active-reg.strong-reg{background-color:#25d366;background-color:var(--secondary-color)}.username-status-reg.available-reg{color:#25d366;color:var(--secondary-color)}.username-status-reg.taken-reg{color:#f72585;color:var(--error-color)}.error-icon-reg{font-size:.75rem}.google-icon-reg{margin-right:.25rem;margin-right:var(--space-xs)}.sr-only-reg{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.welcome-message-reg{margin-bottom:1rem;margin-bottom:var(--space-lg)}.loading-redirect-reg{color:#8696a0;color:var(--dark-gray);font-size:clamp(.8125rem,3vw,.875rem)}.required-reg{color:#25d366;color:var(--secondary-color)}:root{--reset-button:#005b96;--scale-factor:0.9}.container-uni{background:#0b1216;background:var(--bg-dark);margin-top:36px;margin-top:calc(40px*var(--scale-factor));padding:.9rem;padding:calc(1rem*var(--scale-factor));width:100%}.header-uni{margin-bottom:1.35rem;margin-bottom:calc(1.5rem*var(--scale-factor));text-align:center}.header-uni,.title-uni{color:#e9edef;color:var(--text-dark)}.title-uni{font-size:1.8rem;font-size:calc(2rem*var(--scale-factor));margin-bottom:.225rem;margin-bottom:calc(.25rem*var(--scale-factor))}.subtitle-uni{color:#8696a0;color:var(--text-light);font-size:.855rem;font-size:calc(.95rem*var(--scale-factor));margin:0 auto;max-width:630px;max-width:calc(700px*var(--scale-factor))}.controls-uni{align-items:center;display:flex;flex-wrap:wrap;gap:.675rem;gap:calc(.75rem*var(--scale-factor));justify-content:space-between;margin-bottom:1.125rem;margin-bottom:calc(1.25rem*var(--scale-factor))}@media (max-width:480px){.controls-uni{align-items:stretch;flex-wrap:nowrap}}.search-container-uni{flex:1 1;min-width:180px;min-width:calc(200px*var(--scale-factor));position:relative}@media (max-width:480px){.search-container-uni{max-width:calc(100% - 108px);max-width:calc(100% - 120px*var(--scale-factor))}}.search-input-uni{background-color:#2a3942;background-color:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:3.6px;border-radius:calc(4px*var(--scale-factor));color:#e9edef;color:var(--text-dark);font-size:.81rem;font-size:calc(.9rem*var(--scale-factor));padding:.45rem .675rem .45rem 1.8rem;padding:calc(.5rem*var(--scale-factor)) calc(.75rem*var(--scale-factor)) calc(.5rem*var(--scale-factor)) calc(2rem*var(--scale-factor));transition:all .2s;width:100%}.search-input-uni:focus{border-color:#00a884;border-color:var(--primary);box-shadow:0 0 0 1.8px #00a88433;box-shadow:0 0 0 calc(2px*var(--scale-factor)) #00a88433;outline:none}@media (max-width:480px){.search-input-uni{height:100%}}.search-icon-uni{font-size:.81rem;font-size:calc(.9rem*var(--scale-factor));left:.675rem;left:calc(.75rem*var(--scale-factor));position:absolute;top:50%;transform:translateY(-50%)}.clear-search-uni,.search-icon-uni{color:#8696a0;color:var(--text-light)}.clear-search-uni{background:none;border:none;cursor:pointer;padding:0 7.2px;padding:0 calc(8px*var(--scale-factor))}.filter-wrapper-uni{position:relative;width:auto}.filter-button-uni{align-items:center;background:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:3.6px;border-radius:calc(4px*var(--scale-factor));color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:.81rem;font-size:calc(.9rem*var(--scale-factor));font-weight:500;gap:5.4px;gap:calc(6px*var(--scale-factor));height:100%;justify-content:center;padding:7.2px 10.8px;padding:calc(8px*var(--scale-factor)) calc(12px*var(--scale-factor));transition:all .2s ease;white-space:nowrap}.filter-button-uni.active-uni{color:#00a884;color:var(--primary)}.filter-button-uni.active-uni,.filter-button-uni:hover{background:#2a3942;background:var(--bg-darker);border-color:#00a884;border-color:var(--primary)}.filter-dropdown-uni{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:5.4px;border-radius:calc(6px*var(--scale-factor));box-shadow:0 1.8px 7.2px #0000004d;box-shadow:0 calc(2px*var(--scale-factor)) calc(8px*var(--scale-factor)) #0000004d;margin-top:5.4px;margin-top:calc(6px*var(--scale-factor));padding:7.2px;padding:calc(8px*var(--scale-factor));position:absolute;right:0;top:100%;width:180px;width:calc(200px*var(--scale-factor));z-index:100}.filter-option-uni{align-items:center;background:#0000;border-radius:2.7px;border-radius:calc(3px*var(--scale-factor));color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:.765rem;font-size:calc(.85rem*var(--scale-factor));gap:5.4px;gap:calc(6px*var(--scale-factor));margin-bottom:2.7px;margin-bottom:calc(3px*var(--scale-factor));padding:5.4px 9px;padding:calc(6px*var(--scale-factor)) calc(10px*var(--scale-factor));transition:all .2s}.filter-option-uni.active-uni{color:#00a884;color:var(--primary)}.filter-option-uni.active-uni,.filter-option-uni:hover{background:#2a3942;background:var(--bg-darker)}.filter-section-uni h5{color:#e9edef;color:var(--text-dark);font-size:.72rem;font-size:calc(.8rem*var(--scale-factor));margin-bottom:.36rem;margin-bottom:calc(.4rem*var(--scale-factor))}.grid-uni{grid-gap:.9rem;grid-gap:calc(1rem*var(--scale-factor));display:grid;gap:.9rem;gap:calc(1rem*var(--scale-factor));grid-template-columns:repeat(auto-fill,minmax(216px,1fr));grid-template-columns:repeat(auto-fill,minmax(calc(240px*var(--scale-factor)),1fr));margin-bottom:1.35rem;margin-bottom:calc(1.5rem*var(--scale-factor))}@media (max-width:480px){.grid-uni{grid-template-columns:repeat(2,1fr)}}@media (max-width:320px){.grid-uni{grid-template-columns:1fr}}.category-card-uni{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:7.2px;border-radius:calc(8px*var(--scale-factor));box-shadow:0 1.8px 5.4px #0003;box-shadow:0 calc(2px*var(--scale-factor)) calc(6px*var(--scale-factor)) #0003;cursor:pointer;overflow:hidden;transition:all .3s ease}.card-content-uni{padding:.9rem;padding:calc(1rem*var(--scale-factor))}.category-icon-uni{color:#00a884;color:var(--primary);font-size:1.35rem;font-size:calc(1.5rem*var(--scale-factor));margin-bottom:.675rem;margin-bottom:calc(.75rem*var(--scale-factor))}.category-name-uni{color:#e9edef;color:var(--text-dark);font-size:.99rem;font-size:calc(1.1rem*var(--scale-factor));margin-bottom:.225rem;margin-bottom:calc(.25rem*var(--scale-factor))}.category-desc-uni{color:#8696a0;color:var(--text-light);font-size:.72rem;font-size:calc(.8rem*var(--scale-factor));line-height:1.4;margin-bottom:.9rem;margin-bottom:calc(1rem*var(--scale-factor))}.category-meta-uni{justify-content:space-between;margin-top:.675rem;margin-top:calc(.75rem*var(--scale-factor))}.category-meta-uni,.rating-uni{align-items:center;display:flex}.rating-uni{color:#8696a0;color:var(--text-light);font-size:.72rem;font-size:calc(.8rem*var(--scale-factor));gap:3.6px;gap:calc(4px*var(--scale-factor))}.rating-uni svg{fill:#fbbf24;fill:var(--rating-star)}.view-button-uni{align-items:center;border-radius:3.6px;border-radius:calc(4px*var(--scale-factor));color:#00a884;color:var(--primary);display:flex;font-size:.765rem;font-size:calc(.85rem*var(--scale-factor));font-weight:500;justify-content:center;padding:.45rem;padding:calc(.5rem*var(--scale-factor));transition:all .2s}.view-button-uni,.view-button-uni:hover{background:#2a3942;background:var(--bg-darker)}.view-button-uni svg{font-size:.81rem;font-size:calc(.9rem*var(--scale-factor));transition:transform .2s}.view-button-uni:hover svg{transform:translateX(1.8px);transform:translateX(calc(2px*var(--scale-factor)))}.load-more-button-uni{background:#00a884;background:var(--primary);border:none;border-radius:3.6px;border-radius:calc(4px*var(--scale-factor));color:#fff;cursor:pointer;display:block;font-size:.81rem;font-size:calc(.9rem*var(--scale-factor));font-weight:500;margin:1.35rem auto 0;margin:calc(1.5rem*var(--scale-factor)) auto 0;padding:.54rem 1.125rem;padding:calc(.6rem*var(--scale-factor)) calc(1.25rem*var(--scale-factor));transition:all .2s}.load-more-button-uni:hover{background:#008069;background:var(--primary-hover)}.empty-state-uni{background:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:5.4px;border-radius:calc(6px*var(--scale-factor));margin:1.35rem 0;margin:calc(1.5rem*var(--scale-factor)) 0;padding:1.8rem;padding:calc(2rem*var(--scale-factor));text-align:center}.empty-state-uni svg{color:#8696a0;color:var(--text-light);font-size:1.8rem;font-size:calc(2rem*var(--scale-factor));margin-bottom:.675rem;margin-bottom:calc(.75rem*var(--scale-factor))}.empty-state-uni h3{color:#e9edef;color:var(--text-dark);font-size:1.125rem;font-size:calc(1.25rem*var(--scale-factor));margin-bottom:.225rem;margin-bottom:calc(.25rem*var(--scale-factor))}.empty-state-uni p{color:#8696a0;color:var(--text-light);font-size:.81rem;font-size:calc(.9rem*var(--scale-factor));margin-bottom:.675rem;margin-bottom:calc(.75rem*var(--scale-factor))}.empty-state-uni .reset-filters-uni{background:#005b96;background:var(--reset-button);border:none;border-radius:3.6px;border-radius:calc(4px*var(--scale-factor));color:#fff;cursor:pointer;margin-top:14.4px;margin-top:calc(16px*var(--scale-factor));padding:7.2px 14.4px;padding:calc(8px*var(--scale-factor)) calc(16px*var(--scale-factor))}.skeleton-card-uni{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:7.2px;border-radius:calc(8px*var(--scale-factor));box-shadow:0 1.8px 5.4px #0003;box-shadow:0 calc(2px*var(--scale-factor)) calc(6px*var(--scale-factor)) #0003;padding:.9rem;padding:calc(1rem*var(--scale-factor))}.skeleton-icon-uni{border-radius:50%;height:28.8px;height:calc(32px*var(--scale-factor));margin-bottom:.675rem;margin-bottom:calc(.75rem*var(--scale-factor));width:28.8px;width:calc(32px*var(--scale-factor))}.skeleton-icon-uni,.skeleton-text-uni{background:#2a3942;background:var(--bg-darker)}.skeleton-text-uni{border-radius:2.7px;border-radius:calc(3px*var(--scale-factor));height:9px;height:calc(10px*var(--scale-factor));margin-bottom:.45rem;margin-bottom:calc(.5rem*var(--scale-factor))}:root{--error:#f15e6c;--error-hover:#e5177b;--warning:#f59e0b;--success:#10b981;--bg-darker:#2a3942;--wishlist-active:#6366f1;--wishlist-inactive:#64748b}.containerpast{background-color:#0b1216;background-color:var(--bg-dark);color:#e9edef;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:10px;max-width:100%;padding:.75rem .5rem}@media (min-width:768px){.containerpast{margin-top:40px}}.welcome-bannerpast{background:#2a3942;background:var(--bg-darker);border-radius:8px;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.25rem;padding-top:1rem;text-align:center}.titlepast{color:#e9edef;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}@media (min-width:768px){.titlepast{font-size:1.8rem}}.subtitlepast{color:#8696a0;color:var(--text-light);font-size:.8rem;margin:0 auto;max-width:500px;padding:0 1rem}@media (min-width:768px){.subtitlepast{font-size:.85rem}}.controlspast{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem;position:relative;width:100%}@media (min-width:640px){.controlspast{gap:1rem}}.search-containerpast{align-items:center;background:#2a3942;background:var(--bg-darker);border-radius:6px;display:flex;flex:1 1;min-width:0;padding:.5rem}@media (min-width:768px){.search-containerpast{max-width:70%}}.search-inputpast{background:#0000;border:none;border-radius:4px;color:#e9edef;color:var(--text-dark);flex:1 1;font-size:.85rem;min-width:0;outline:none;padding:.4rem .75rem}.search-inputpast::placeholder{color:#8696a0;color:var(--text-light);font-size:.85rem}.search-iconpast{align-items:center;display:flex;margin-right:.5rem}.clear-searchpast,.search-iconpast{color:#8696a0;color:var(--text-light)}.clear-searchpast{background:none;border:none;cursor:pointer;padding:0 8px}.filter-wrapperpast{display:flex;gap:10px;position:relative}.filter-buttonpast{align-items:center;background:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);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-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{background:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:6px;box-shadow:0 2px 4px #0000004d;min-width:180px;padding:.5rem;position:absolute;right:0;z-index:10}.filter-sectionpast{margin-top:1px}.filter-sectionpast h5{color:#000;font-size:.8rem;margin-bottom:.4rem}.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 .2s 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;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:480px){.gridpast{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.gridpast{gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.paper-cardpast{background:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:8px;box-shadow:0 1px 2px #0003;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.paper-cardpast:hover{box-shadow:0 4px 6px #0000004d;transform:translateY(-2px)}.paper-coverpast{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--bg-darker);height:100px;object-fit:cover;width:100%}@media (min-width:768px){.paper-coverpast{height:180px}}.card-contentpast{display:flex;flex:1 1;flex-direction:column;padding:.75rem}@media (min-width:768px){.card-contentpast{padding:.9rem}}.paper-titlepast{-webkit-box-orient:vertical;color:#e9edef;color:var(--text-dark);display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:.3rem;overflow:hidden}@media (min-width:768px){.paper-titlepast{font-size:1rem;margin-bottom:.4rem}}.paper-coursepast{color:#8696a0;color:var(--text-light);font-size:.7rem;margin-bottom:.5rem}@media (min-width:768px){.paper-coursepast{font-size:.75rem}}.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}}.paper-metapast{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;margin-top:auto}@media (min-width:768px){.paper-metapast{font-size:.75rem}}.ratingpast,.view-countpast{align-items:center;color:#8696a0;color:var(--text-light);display:flex;gap:.2rem}.ratingpast svg{fill:#fbbf24;fill:var(--rating-star)}.action-buttonspast{border-top:1px solid #2a3942;border-top:1px solid var(--bg-darker);display:flex;gap:.5rem;padding:.5rem}.wishlist-buttonpast{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--wishlist-inactive);cursor:pointer;display:flex;flex:1 1;font-size:.7rem;gap:.3rem;justify-content:center;padding:.3rem;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}@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:#2a3942;background:var(--bg-darker);border:1px dashed #2a3942;border:1px dashed var(--bg-darker);border-radius:8px;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{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-contentpast{background:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;margin-top:70px;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.modal-contentpast{margin-top:0;max-width:90%}}@media (max-width:480px){.modal-contentpast{border-radius:8px;max-width:95%}}.modal-headerpast{color:#e9edef;color:var(--text-dark);padding:1rem 1.5rem;text-align:center}.modal-headerpast h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.modal-headerpast p{color:#8696a0;color:var(--text-light);font-size:.9rem;margin-bottom:0;opacity:.9}@media (max-width:768px){.modal-headerpast{padding:.8rem 1rem}.modal-headerpast h2{font-size:1.1rem}.modal-headerpast p{font-size:.85rem}}.modal-bodypast{flex:1 1;overflow-y:auto;padding:1.5rem}@media (max-width:768px){.modal-bodypast{padding:1rem}}@media (max-width:480px){.modal-bodypast{padding:.75rem}}.details-containerpast{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 0}.detail-itempast{background:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:6px;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:flex;gap:.8rem;justify-content:center}.stat-itempast{align-items:center;color:#e9edef;color:var(--text-dark);display:flex;font-size:.8rem}.stat-itempast svg{color:#00a884;color:var(--primary);flex-shrink:0;font-size:.5rem}@media (min-width:168px){.stat-itempast{font-size:.85rem}.stat-itempast svg{font-size:1rem}}.close-buttonpast{align-items:center;background:#f15e6c;background:var(--error);border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:1.8rem;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:1.8rem;z-index:10}@media (min-width:768px){.close-buttonpast{font-size:1rem;height:2.2rem;right:1rem;top:1rem;width:2.2rem}}.close-buttonpast:hover{background:#e5177b;background:var(--error-hover);transform:scale(1.05)}.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:#2a3942;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:#2a3942;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:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:8px;box-shadow:0 1px 2px #0003;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{display:flex;gap:8px}.reaction-buttons-containerpast button{align-items:center;background:#2a3942;background:var(--bg-darker);border:none;border-radius:4px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:all .2s}.reaction-buttons-containerpast button:hover{background:#8696a01a}.reaction-buttons-containerpast button.activepast{background:#0000}.reaction-buttons-containerpast .countpast{font-size:.9em}.love-buttonpast.activepast{color:#f15e6c;color:var(--error)}.love-buttonpast.activepast svg{color:red}.wishlist-panelpast{background:#2a3942;background:var(--bg-darker);border-left:1px solid #2a3942;border-left:1px solid var(--bg-darker);box-shadow:-2px 0 10px #0000004d;height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:280px;z-index:1000}.wishlist-headerpast{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--bg-darker);display:flex;justify-content:space-between;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;cursor:pointer;font-size:2rem;height:40px;position:fixed;right:10px;width:40px;z-index:999}.wishlist-countpast,.wishlist-togglepast{align-items:center;color:#fff;display:flex;justify-content:center}.wishlist-countpast{background:red;border-radius:50%;font-size:.8rem;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:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;border:1px solid var(--bg-darker);border-radius:8px;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{align-items:center;display:flex;flex-direction:column;justify-content:center;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:#2a3942;background:var(--bg-darker);border:1px solid #2a3942;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;gap:10px;justify-content:space-between;margin-top:20px;padding:0 1.5rem 1rem}.modal-wishlist-buttonpast{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;color:var(--wishlist-inactive);cursor:pointer;display:flex;gap:5px;padding:10px 15px}.modal-wishlist-buttonpast.activepast{background:#e0e7ff;color:#6366f1;color:var(--wishlist-active)}.modal-wishlist-buttonpast.activepast svg{fill:#6366f1;fill:var(--wishlist-active);color:#6366f1;color:var(--wishlist-active)}.share-buttonpast{align-items:center;background:#00a884;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:10px 15px}.courses-container{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;padding:20px}.courses-container.light-theme{--bg-color:#fff;--text-color:#333;--primary-color:#4a6fa5;--secondary-color:#6c757d;--border-color:#e0e0e0;--hover-color:#f5f5f5;--active-color:#e9ecef;--error-color:#dc3545;--success-color:#28a745;--instructor-color:#4a6fa5;--student-color:#6c757d;--input-bg:#fff;--input-border:#ced4da;--card-shadow:0 2px 8px #0000001a}.courses-container.dark-theme{--bg-color:#111b21;--text-color:#e9edef;--primary-color:#00a884;--secondary-color:#8696a0;--border-color:#2a3942;--hover-color:#2a3942;--active-color:#202c33;--error-color:#f44336;--success-color:#00a884;--instructor-color:#00a884;--student-color:#8696a0;--input-bg:#2a3942;--input-border:#2a3942;--card-shadow:0 2px 8px #0000004d}.course-detail,.courses-list{background-color:var(--bg-color);border-radius:8px;box-shadow:var(--card-shadow);color:var(--text-color);overflow:hidden}.section-header{border-bottom:1px solid var(--border-color)}.section-header h2{color:var(--primary-color);margin:0}.search-bar input{background-color:var(--input-bg);border:1px solid var(--border-color);min-width:250px;padding:8px 15px 8px 35px}.search-bar input::placeholder,.search-btn{color:var(--secondary-color)}.search-btn{left:10px}.primary-btn{background-color:var(--primary-color);gap:5px;padding:8px 16px}.primary-btn:hover{opacity:.9}.primary-btn:disabled{cursor:not-allowed;opacity:.6}.secondary-btn{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color);display:flex;gap:5px;padding:8px 16px}.secondary-btn:hover{background-color:#00a8841a}.danger-btn{align-items:center;background-color:#3a1e1e;border:1px solid var(--error-color);border-radius:4px;color:var(--error-color);cursor:pointer;display:flex;gap:5px;padding:8px 16px}.danger-btn:hover{background-color:#4a2525}.back-button{color:var(--primary-color);gap:5px;margin-bottom:10px;padding:8px 0}.courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.course-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:15px;transition:all .2s ease}.course-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.course-card.active{border-left:4px solid var(--primary-color)}.course-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.course-code{font-weight:700}.course-instructor{align-items:center;color:var(--secondary-color);display:flex;font-size:14px;gap:5px}.course-card-body{margin-bottom:15px}.course-name{color:var(--text-color);cursor:pointer;margin:0 0 10px}.course-name:hover{color:var(--primary-color)}.course-semester{margin-bottom:10px}.course-description,.course-semester{color:var(--secondary-color);font-size:14px}.course-description{line-height:1.4}.course-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:10px}.course-stats{color:var(--secondary-color);display:flex;font-size:14px;gap:15px}.course-stats svg{margin-right:3px}.course-actions{display:flex;gap:8px}.icon-btn{color:var(--secondary-color)}.icon-btn:hover{background-color:var(--hover-color)}.edit-btn:hover{color:var(--primary-color)}.danger-btn:hover{color:var(--error-color)}.view-btn{color:var(--primary-color)}.course-detail{padding:20px}.course-header{margin-bottom:20px}.course-title{margin-bottom:15px}.course-title h2{color:var(--text-color);margin:0}.course-code{color:var(--primary-color);font-size:16px;margin-top:5px}.course-meta{color:var(--secondary-color);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.instructor{align-items:center;display:flex;gap:5px}.semester{font-style:italic}.stats{align-items:center;display:flex;gap:5px}.course-content{margin-bottom:20px}.course-content h3{color:var(--primary-color);margin-top:20px}.course-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.section{background-color:var(--hover-color);border-radius:8px;padding:15px}.section h3{color:var(--primary-color);margin-top:0}.empty-state{color:var(--secondary-color)}.empty-state p{margin-bottom:15px}.modal-content{background-color:var(--bg-color);border:1px solid var(--border-color);box-shadow:0 4px 20px #0000004d;max-width:500px;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--text-color)}.close-button{color:var(--secondary-color);font-size:20px}.close-button:hover{color:var(--text-color)}.form-group{margin-bottom:15px}.form-group label{color:var(--text-color);margin-bottom:5px}.form-group input,.form-group textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:14px;padding:8px 12px;width:100%}.modal-footer{border-top:1px solid var(--border-color)}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{align-items:stretch;flex-direction:column;gap:10px;width:100%}.search-bar input{width:100%}.course-sections,.courses-grid{grid-template-columns:1fr}.modal-content{width:95%}}.lecture-app-layout{color:#e9edef;margin-top:60px;min-height:100vh}.lecture-app-layout,.lecture-sidebar{background-color:#0b1216;display:flex}.lecture-sidebar{border-right:1px solid #2a3942;flex-direction:column;height:93%;position:fixed;transition:all .3s ease;width:250px;z-index:100}.lecture-sidebar.collapsed{width:80px}.lecture-main-content{background-color:#0b1216;flex:1 1;margin-top:0;transition:margin-left .3s ease}.lecture-logo{background-color:#0b1216;border-bottom:1px solid #2a3942;color:#e9edef;cursor:pointer;font-size:1.5rem;font-weight:700;padding:1rem;position:relative;text-align:center}.lecture-collapse-btn{background:none;border:none;color:#e9edef;cursor:pointer;font-size:1rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.lecture-menu{background-color:#0b1216;flex:1 1;overflow-y:auto;padding:1rem 0}.lecture-menu-item{align-items:center;color:#e9edef;cursor:pointer;display:flex;gap:.1rem;padding:.8rem 1.5rem;transition:all .2s ease;white-space:nowrap}.lecture-menu-item:hover{background-color:#2a3942}.lecture-menu-item.active{background-color:#00a884;color:#fff}.lecture-menu-icon{font-size:1.2rem;min-width:24px;text-align:center}.lecture-menu-label{color:#e9edef;font-size:.95rem;transition:opacity .3s ease}.lecture-sidebar.collapsed .lecture-menu-label{opacity:0;overflow:hidden;width:0}.lecture-mobile-drawer{display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.lecture-drawer-content{background-color:#0b1216;border-right:1px solid #2a3942;color:#e9edef;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:280px}.lecture-drawer-overlay{background-color:#00000080;flex:1 1}.lecture-close-drawer{background:none;border:none;color:#e9edef;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.lecture-content-area{padding:1.5rem}.lecture-content-card{background-color:#2a3942;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:#e9edef;min-height:calc(100vh - 180px);overflow:hidden;padding:1.5rem}.lecture-mobile-bottom-nav{background-color:#0b1216;border-top:1px solid #2a3942;bottom:0;box-shadow:0 -2px 10px #0000004d;display:flex;height:60px;justify-content:space-around;left:0;padding:6px 0 4px;position:fixed;right:0;z-index:1000}.lecture-mobile-nav-item{align-items:center;color:#e9edef;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:0 2px;text-decoration:none;transition:all .2s ease}.lecture-mobile-nav-item.active{background-color:#00a884;border-radius:6px;color:#fff;margin:0 2px}.lecture-mobile-nav-icon{align-items:center;color:#e9edef;display:flex;font-size:20px;height:24px;justify-content:center;margin-bottom:2px;width:24px}.lecture-mobile-nav-label{color:#e9edef;display:block;font-size:10px;font-weight:500;line-height:1.2;margin-top:2px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.lecture-mobile-nav-item:active{transform:scale(.95)}@media (max-width:400px){.lecture-mobile-nav-icon{font-size:18px}.lecture-mobile-nav-label{font-size:9px}.lecture-mobile-bottom-nav{height:56px}}@media (max-width:360px){.lecture-mobile-nav-icon{font-size:16px}.lecture-mobile-nav-label{font-size:8px}.lecture-mobile-bottom-nav{height:52px;padding:4px 0 2px}}@media (min-width:768px){.lecture-mobile-bottom-nav{display:none}}.tab-content{background-color:#111b21;color:#e9edef;padding:1rem}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.tab-title{color:#00a884;font-size:1.5rem;margin:0}.tab-actions{align-items:center;display:flex;gap:1rem}.search-bar{background-color:#2a3942;border:1px solid #2a3942;border-radius:18px;padding:.5rem 1rem}.search-bar:focus-within{border-color:#00a884}.search-bar input{margin-left:.5rem;padding:.5rem;width:200px}.btn{border-radius:18px;display:flex;font-weight:500;gap:.5rem}.btn:hover{opacity:.9}.btn-primary{background-color:#00a884;color:#111b21}.btn-secondary{background-color:#2a3942}.btn-outline{background-color:initial;border:1px solid #8696a0;color:#8696a0}.icon-btn{border-radius:50%;padding:.25rem;transition:all .2s ease}.icon-btn:hover{background-color:#8696a01a;color:#e9edef}.danger{color:#f72585}.danger:hover{color:#ff4d9e}.advanced-filters{background-color:#2a3942;border-radius:8px;box-shadow:0 2px 8px #0003;margin-bottom:1rem;padding:1rem}.filter-row{display:flex;gap:1rem;margin-bottom:1rem}.filter-group{flex:1 1}.filter-group label{color:#e9edef;display:block;font-size:.875rem;margin-bottom:.5rem}.filter-group input,.filter-group select{background-color:#111b21;border:1px solid #2a3942;border-radius:4px;color:#e9edef;padding:.5rem;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#00a884;outline:none}.filter-actions{display:flex;justify-content:flex-end}.upload-panel{background-color:#2a3942;border-radius:8px;box-shadow:0 2px 8px #0003;margin-bottom:1rem;padding:1rem}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.panel-header h4{color:#e9edef;font-size:1rem;margin:0}.file-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.file-item{background-color:#111b21;border:1px solid #2a3942;padding:.75rem;transition:all .2s ease}.file-item:hover{background-color:#1e2b32}.file-icon{flex-shrink:0;font-size:1.5rem;margin-right:1rem}.file-icon.pdf{color:#db4437}.file-icon.doc{color:#2b579a}.file-icon.xls{color:#217346}.file-icon.ppt{color:#d24726}.file-info{min-width:0}.file-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info small{font-size:.75rem}.upload-options{display:flex;gap:1rem;margin-bottom:1rem}.form-group label{font-size:.875rem}.tag-input{align-items:center;background-color:#111b21;border:1px solid #2a3942;border-radius:4px;display:flex;overflow:hidden}.tag-input input{background-color:initial;border:none;color:#e9edef;flex:1 1;padding:.5rem}.tag-input input::placeholder{color:#8696a0}.tag-input input:focus{outline:none}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{align-items:center;background-color:#00a884;border-radius:4px;color:#111b21;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.tag button{background:none;border:none;cursor:pointer;display:flex;margin-left:.25rem;padding:0}.upload-actions{display:flex;justify-content:flex-end}.breadcrumb-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.5rem 0}.breadcrumb-item{background:none;border:none;color:#8696a0;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:color .2s ease}.breadcrumb-item:hover{color:#e9edef;text-decoration:underline}.breadcrumb-separator{color:#8696a0}.new-folder-input{align-items:center;background-color:#2a3942;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.new-folder-input input{background-color:#111b21;border:1px solid #2a3942;border-radius:4px;color:#e9edef;flex:1 1;padding:.5rem}.new-folder-input input:focus{border-color:#00a884;outline:none}.documents-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.folders-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:1rem}.folder-item{align-items:center;background-color:#2a3942;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.folder-item:hover{background-color:#374954}.folder-icon{margin-bottom:.5rem}.folder-name{color:#e9edef;text-align:center;width:100%;word-break:break-word}.folder-actions{opacity:0;position:absolute;right:.25rem;top:.25rem;transition:opacity .2s ease}.folder-item:hover .folder-actions{opacity:1}.documents-table{border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.table-header{background-color:#2a3942;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 120px;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-cell{align-items:center;color:#e9edef;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.header-cell.sorted,.header-cell:hover{color:#00a884}.table-body{background-color:#111b21;flex:1 1;overflow-y:auto}.table-row{align-items:center;border-bottom:1px solid #2a3942;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 120px;padding:.75rem 1rem;transition:background-color .2s ease}.table-row:hover{background-color:#1e2b32}.table-cell{color:#e9edef;font-size:.875rem}.table-cell.name{align-items:center;display:flex;gap:.5rem;overflow:hidden}.document-icon{flex-shrink:0;font-size:1.25rem}.star{color:gold;flex-shrink:0;margin-left:.5rem}.action-buttons{gap:.5rem;justify-content:flex-end}.empty-state{background-color:#111b21;flex:1 1;padding:2rem}.empty-state p{margin-bottom:1rem}.modal{background-color:#2a3942;max-width:800px;width:80%}.modal-header{border-bottom:1px solid #111b21;padding:1rem}.modal-header h3{font-size:1.25rem}.modal-body{padding:1rem}.document-info,.info-grid{margin-bottom:1rem}.info-grid{grid-gap:1rem;gap:1rem}.info-item{flex-direction:column}.info-item label{font-size:.875rem;margin-bottom:.25rem}.info-item span{color:#e9edef;font-size:.9375rem}.document-viewer{align-items:center;background-color:#111b21;display:flex;flex-direction:column;height:400px;justify-content:center}.viewer-placeholder{padding:2rem;text-align:center}.viewer-placeholder svg{color:#00a884;font-size:3rem;margin-bottom:1rem}.modal-footer{border-top:1px solid #111b21;padding:1rem}.doc-type{background-color:#00a8841a;border-radius:4px;font-size:.75rem;padding:.25rem .5rem}@media (max-width:768px){.tab-header{align-items:flex-start;flex-direction:column;gap:1rem}.tab-actions{flex-direction:column;gap:.5rem;width:100%}.search-bar{width:100%}.table-header,.table-row{grid-template-columns:2fr 1fr 80px}.table-header .header-cell:nth-child(3),.table-header .header-cell:nth-child(4),.table-row .table-cell:nth-child(3),.table-row .table-cell:nth-child(4){display:none}.modal{width:95%}.info-grid{grid-template-columns:1fr}}.action-buttons .icon-btn{background-color:#ffffff1a;color:#e9edef;padding:.5rem}.action-buttons .icon-btn:hover{background-color:#fff3;color:#00a884}.action-buttons .icon-btn.download{color:#00a884}.action-buttons .icon-btn.danger{color:#f72585}.modal-footer .btn{min-width:100px}.modal-footer .btn-primary{background-color:#00a884;color:#111b21}.modal-footer .btn-outline{border-color:#e9edef;color:#e9edef}.modal-footer .btn-outline:hover{background-color:#ffffff1a}@media (max-width:768px){.action-buttons{gap:.25rem}.action-buttons .icon-btn{font-size:.9rem;padding:.4rem}.btn{font-size:.9rem;padding:.6rem 1rem}.btn-primary{background-color:#00a884;color:#111b21;font-weight:600}.icon-btn.download{background-color:#00a88433!important;color:#00a884!important}.icon-btn.danger{background-color:#f7258533!important;color:#f72585!important}}.download-btn{background-color:#00a8841a!important;color:#00a884!important}.download-btn:hover{background-color:#00a88433!important}.delete-btn{background-color:#f725851a!important;color:#f72585!important}.delete-btn:hover{background-color:#f7258533!important}.action-buttons svg,.icon-btn svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}body{background-color:#111b21;color:#e9edef}.section-header{margin-bottom:30px}.section-header h2{font-size:28px;margin-bottom:20px}.search-bar{width:100%}.search-bar input{border-radius:4px 0 0 4px;font-size:16px;padding:10px 15px}.search-btn{background-color:#2a3942;border:1px solid #2a3942;border-left:none;border-radius:0 4px 4px 0;padding:10px 15px}.primary-btn{transition:background-color .3s}.primary-btn,.secondary-btn{font-size:16px;padding:10px 20px}.secondary-btn{transition:all .3s}.secondary-btn:hover{background-color:#3a4a52}.action-btn{background-color:#2a3942;border:1px solid #2a3942;color:#e9edef;font-size:14px;margin-right:8px;padding:5px 10px;transition:all .3s}.action-btn:hover{background-color:#3a4a52}.action-btn.danger{border-color:#e74c3c;color:#e74c3c}.action-btn.danger:hover{background-color:#3a4a52}.announcements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.announcement-card{background:#2a3942;border-left:4px solid #00a884;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:20px;transition:transform .3s,box-shadow .3s}.announcement-card:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.announcement-card.pinned{border-left:4px solid #f39c12}.announcement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.announcement-header h4{color:#e9edef;font-size:18px;margin:0}.pinned-badge{background-color:#fef9e7;border-radius:4px;color:#f39c12;font-size:12px;font-weight:700;padding:3px 8px}.announcement-content{color:#8696a0;flex:1 1;line-height:1.6;margin-bottom:15px}.announcement-footer{color:#8696a0;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;margin-top:10px}.announcement-actions{display:flex;margin-top:15px}.modal{max-width:600px;width:90%}.form-group input[type=text],.form-group textarea{background-color:#2a3942;border:1px solid #2a3942;border-radius:4px;color:#e9edef;font-size:16px;padding:10px;width:100%}.form-group input[type=checkbox]{margin-right:8px}.modal-footer{padding:20px}.empty-icon{margin-bottom:20px}.empty-state p{font-size:18px}@media (min-width:768px){.header-actions{align-items:center;flex-direction:row;justify-content:space-between}.search-bar{min-width:300px;width:auto}.section-header{padding:20px}}@media (max-width:600px){.announcement-footer{flex-direction:column;gap:5px}.announcement-actions{flex-wrap:wrap;gap:5px}.action-btn{margin-bottom:5px;margin-right:5px}.modal{width:95%}.announcements-grid{padding:15px}}@media (max-width:480px){.announcements-grid{grid-template-columns:1fr;padding:10px}.section-header h2{font-size:24px}.primary-btn,.secondary-btn{font-size:14px;padding:8px 15px}.section-header{padding:15px}.empty-state{margin:10px}}.assignments-view{background-color:#111b21;color:#e9edef;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.section-header{flex-direction:column}.section-header h2{color:#e9edef;font-size:24px;margin:0 0 15px}.header-actions{flex-direction:column}.search-bar{flex-grow:1;position:relative}.search-bar input{background-color:#2a3942;border:1px solid #2a3942;border-radius:4px;color:#e9edef;padding:10px 40px 10px 15px}.search-bar input::placeholder,.search-btn{color:#8696a0}.search-btn{background:none;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.primary-btn{color:#fff;display:flex;font-size:14px;transition:background-color .2s}.secondary-btn{border:1px solid #2a3942;font-size:14px;transition:all .2s}.secondary-btn:hover{background-color:#2a3942;border-color:#00a884}.btn-outline{align-items:center;background:#0000;border:1px solid #00a884;border-radius:4px;color:#00a884;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:all .2s}.btn-outline:hover{background-color:#005c4b}.assignments-table-container{border-radius:8px;box-shadow:0 2px 8px #0000004d;margin-bottom:30px;overflow-x:auto}.assignments-table{background-color:#111b21;border:1px solid #2a3942;border-collapse:collapse;min-width:800px;width:100%}.assignments-table th{background-color:#2a3942;border-bottom:2px solid #2a3942;color:#e9edef;font-weight:600;padding:12px 15px;text-align:left}.assignments-table td{border-bottom:1px solid #2a3942;color:#e9edef;padding:12px 15px;vertical-align:top}.assignment-row:hover{background-color:#2a3942}.assignment-title{color:#e9edef;font-weight:600;margin-bottom:5px}.assignment-description{color:#8696a0;font-size:14px;margin-bottom:10px}.assignment-attachments{display:flex;flex-wrap:wrap;gap:10px}.attachment-item{align-items:center;background-color:#2a3942;border-radius:4px;color:#00a884;display:flex;font-size:13px;gap:8px;padding:4px 8px}.file-icon{color:#8696a0;font-size:16px}.file-icon.pdf{color:#e74c3c}.file-icon.doc{color:#2c5ec1}.file-icon.xls{color:#27ae60}.file-icon.ppt{color:#e67e22}.text-danger{color:#e74c3c}.status-tag{font-weight:600}.status-active{background-color:#1e3a1e;color:#4caf50}.status-completed{background-color:#1e3a3a;color:#00a884}.status-draft{background-color:#3a3a3a;color:#e9edef}.status-overdue{background-color:#3a1e1e;color:#f44336}.submission-progress{background-color:#2a3942;border-radius:4px;height:24px;overflow:hidden;position:relative}.progress-bar{background-color:#00a884;left:0;position:absolute;top:0}.submission-progress span{align-items:center;color:#fff;display:flex;font-size:12px;height:100%;justify-content:center;left:0;mix-blend-mode:difference;position:absolute;top:0;width:100%}.assignment-actions{display:flex;gap:10px}.action-buttons,.file-actions{display:flex;gap:5px}.icon-btn{background:none;border:none;border-radius:4px;color:#8696a0;cursor:pointer;height:30px;transition:all .2s;width:30px}.icon-btn:hover{background-color:#2a3942;color:#00a884}.icon-btn.danger:hover{color:#e74c3c}.empty-icon{color:#8696a0;margin-bottom:15px}.empty-state p{color:#8696a0;margin-bottom:20px}.modal{background-color:#111b21;border:1px solid #2a3942;box-shadow:0 4px 20px #0000004d;flex-direction:column;max-width:700px}.modal-header{border-bottom:1px solid #2a3942;padding:15px 20px}.modal-header h3{color:#e9edef;font-size:18px;margin:0}.close-btn{font-size:24px}.close-btn:hover{color:#e9edef}.modal-body{flex-grow:1}.modal-footer{border-top:1px solid #2a3942}.form-group input,.form-group select,.form-group textarea{background-color:#2a3942;border:1px solid #2a3942;border-radius:4px;color:#e9edef;font-size:14px;padding:10px}.form-group textarea{min-height:80px}.upload-panel{border:1px dashed #2a3942;border-radius:4px;padding:15px}.file-list,.upload-panel{margin-bottom:15px}.file-item{align-items:center;background-color:#2a3942;border-radius:4px;display:flex;gap:10px;margin-bottom:8px;padding:8px}.file-info{flex-grow:1}.file-info p{color:#e9edef;font-size:14px;margin:0}.file-info small{color:#8696a0;font-size:12px}.attachments-list{margin-top:15px}.attachments-list h4{color:#8696a0;font-size:14px;margin:0 0 10px}.document-preview{max-width:900px}.document-info{background-color:#2a3942;border-radius:4px;margin-bottom:15px;padding:15px}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;gap:8px}.info-item label{color:#8696a0;font-weight:600}.doc-type{color:#e9edef;font-size:12px;font-weight:600;text-transform:uppercase}.document-viewer{border:1px solid #2a3942;border-radius:4px;height:60vh;overflow:hidden}.document-iframe{border:none;height:100%;width:100%}.viewer-placeholder{align-items:center;background-color:#2a3942;color:#8696a0;display:flex;flex-direction:column;height:100%;justify-content:center}.viewer-placeholder .file-icon{font-size:48px;margin-bottom:15px}@media (min-width:768px){.section-header{justify-content:space-between}.header-actions,.section-header{align-items:center;flex-direction:row}.search-bar{margin-right:15px;width:300px}}@media (max-width:767px){.assignments-view{padding:15px}.modal{max-height:80vh}.assignment-actions{flex-direction:column;gap:5px}.action-buttons,.file-actions{justify-content:flex-end}.info-grid{grid-template-columns:1fr}}.lectures-container{background-color:#111b21;color:#e9edef;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.lectures-header{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.lectures-header h2{color:#e9edef;font-size:28px;font-weight:600;margin:0}.controls-container{align-items:center;justify-content:space-between}.controls-container,.filters-container{display:flex;flex-wrap:wrap;gap:15px}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-select{background-color:#2a3942;border:1px solid #2a3942;border-radius:6px;color:#e9edef;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-select:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a88433;outline:none}.add-lecture-btn{background-color:#00a884;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.add-lecture-btn:hover{background-color:#008069}.calendar-header{border-bottom:1px solid #2a3942;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:10px}.nav-btn,.today-btn{background-color:#2a3942;border:1px solid #2a3942;border-radius:4px;color:#e9edef;cursor:pointer;padding:6px 12px;transition:all .2s}.nav-btn:hover,.today-btn:hover{background-color:#2a3942;border-color:#00a884}.icon-btn{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.calendar-title{color:#e9edef;font-size:20px;font-weight:500;margin:0}.view-toggle{background-color:#2a3942;border-radius:6px;display:flex;gap:5px;padding:4px}.view-btn{background:none;border:none;border-radius:4px;color:#8696a0;cursor:pointer;font-size:14px;padding:6px 12px}.view-btn.active{background-color:#111b21;box-shadow:0 1px 3px #0000004d;color:#e9edef;font-weight:500}.calendar-wrapper{background-color:#111b21;border:1px solid #2a3942;border-radius:8px;box-shadow:0 2px 10px #0003;margin-bottom:30px;padding:20px}.week-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(7,1fr)}.week-day{border:1px solid #2a3942;border-radius:8px;min-height:150px}.day-header,.week-day{background-color:#2a3942}.day-header{border-bottom:1px solid #2a3942;border-radius:8px 8px 0 0;padding:10px;text-align:center}.day-name{color:#8696a0;font-size:14px;text-transform:uppercase}.day-number{font-size:18px;font-weight:600}.day-events{height:calc(100% - 50px);overflow-y:auto;padding:10px}.week-day.today .day-header{background-color:#005c4b}.week-day.today .day-number{color:#00a884;font-weight:700}.month-grid{width:100%}.month-header{color:#8696a0;display:grid;font-weight:500;grid-template-columns:repeat(7,1fr);margin-bottom:10px;text-align:center}.month-day-name{font-size:14px;padding:8px}.month-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.month-day{background-color:#2a3942;border:1px solid #2a3942;border-radius:6px;min-height:100px;padding:8px}.month-day.today{background-color:#005c4b;border-color:#00a884}.month-day.other-month{opacity:.5}.day-number{color:#e9edef;font-weight:500;margin-bottom:5px}.month-event{background-color:#111b21;border-left:3px solid #00a884;border-radius:3px;color:#e9edef;cursor:pointer;font-size:12px;margin-bottom:2px;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}.calendar-event,.month-event:hover{background-color:#2a3942}.calendar-event{border-left:4px solid #00a884;border-radius:6px;box-shadow:0 1px 3px #0003;cursor:pointer;display:flex;flex-direction:column;margin-bottom:10px;padding:10px;transition:transform .2s,box-shadow .2s}.calendar-event:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.event-time{color:#8696a0;font-size:12px;margin-bottom:5px}.event-title{color:#e9edef;font-size:14px;font-weight:500;margin:0 0 5px}.event-meta{color:#8696a0;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.event-course{background-color:#005c4b;border-radius:4px;color:#00a884;padding:2px 6px}.event-location{align-items:center;display:flex;gap:3px}.no-events{color:#8696a0;font-size:13px;padding:10px;text-align:center}.status-tag{display:inline-block;font-size:12px;margin-top:5px;padding:3px 8px}.status-tag.upcoming{background-color:#1e3a3a;color:#00a884}.status-tag.completed{background-color:#1e3a1e;color:#4caf50}.status-tag.cancelled{background-color:#3a1e1e;color:#f44336}@media (max-width:768px){.week-grid{grid-template-columns:1fr}.month-day{min-height:60px}.calendar-header{align-items:stretch;flex-direction:column}.calendar-nav,.view-toggle{justify-content:center}.filter-group{min-width:100%}.controls-container{flex-direction:column;gap:10px}.add-lecture-btn,.filters-container{width:100%}}@media (max-width:480px){.calendar-wrapper,.lectures-container{padding:10px}.event-meta{flex-direction:column;gap:4px}}body{background-color:#222e35;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0}h2,h3{margin:0 0 15px}h3{font-size:1.5rem}.section-header{box-sizing:border-box;color:#fff;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.search-box{flex-grow:1;min-width:200px}.search-icon{left:10px;position:absolute}.search-input{background-color:#111b21;border:1px solid #8696a0;font-size:.95rem;padding:10px 15px 10px 35px;width:100%}.search-input:focus{border-color:#00a884;outline:none}.filter-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:0 20px}.filter-controls select{background-color:#111b21;border:1px solid #8696a0;border-radius:4px;color:#e9edef;font-size:.95rem;min-width:180px;padding:10px}.primary-btn{align-items:center;background-color:#00a884;border:none;border-radius:4px;color:#e9edef;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 15px;transition:background-color .2s ease;white-space:nowrap}.primary-btn:hover{background-color:#008069}.secondary-btn{align-items:center;background-color:#2a3942;border:none;border-radius:4px;color:#e9edef;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 15px;transition:all .2s ease}.secondary-btn:hover{background-color:#374248}.action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:all .2s ease}.action-btn.danger{background-color:#e74c3c;color:#fff}.action-btn.danger:hover{background-color:#c0392b}.close-btn{background:none;border:none;color:#8696a0;cursor:pointer;font-size:1.5rem;line-height:1;padding:5px}.close-btn:hover{color:#e74c3c}.status-tag{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:4px 8px}.status-active{background-color:#00a88433;color:#00a884}.status-inactive{background-color:#f39c1233;color:#f39c12}.status-suspended{background-color:#e74c3c33;color:#e74c3c}.status-icon{font-size:.9em}.major-tag{background-color:#00a88433;border-radius:12px;color:#00a884;display:inline-block;font-size:.8rem;font-weight:500;margin-left:8px;padding:3px 8px}.performance-bar-container{background-color:#2a3942;border-radius:12px;height:24px;overflow:hidden;position:relative}.performance-bar{height:100%;transition:width .3s ease}.performance-high{background-color:#00a884}.performance-medium{background-color:#f39c12}.performance-low{background-color:#e74c3c}.performance-text{color:#fff;font-size:.7rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 2px #00000080;top:50%;transform:translate(-50%,-50%)}.students-table{background:#111b21;border-radius:8px;box-shadow:0 2px 4px #0003;margin:0 20px;overflow-x:auto}table{border-collapse:collapse;min-width:800px;width:100%}th{background-color:#2a3942;border-bottom:2px solid #8696a0;cursor:pointer;font-weight:600;text-align:left;-webkit-user-select:none;user-select:none}td,th{color:#e9edef;padding:12px 15px}td{border-bottom:1px solid #8696a0;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:#8696a01a}.table-header{align-items:center;display:flex;gap:5px}.student-name-cell{align-items:center;display:flex;gap:10px}.student-avatar{color:#00a884;font-size:1.2rem}.top-performer-icon{color:#f39c12;margin-left:5px}.students-list-mobile{display:flex;flex-direction:column;gap:10px;padding:0 20px}.student-card-mobile{background:#111b21;border:1px solid #8696a0;border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;padding:15px}.student-card-header{align-items:center;display:flex;gap:15px}.student-info{flex-grow:1}.student-info h3{color:#e9edef;font-size:1.1rem;margin:0 0 5px}.student-info p{color:#8696a0;font-size:.9rem;margin:0 0 8px}.student-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.expand-icon{color:#8696a0}.student-card-details{border-top:1px solid #8696a0;margin-top:15px;padding-top:15px}.performance-container{margin-bottom:10px}.performance-label{color:#8696a0;font-size:.9rem;margin-bottom:5px}.student-details-row{color:#e9edef;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.student-actions{display:flex;gap:10px;margin-top:15px}.modal{animation:fadeIn .3s ease-out;background:#111b21;border:1px solid #8696a0;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #8696a0}.modal-body{color:#e9edef;padding:20px}.modal-footer{border-top:1px solid #8696a0;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.form-group label{color:#e9edef}input,select,textarea{border:1px solid #8696a0;box-sizing:border-box;font-family:inherit;font-size:inherit;padding:10px}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em}.empty-state{background-color:#2a3942;margin:20px}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;gap:10px;width:100%}.search-box{width:100%}.primary-btn{justify-content:center;width:100%}.filter-controls{flex-direction:column}.filter-controls select{width:100%}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (max-width:480px){.filter-controls,.section-header,.students-list-mobile,.students-table{padding-left:15px;padding-right:15px}.form-row{flex-direction:column;gap:0}}.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 4px 12px #0000004d;min-width:145px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:100%;transform-origin:top right;z-index:1000}.menu-item{background:#0000;box-sizing:border-box;font-size:14px;gap:12px;padding:10px 16px;transition:all .2s ease}.menu-item svg{align-items:center;color:#8696a0;color:var(--menu-icon-color,#8696a0);display:flex;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)}.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:40px;--mobile-avatar-size:36px;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:59px;justify-content:space-between;margin-top:0;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.chatHeader-contactInfo{align-items:center;color:#fff;display:flex;flex:1 1;gap:15px;min-width:0;overflow:hidden}.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:#fff;font-size:12px;font-weight:400;line-height:1.3;margin:0}.chatHeader-contactDetails h3,.chatHeader-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatHeader-status{align-items:center;color:var(--text-secondary);display:flex;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{color:#fff;margin-left:16px;position:relative}.chatHeader-iconButton{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:background-color .2s;width:40px}.chatHeader-iconButton:hover{background-color:var(--icon-hover-bg)}.chatHeader-backButton{color:var(--accent-color);margin-left:-10px;margin-right: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}.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-iconButton{font-size:18px;height:36px;width:36px}}.footer-content-container{display:flex;flex-direction:column;margin:0 auto;max-width:800px;width:100%}.reply-input-container{animation:fadeIn-vibe .15s ease-out;border-radius:20px;flex:1 1;flex-direction:column;max-width:calc(100% - 98px);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:0;box-sizing:border-box;gap:4px;padding:8px 12px}.reply-content{flex:1 1;width:100%}.reply-sender{font-size:.9em;font-weight:600;line-height:1.2;margin-bottom:4px;text-align:center}.reply-text{-webkit-box-orient:vertical;display:-webkit-box;font-size:.85em;line-height:1.2;padding-left:12px}.reply-cancel-button{align-items:center;background:none;border:none;border-radius:8px;box-shadow:0 1px 3px #0000004d;color:#8696a0;cursor:pointer;display:flex;font-size:1.3em;height:28px;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.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{background-color:#161b1d;box-sizing:border-box;caret-color:#90ee90;color:#e9edef;width:100%}.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}}.message-input-vibe::placeholder{color:#8696a0}.icon-button-vibe{background-color:#161b1d;color:#fff;flex-shrink:0}.icon-button-vibe:hover{background-color:#2a3942}.send-button-vibe{background-color:#161b1d;color:#2a972a;flex-shrink:0}.whatsapp-attachment-options-vibe{background-color:#111b21}.whatsapp-option-vibe:hover{background-color:#2a3942}.whatsapp-option-vibe span{color:#e9edef}.emoji-picker-vibe{background-color:#0b1216;border:1px solid #2a3942}@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){.chat-footer-vibe{padding:1px 12px}.footer-content-container{max-width:100%}.reply-input-container{max-width:calc(100% - 92px)}.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%}.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{padding:5px 4px}.footer-content-vibe{gap:6px}.reply-input-container{max-width:calc(100% - 84px)}.whatsapp-attachment-options-vibe{bottom:55px;left:0;right:0;width:100%}.send-button-vibe{font-size:20px;height:42px;width:42px}.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}}.message{align-items:flex-end;margin:8px 16px}.message.sent{justify-content:flex-end!important}.message.received{justify-content:flex-start!important}.message-content{background-color:#161b1d;color:#fff;max-width:90%}.message.received .message-content{background-color:#161b1d!important;border:none!important;color:#fff!important}.message-text{display:block;line-height:1.3;position:relative}.message-text .message-paragraph{color:#fff!important;font-weight:450;margin:0 0 4px;white-space:pre-wrap;word-break:break-word}.message-footer{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:0}.message-footer,.timestamp{color:#a7a1a1;font-size:10px}.status-indicator{align-items:center;color:#999;display:inline-flex;font-size:11px;line-height:1;margin-left:4px;vertical-align:middle}.status-indicator.delivered,.status-indicator.sent{color:#999}.status-indicator.read{color:#25d366}.status-indicator span{display:inline-block;height:12px;position:relative;top:1px;width:auto}.edited-badge,.pinned-icon,.private-badge{color:#fff;font-size:10px}.reactions-container{gap:3px;margin-top:3px}.reaction-bubble{background:#2a3942e6;color:#e9edef;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{cursor:pointer;font-size:11px;padding:4px 0}.reply-content,.reply-preview{color:#e9edef;display:flex;flex-direction:column}.reply-sender{color:#25d366;font-weight:700}.reply-text{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}.reply-type{color:#e9edef;font-size:10px}.reply-border{background-color:#fff3;display:block;height:1px;margin:4px 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}.file-preview{border-radius:8px;max-width:100%}.file-info-overlay{background:#161b1de6;border-radius:0 0 8px 8px;bottom:0;color:#fff;display:flex;flex-direction:column;padding:3px;position:absolute;width:100%}.file-info-overlay .message-footer{color:#fff;justify-content:flex-end}.file-info-overlay .timestamp{color:#fff}.file-info-overlay .status-indicator{color:#999}.file-info-overlay .status-indicator.read{color:#25d366}.document-container{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.document-container .message-footer{flex-grow:1;justify-content:flex-end;margin-top:0}.file-icon{font-size:20px}.file-details{flex-grow:1}.file-name{color:#fff;font-size:11px}.file-meta{color:#fff;font-size:9px}.download-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.message-audio{flex-wrap:wrap;gap:6px}.message-audio .message-footer{flex-grow:1;justify-content:flex-end;margin-top:0}.play-button{color:#fff;font-size:14px}.audio-waveform{background:#2a394280;border-radius:4px;flex-grow:1;height:18px}.waveform-placeholder{height:100%;width:100%}.audio-duration{color:#fff;font-size:11px}.message-meta{color:#fff;gap:3px;margin-top:3px}.message.sent .message-content{background-color:#033d35!important;color:#fff!important}.message.sent .reply-text{background-color:#022c22!important;border-radius:8px!important;color:#fff!important;padding:2px 6px!important}.message.sent .reply-sender{border:none!important;color:#10b981!important;display:block!important;font-weight:700;padding:0!important;text-align:center!important}.message.sent .reply-preview,.message.sent .reply-sender{background-color:#022c22!important;max-width:100%!important}.message.sent .reply-preview{align-items:center!important;border-radius:8px!important;color:#fff!important;display:flex!important;flex-direction:column!important;padding:4px 0!important}.message.sent .reply-border{background-color:initial!important;border-radius:8px!important;display:none!important;max-width:100%!important}.message.received .reply-text{background-color:#0f1416!important;border-radius:8px!important;color:#c8c8c8!important;padding:2px 6px!important}.message.received .reply-sender{background-color:#0f1416!important;border:none!important;color:silver!important;display:block!important;font-weight:700;max-width:100%!important;padding:0!important;text-align:center!important}.message.received .reply-preview{align-items:center!important;background-color:#0f1416!important;border-radius:8px!important;color:#e9edef!important;display:flex!important;flex-direction:column!important;max-width:100%!important;padding:4px 0!important}.message.received .reply-border{background-color:initial!important;border-radius:8px!important;display:none!important;max-width:100%!important}.message-actions-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.message-actions-backdrop{background-color:initial;height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%}.message-actions-modal{animation:fadeIn .15s ease-out;background-color:var(--dark);border:1px solid var(--light-gray);border-radius:var(--radius-sm);box-shadow:var(--shadow-hover);max-width:90vw;min-width:200px;overflow:hidden;pointer-events:auto;position:absolute;width:-webkit-fit-content;width:fit-content;z-index:1001}.message-actions{grid-column-gap:0;grid-row-gap:4px;column-gap:0;display:grid;grid-auto-rows:minmax(60px,auto);grid-template-columns:repeat(auto-fit,minmax(60px,1fr));padding:8px;row-gap:4px;width:100%}.delete-options{display:flex;flex-direction:column;min-width:200px;padding:8px 8px 4px;width:100%}.delete-options h4{color:var(--text);flex-shrink:0;font-size:14px;font-weight:500;margin:0 0 8px;padding:4px 0;text-align:center;white-space:nowrap}.delete-options .action-button{aspect-ratio:unset;justify-content:center;margin-bottom:0;min-height:48px;padding:12px 8px;width:100%}.action-button{align-items:center;aspect-ratio:1/1;background:none;border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;min-width:60px;padding:8px 4px;text-align:center;transition:var(--transition)}.action-button:hover{background-color:var(--light)}.action-button:active{background-color:#3a4a52}.action-icon{color:var(--gray);flex-shrink:0;height:20px;margin-bottom:6px;width:20px}.action-button span{display:block;font-size:12px;line-height:1.2;margin:0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.delete-button,.delete-button .action-icon{color:#ff3b30}.delete-button .action-icon{margin-bottom:4px}.star-button,.star-button .action-icon{color:var(--text)}.star-button.starred,.star-button.starred .action-icon{color:gold}.info-button,.info-button .action-icon{color:var(--text)}.reported{opacity:.6;pointer-events:none}.copy-notification{color:var(--text);font-size:14px;padding:8px 16px;text-align:center;white-space:nowrap}@media (max-width:480px){.message-actions-modal{max-width:80vw;min-width:180px}.message-actions{grid-auto-rows:minmax(48px,auto);grid-template-columns:repeat(auto-fit,minmax(48px,1fr));padding:6px;row-gap:3px}.delete-options{min-width:160px;padding:6px 6px 3px}.delete-options h4{font-size:13px;margin-bottom:6px;padding:3px 0}.delete-options .action-button{min-height:42px;padding:10px 6px}.action-button{font-size:11px;min-height:48px;min-width:48px;padding:6px 3px}.action-icon{height:16px;margin-bottom:4px;width:16px}.action-button span{font-size:11px;line-height:1.2}.delete-button .action-icon{margin-bottom:3px}}@media (min-width:768px){.message-actions-modal{max-width:360px}.message-actions{grid-auto-rows:minmax(72px,auto);grid-template-columns:repeat(auto-fit,minmax(72px,1fr));padding:10px;row-gap:5px}.delete-options{min-width:240px;padding:10px 10px 6px}.delete-options h4{font-size:14px;margin-bottom:10px;padding:5px 0}.delete-options .action-button{min-height:54px;padding:14px 10px}.action-button{font-size:13px;min-height:72px;min-width:72px;padding:10px 5px}.action-icon{height:22px;margin-bottom:7px;width:22px}.action-button span{font-size:13px;line-height:1.2}.delete-button .action-icon{margin-bottom:5px}}.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{border-bottom:1px solid var(--light-gray);padding:16px}.settings-header h2{color:var(--text);font-size:20px}.settings-tabs{border-bottom:1px solid var(--light-gray);display:flex}.tab-button{border-bottom:3px solid #0000;color:var(--text-light);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-radius:var(--radius-sm);color:var(--text);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)}@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-modal-header{margin-top:10%}.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}@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}}: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);bottom:0;color:var(--text-color);display:flex;flex-direction:column;font-size:15px;font-style:normal;left:0;line-height:1;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0}.whatsapp-header{align-items:center;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;padding:10px 15px}.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{background-color:initial;flex:1 1;font-style:normal;padding:10px 16px 80px;scroll-behavior:smooth}.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}.no-messages-icon{font-size:48px;margin-bottom:10px}.date-separator{color:#25d366;color:var(--accent-color);font-size:11px;font-style:normal;margin:20px 0;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;display:flex;font-style:normal;margin-bottom:8px;max-width:90%}.message.sent{align-items:flex-end;flex-direction:column;margin-left:auto;margin-right:-25px}.message.received{align-items:flex-start;flex-direction:column;margin-left:-25px}.message-content{word-wrap:break-word;border-radius:8px;box-shadow:none;font-style:normal;max-width:100%;padding:8px 12px;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:400;margin-left:auto}.message.received .message-content{background-color:var(--message-in-bg);border-top-left-radius:0;color:var(--message-in-text);font-weight:400;margin-right:auto}.message-meta{color:var(--text-secondary);font-size:11px;gap:2px;margin-top:4px;width:100%}.message.received .message-meta{justify-content:flex-end;padding-left:0;padding-right:2px}.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{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--secondary-bg);border-radius:12px;color:var(--text-color);display:flex;gap:2px;padding:2px 6px}.typing-indicator-container{background:#f0f0f0;display:block;padding:10px}.typing-indicator{gap:5px}.typing-indicator span{animation:typing 1.4s infinite;background-color:#888;height:8px;width:8px}.typing-indicator-container .message-content{background-color:var(--message-in-bg);border-top-left-radius:0;color:var(--message-in-text);min-height:20px;padding:8px 12px}.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}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.highlight-message{animation:highlight 2s ease-out}@keyframes highlight{0%{background-color:#25d3664d;border-radius:8px}to{background-color:initial}}.chat-footer-vibe{background-color:initial;bottom:0;display:flex;justify-content:center;left:0;padding:10px 16px;position:fixed;right:0;z-index:1000}.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-size:15px;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;position:absolute;right:0;z-index:1100}.emoji-picker-vibe,.search-bar{background-color:var(--secondary-bg)}.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}.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{justify-content:space-between}.cancel-button,.confirm-button{border:none;border-radius:5px;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%}}@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}}@keyframes fadeIn-vibe{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-avatar-container{display:inline-block;position:relative}.user-avatar-button{background:none;border:none;border-radius:50%;padding:0}.user-avatar-button:active{transform:scale(.98)}.user-avatar-button.tab-active{box-shadow:0 0 0 2px #4a6cf7;box-shadow:0 0 0 2px var(--primary-color,#4a6cf7)}.avatar-imagelec{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;object-fit:cover}.user-panellec{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0003;left:50%;max-height:80vh;max-width:-webkit-fit-content;max-width:fit-content;opacity:0;overflow-y:auto;padding-bottom:16px;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.95);transition:all .3s cubic-bezier(.175,.885,.32,1.275);visibility:hidden;width:90%;z-index:1000}.user-panellec.open{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.user-namelec{color:#333;font-size:1.1rem;font-weight:600;padding:16px 20px 8px;text-align:center}.user-emailec{border-bottom:1px solid #eee;color:#666;font-size:.85rem;padding:0 20px 16px;text-align:center}.panel-itemlec{background:none;border:none;border-radius:6px;color:#333;cursor:pointer;display:block;font-size:.95rem;font-weight:500;margin:8px 20px;max-width:-webkit-fit-content;max-width:fit-content;padding:12px 16px;text-align:center;transition:all .2s ease}.panel-itemlec:hover{background:#f5f5f5;color:#000}.panel-itemlec:active{background:#eee;transform:scale(.98)}.panel-itemlec.secondary{background:#0000;color:#666}.panel-itemlec[disabled]{background:#f5f5f5;cursor:not-allowed;opacity:.7}.login-form{border-bottom:1px solid #eee;padding:16px 20px}.login-form input{border:1px solid #ddd;border-radius:6px;font-size:.95rem;margin-bottom:12px;padding:10px 12px;width:calc(100% - 24px)}.login-form input:focus{border-color:#4a6cf7;border-color:var(--primary-color,#4a6cf7);box-shadow:0 0 0 2px #4a6cf733;outline:none}.auth-error-message{background:#fdecea;border-radius:6px;color:#e74c3c;font-size:.85rem;margin:8px 20px;padding:8px 20px;text-align:center}.user-panellec-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.user-panellec-overlay.open{opacity:1;visibility:visible}@keyframes panelFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.user-panellec.open{animation:panelFadeIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@media (min-width:768px){.user-panellec{max-width:360px}.user-namelec{font-size:1.2rem}.panel-itemlec{font-size:1rem;padding:14px 16px}}:root{--rating-star:#fbbf24;--trending-badge:#f59e0b;--new-badge:#10b981;--close-button:#ef4444;--close-button-hover:#dc2626}.container{background:#0b1216;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:-40px;max-width:100%;padding:.75rem .5rem}.header{color:#e9edef;margin-bottom:1.25rem;margin-top:20px;padding:1rem;text-align:center;width:100%}.title{color:#e9edef;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.subtitle{color:#8696a0;font-size:.8rem;margin:0 auto;max-width:500px;padding:0 1rem}@media (min-width:768px){.title{font-size:1.8rem}.subtitle{font-size:.85rem}}.controls{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem;position:relative;width:100%}@media (min-width:640px){.controls{gap:1rem}}.search-container{align-items:center;background:#2a3942;border-radius:6px;flex:1 1;min-width:0;padding:.5rem}@media (min-width:768px){.search-container{max-width:70%}}.search-input{background:#0000;border:none;border-radius:4px;color:#e9edef;flex:1 1;font-size:.85rem;min-width:0;outline:none;padding:.4rem .75rem}.search-input::placeholder{color:#8696a0;font-size:.85rem}.search-icon{align-items:center;color:#8696a0;display:flex;margin-right:.5rem}.clear-search{background:none;border:none;color:#8696a0;cursor:pointer;padding:0 8px}.filter-wrapper{display:flex;gap:10px;position:relative}.filter-button{background:#2a3942;border:1px solid #2a3942;border-radius:6px;color:#e9edef;flex-shrink:0;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem .9rem;white-space:nowrap}.filter-button.active,.filter-button:hover{border-color:#00a884;color:#00a884}.filter-button:hover{background:#2a3942}.filter-button:disabled{cursor:not-allowed;opacity:.7}@media (min-width:640px){.filter-button{padding:.5rem 1rem}}.filter-dropdown{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-dropdown small{color:#8696a0;display:block;font-size:.7rem;margin-bottom:.4rem}.filter-dropdown .sort-section{border-top:1px solid #2a3942;margin-top:10px;padding-top:10px}.filter-option{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-option.active,.filter-option:hover{background:#2a3942;color:#00a884}.filter-option svg{flex-shrink:0;font-size:.9rem}.grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:480px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.grid{gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.category-card{background:#0b1216;border:1px solid #2a3942;box-shadow:0 1px 2px #0000004d;height:100%;overflow:hidden;position:relative}.category-card:before{background:#00a884;content:"";height:3px;left:0;position:absolute;right:0;top:0}.category-card:hover{box-shadow:0 4px 6px #0006;transform:translateY(-2px)}.card-content{flex:1 1;padding:.75rem}@media (min-width:768px){.card-content{padding:.9rem}}.category-icon{color:#00a884;font-size:1.2rem;margin-bottom:.5rem}@media (min-width:768px){.category-icon{font-size:1.4rem;margin-bottom:.6rem}}.category-name{color:#e9edef;font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:.3rem}@media (min-width:768px){.category-name{font-size:1rem;margin-bottom:.4rem}}.category-desc{color:#8696a0;font-size:.7rem;line-height:1.4;margin-bottom:.75rem}@media (min-width:768px){.category-desc{font-size:.75rem;margin-bottom:.9rem}}.category-meta{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;margin-top:auto}@media (min-width:768px){.category-meta{font-size:.75rem}}.book-count,.rating{align-items:center;color:#8696a0;display:flex;gap:.2rem}.rating svg{fill:#fbbf24}.view-button{align-items:center;background:#2a3942;border-top:1px solid #2a3942;color:#00a884;display:flex;font-size:.75rem;font-weight:500;gap:.2rem;justify-content:center;padding:.4rem;transition:all .2s ease}@media (min-width:768px){.view-button{font-size:.8rem;padding:.5rem}}.category-card:hover .view-button{background:#2a3942}.load-more-button{background:#00a884;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-button{font-size:.9rem;padding:.6rem 1.2rem}}.load-more-button:hover{background:#008069}.empty-state{background:#2a3942;border:1px dashed #2a3942;border-radius:8px;color:#8696a0;grid-column:1/-1;margin:1rem 0;padding:1.5rem 1rem}.empty-state h3{color:#e9edef;font-size:1rem;margin:.8rem 0 .4rem}.empty-state p{font-size:.8rem;margin-bottom:0}.empty-state svg{color:#2a3942;font-size:1.5rem}.empty-state .reset-filters{background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}@media (min-width:768px){.empty-state{padding:2rem 1rem}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.85rem}.empty-state svg{font-size:2rem}}.modal-overlay{padding:.5rem}.modal-content{background:#0b1216;box-shadow:0 4px 12px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;position:relative;width:100%}.modal-header{color:#fff;padding:1rem 1.25rem .75rem;text-align:center}.modal-header .modal-icon{font-size:1.5rem;margin-bottom:.5rem}.modal-header h2{font-size:1.2rem;margin-bottom:.4rem}.modal-header p{font-size:.8rem;margin-bottom:0;opacity:.9}@media (min-width:768px){.modal-header{padding:1.2rem 1.5rem .8rem}.modal-header .modal-icon{font-size:2rem;margin-bottom:.6rem}.modal-header h2{font-size:1.4rem}.modal-header p{font-size:.85rem}}.modal-body{flex:1 1;overflow-y:auto;padding:.75rem 1.25rem}@media (min-width:768px){.modal-body{padding:1rem 1.5rem}}.stats-container{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:480px){.stats-container{grid-template-columns:1fr 1fr}}.stat-item{align-items:center;color:#e9edef;display:flex;font-size:.8rem;gap:.5rem}.stat-item svg{color:#00a884;flex-shrink:0;font-size:.9rem}.stat-item svg[fill]{fill:#fbbf24}@media (min-width:768px){.stat-item{font-size:.85rem}.stat-item svg{font-size:1rem}}.new-releases h3{border-bottom:1px solid #2a3942;color:#e9edef;font-size:.9rem;margin-bottom:.6rem;padding-bottom:.4rem}.new-releases ul{list-style:none;margin:0;padding:0}.new-releases li{align-items:center;color:#e9edef;display:flex;font-size:.8rem;gap:.4rem;padding:.3rem 0}.new-releases li svg{color:#8696a0;font-size:.7rem}@media (min-width:768px){.new-releases h3{font-size:1rem;margin-bottom:.8rem}.new-releases li{font-size:.85rem}.new-releases li svg{font-size:.8rem}}.explore-button{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-button{font-size:.9rem;margin-bottom:1rem;padding:.6rem;width:calc(100% - 3rem)}}.explore-button:hover{background:#008069}.close-button{background:#ef4444;box-shadow:0 1px 3px #0000004d;font-size:.9rem;height:1.8rem;position:absolute;right:.75rem;top:.75rem;width:1.8rem;z-index:10}@media (min-width:768px){.close-button{font-size:1rem;height:2.2rem;right:1rem;top:1rem;width:2.2rem}}.close-button:hover{background:#dc2626;transform:scale(1.05)}.close-button:active{transform:scale(.95)}.badge-container{display:flex;gap:.3rem;position:absolute;right:.5rem;top:.5rem}@media (min-width:768px){.badge-container{gap:.4rem;right:.6rem;top:.6rem}}.trending-badge{align-items:center;background:#0b1216;border-radius:999px;box-shadow:0 1px 2px #0000004d;color:#f59e0b;display:flex;font-size:.55rem;font-weight:600;gap:.2rem;padding:.15rem .3rem}@media (min-width:768px){.trending-badge{font-size:.6rem;padding:.2rem .4rem}}.new-badge{background:#0b1216;border-radius:999px;box-shadow:0 1px 2px #0000004d;color:#10b981;font-size:.55rem;font-weight:600;padding:.15rem .3rem}@media (min-width:768px){.new-badge{font-size:.6rem;padding:.2rem .4rem}}.skeleton-card{background:#0b1216;border:1px solid #2a3942;box-shadow:0 1px 2px #0000004d;height:140px;overflow:hidden;padding:.75rem}@media (min-width:768px){.skeleton-card{height:160px;padding:.9rem}}.skeleton-icon{background:#2a3942;border-radius:50%;height:28px;margin-bottom:.5rem;width:28px}@media (min-width:768px){.skeleton-icon{height:32px;margin-bottom:.6rem;width:32px}}.skeleton-text{background:#2a3942;border-radius:4px;height:10px;margin-bottom:.4rem}@media (min-width:768px){.skeleton-text{height:12px;margin-bottom:.5rem}}:root{--primary-hover:#008069;--text-dark:#e9edef;--bg-dark:#0b1216;--border-color:#2a3942}.dashboard-container{background-color:#0b1216;background-color:var(--bg-dark);box-sizing:border-box;color:#e9edef;color:var(--text-dark);margin-top:-10px;padding:.75rem;width:100%}.dashboard-container.no-empty-space{min-height:100vh}.dashboard-header h1{color:#e9edef;color:var(--text-dark);font-size:1.5rem;margin-bottom:1.5rem;text-align:center;word-break:break-word}@media (max-width:768px){.dashboard-header h1{font-size:1.3rem;margin-bottom:1.2rem}}@media (max-width:480px){.dashboard-container{padding:.5rem}.dashboard-header h1{font-size:1.1rem;margin-bottom:1rem;padding:0 .5rem}}.search-container{box-sizing:border-box;display:flex;justify-content:center;margin-bottom:1.5rem;padding:0 .5rem;width:100%}.search-box{align-items:center;display:flex;max-width:500px;position:relative;width:100%}.search-box input{background-color:#0b1216;background-color:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:#e9edef;color:var(--text-dark);font-size:.9rem;padding:.5rem 2rem .5rem 2.5rem;width:100%}.search-box input::placeholder{color:#8696a0;color:var(--text-light)}.search-box .search-icon{left:.75rem}.search-box .clear-search,.search-box .search-icon{color:#8696a0;color:var(--text-light);position:absolute}.search-box .clear-search{background:none;border:none;cursor:pointer;font-size:1rem;right:.75rem}@media (max-width:480px){.search-container{margin-bottom:1rem;padding:0 .25rem}.search-box input{font-size:.8rem;padding:.5rem 1.5rem .5rem 2rem}.search-box .search-icon{left:.5rem}.search-box .clear-search{right:.5rem}}.author-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:1.5rem;width:100%}@media (max-width:768px){.author-grid{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.author-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:0 .25rem}}.author-card{background-color:#0b1216;background-color:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#e9edef;color:var(--text-dark);cursor:pointer;overflow:hidden;padding:.75rem;transition:transform .2s,box-shadow .2s}.author-card:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-3px)}.author-photo{margin-bottom:.75rem;position:relative;text-align:center}.author-photo img{border:2px solid #0b1216;border:2px solid var(--bg-dark);border-radius:50%;box-shadow:0 2px 4px #0000004d;height:80px;object-fit:cover;width:80px}.author-photo .author-badge{align-items:center;background:#0b1216;background:var(--bg-dark);border-radius:10px;bottom:-5px;box-shadow:0 1px 3px #0000004d;display:flex;font-size:.7rem;gap:3px;left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%)}.author-info h3,.author-photo .author-badge{color:#e9edef;color:var(--text-dark);white-space:nowrap}.author-info h3{font-size:.95rem;margin:.5rem 0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}.author-info .nationality{color:#8696a0;color:var(--text-light);font-size:.8rem;margin-bottom:.5rem;text-align:center;word-break:break-word}.author-stats{display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;justify-content:center;margin:.5rem 0}.author-stats,.author-stats svg{color:#8696a0;color:var(--text-light)}.author-stats svg{margin-right:.2rem}.author-stats span{white-space:nowrap}.author-actions{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem}.author-actions .follow-button{align-items:center;background:#0b1216;background:var(--bg-dark);border:none;border-radius:4px;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:.7rem;gap:.3rem;max-width:60%;overflow:hidden;padding:.3rem .5rem;text-overflow:ellipsis;white-space:nowrap}.author-actions .follow-button.following{background:#008069;background:var(--primary-hover);color:#00a884;color:var(--primary)}.author-actions .reaction-buttons{display:flex;gap:.3rem}.author-actions .reaction-buttons button{align-items:center;background:none;border:none;color:#8696a0;color:var(--text-light);cursor:pointer;display:flex;padding:.2rem}.author-actions .reaction-buttons button.active{color:#00a884;color:var(--primary)}.author-actions .reaction-buttons .count{color:#e9edef;color:var(--text-dark);font-size:.7rem;margin-left:.2rem}.author-actions .follow-container{align-items:center;display:flex;gap:.3rem;position:relative}.author-actions .social-button{background:none;border:none;color:#8696a0;color:var(--text-light);cursor:pointer;font-size:.7rem;padding:.2rem}.author-actions .social-options{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:.3rem;left:0;padding:.5rem;position:absolute;top:100%;z-index:10}.author-actions .social-options button{align-items:center;background:none;border:none;color:#e9edef;color:var(--text-dark);cursor:pointer;display:flex;font-size:.7rem;gap:.3rem;padding:.2rem .5rem}.author-actions .social-options button:hover{background:#8696a01a}@media (max-width:480px){.author-card{padding:.5rem}.author-photo img{height:60px;width:60px}.author-info h3{font-size:.85rem}.author-actions{align-items:stretch;flex-direction:column;gap:.5rem}.author-actions .follow-button{justify-content:center;max-width:100%}.author-actions .reaction-buttons{justify-content:space-around}}.rating-stars{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center;margin:.5rem 0}.rating-stars span{color:#2a3942;color:var(--border-color);font-size:.8rem}.rating-stars span.filled{color:#00a884;color:var(--primary)}.rating-stars span:last-child{color:#8696a0;color:var(--text-light);font-size:.7rem;margin-left:.3rem}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem;padding:0 .5rem}.pagination-controls button{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:4px;color:#e9edef;color:var(--text-dark);cursor:pointer;font-size:.9rem;min-width:40px;padding:.5rem 1rem}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls button:hover:not(:disabled){background:#008069;background:var(--primary-hover)}@media (max-width:480px){.pagination-controls{gap:.5rem;margin-top:1rem}.pagination-controls button{font-size:.8rem;min-width:36px;padding:.3rem .7rem}}.author-spotlight{align-items:center;background:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:.5rem;position:fixed;right:0;top:0;z-index:1000}.author-spotlight .modal-content{background:#0b1216;background:var(--bg-dark);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}.author-spotlight .close-modal{background:none;border:none;color:#8696a0;color:var(--text-light);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.author-spotlight .author-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;text-align:center}.author-spotlight .author-header img{border:2px solid #2a3942;border:2px solid var(--border-color);border-radius:50%;height:100px;object-fit:cover;width:100px}.author-spotlight .author-header .author-info{width:100%}.author-spotlight .author-header .author-info h2{color:#e9edef;color:var(--text-dark);font-size:1.5rem;margin:0 0 .5rem;word-break:break-word}.author-spotlight .author-header .author-info .nationality{color:#8696a0;color:var(--text-light);font-size:1rem;margin-bottom:1rem;word-break:break-word}.author-spotlight .author-header .author-info .author-stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.author-spotlight .author-header .author-info .author-stats span{align-items:center;color:#8696a0;color:var(--text-light);display:flex;font-size:.9rem;gap:.3rem;white-space:nowrap}.author-spotlight .author-details h3{color:#e9edef;color:var(--text-dark);font-size:1.2rem;margin-top:0;word-break:break-word}.author-spotlight .author-details .booklist-button-container{margin:1.5rem 0;text-align:center}.author-spotlight .author-details .booklist-button{align-items:center;background:#00a884;background:var(--primary);border:none;border-radius:4px;color:#0b1216;color:var(--bg-dark);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.author-spotlight .author-details .booklist-button:hover{background:#008069;background:var(--primary-hover)}.author-spotlight .author-details .rating-section{margin-top:1.5rem}.author-spotlight .author-details .rating-section .star-rating{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin:1rem 0}.author-spotlight .author-details .rating-section .star-rating .star{color:#2a3942;color:var(--border-color);cursor:pointer;font-size:1.5rem}.author-spotlight .author-details .rating-section .star-rating .star.filled{color:#00a884;color:var(--primary)}.author-spotlight .author-details .rating-section .rating-text{color:#8696a0;color:var(--text-light);display:block;font-size:.9rem;text-align:center;word-break:break-word}@media (max-width:768px){.author-spotlight .modal-content{padding:1rem}.author-spotlight .author-header .author-info h2{font-size:1.3rem}}@media (max-width:480px){.author-spotlight{padding:.25rem}.author-spotlight .modal-content{padding:.75rem}.author-spotlight .author-header img{height:80px;width:80px}.author-spotlight .author-details h3{font-size:1.1rem}.author-spotlight .author-header .author-info .author-stats{gap:.5rem}.author-spotlight .author-header .author-info .author-stats span{font-size:.8rem}}.no-results{box-sizing:border-box;padding:2rem 0;text-align:center;width:100%}.no-results h3{color:#8696a0;color:var(--text-light);font-size:1.2rem;margin-bottom:.5rem}.no-results h3,.no-results p{padding:0 .5rem;word-break:break-word}.no-results p{color:#2a3942;color:var(--border-color);font-size:.9rem}@media (max-width:480px){.no-results{padding:1.5rem .5rem}.no-results h3{font-size:1.1rem}.no-results p{font-size:.85rem}}.app-layout-blacks{color:#e9edef;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin-top:60px;min-height:100vh}.app-layout-blacks,.sidebar-blacks{background-color:#0b1216;display:flex}.sidebar-blacks{border-right:1px solid #2a3942;flex-direction:column;height:93%;position:fixed;transition:all .3s ease;width:250px;z-index:100}.sidebar-blacks.collapsed-blacks{width:80px}.main-content-blacks{background-color:#0b1216;flex:1 1;margin-top:0;transition:margin-left .3s ease}.logo-blacks{background-color:#0b1216;border-bottom:1px solid #2a3942;color:#e9edef;cursor:pointer;font-size:16px;font-weight:600px;margin-left:2px;margin-top:-9px;padding:1rem;position:relative;text-align:left}.collapse-btn-blacks{background:none;border:none;color:#e9edef;cursor:pointer;font-size:1rem;position:absolute;right:1px;top:50%;transform:translateY(-50%)}.menu-blacks{background-color:#0b1216;display:flex;flex:1 1;flex-direction:column;margin-left:-25px;overflow-y:auto;padding:0}.menu-item-blacks{align-items:left;background:none;border:none;color:#e9edef;cursor:pointer;display:flex;gap:1rem;padding:.8rem 1.5rem;text-align:left;transition:all .2s ease;white-space:nowrap}.menu-item-blacks:hover{background-color:#ffffff05}.menu-item-blacks.active-blacks{background-color:initial;color:#00a884}.menu-icon-blacks{color:#8696a0;font-size:1.2rem;min-width:24px;text-align:left;transition:transform .2s ease}.menu-item-blacks.active-blacks .menu-icon-blacks{color:#00a884}.menu-item-blacks:hover .menu-icon-blacks{transform:scale(1.1)}.menu-label-blacks{color:#e9edef;font-size:.95rem;transition:opacity .3s ease}.sidebar-blacks.collapsed-blacks .menu-label-blacks{opacity:0;overflow:hidden;width:0}.mobile-drawer-blacks{background-color:initial;display:flex;height:100%;left:0;position:fixed;top:0;width:40%;z-index:1000}.drawer-content-blacks{align-items:left;background-color:none;color:#e9edef;display:flex;flex-direction:column;height:100%;margin-top:40px;overflow-y:auto;width:280px}.drawer-overlay-blacks{background-color:#00000080;flex:1 1}.close-drawer-blacks{background:none;border:none;color:#e9edef;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.content-area-blacks{padding:1.5rem}.content-card-blacks{background-color:#0b1216;border:1px solid #2a3942;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:#e9edef;min-height:calc(100vh - 180px);overflow:hidden;padding:1.5rem}.mobile-bottom-nav-blacks{background-color:#0b1216;bottom:0;box-shadow:0 -2px 10px #0000004d;display:flex;height:60px;justify-content:space-around;left:0;padding:6px 0 4px;position:fixed;right:0;z-index:1000}.mobile-nav-item-blacks{align-items:center;background:none;border:none;color:#e9edef;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:0 2px;transition:all .2s ease}.mobile-nav-item-blacks.active-blacks{background-color:initial;color:#00a884}.mobile-nav-icon-blacks{align-items:center;color:#8696a0;display:flex;font-size:20px;height:24px;justify-content:center;margin-bottom:2px;transition:transform .2s ease;width:24px}.mobile-nav-item-blacks.active-blacks .mobile-nav-icon-blacks{color:#00a884}.mobile-nav-item-blacks:hover .mobile-nav-icon-blacks{transform:scale(1.1)}.mobile-nav-label-blacks{color:#e9edef;display:block;font-size:10px;font-weight:500;line-height:1.2;margin-top:2px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-item-blacks:active{transform:scale(.95)}@media (max-width:400px){.mobile-nav-icon-blacks{font-size:18px}.mobile-nav-label-blacks{font-size:9px}.mobile-bottom-nav-blacks{height:56px}}@media (max-width:360px){.mobile-nav-icon-blacks{font-size:16px}.mobile-nav-label-blacks{font-size:8px}.mobile-bottom-nav-blacks{height:52px;padding:4px 0 2px}}@media (min-width:768px){.mobile-bottom-nav-blacks{display:none}}:root{--compat-primary:#00a884;--compat-secondary:#25d366;--compat-accent:#34b7f1;--compat-dark:#111b21;--compat-light:#2a3942;--compat-gray:#8696a0;--compat-light-gray:#2a3942;--compat-text:#e9edef;--compat-text-light:#8696a0;--compat-shadow:0 10px 25px #0000004d;--compat-radius:16px;--compat-radius-sm:8px;--compat-spacing:1rem;--compat-spacing-sm:0.5rem;--compat-spacing-lg:1.5rem;--compat-transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.compatibility-modal{animation:slideUp .4s cubic-bezier(.22,1,.36,1);background:#111b21;background:var(--compat-dark);border:1px solid #2a3942;border:1px solid var(--compat-light-gray);border-radius:16px;border-radius:var(--compat-radius);box-shadow:0 10px 25px #0000004d;box-shadow:var(--compat-shadow);max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;padding:var(--compat-spacing-lg);position:relative;transform:translateY(0);width:100%}.compatibility-modal h2{color:#e9edef;color:var(--compat-text);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center}.compatibility-modal h2:after{background:linear-gradient(90deg,#00a884,#34b7f1);background:linear-gradient(90deg,var(--compat-primary),var(--compat-accent));border-radius:3px;bottom:-.5rem;content:"";height:3px;left:25%;position:absolute;right:25%}.compatibility-content{display:flex;flex-direction:column;gap:2rem}.compatibility-score{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.score-circle{align-items:center;animation:pulse 2s infinite alternate;box-shadow:0 4px 15px #25d3664d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:120px;justify-content:center;margin-bottom:.5rem;position:relative;width:120px}.score-circle,.score-circle:before{background:linear-gradient(135deg,#00a884,#25d366);background:linear-gradient(135deg,var(--compat-primary),var(--compat-secondary));border-radius:50%}.score-circle:before{content:"";filter:blur(10px);inset:-5px;opacity:.6;position:absolute;z-index:-1}.compatibility-score p{color:#8696a0;color:var(--compat-text-light);font-size:.9rem;font-weight:500}.compatibility-details{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width:480px){.compatibility-details{grid-template-columns:repeat(2,1fr)}}.detail{display:flex;flex-direction:column;gap:.5rem}.detail label{align-items:center;color:#e9edef;color:var(--compat-text);display:flex;font-size:.9rem;font-weight:600}.breakdown-bar{background:#2a3942;background:var(--compat-light-gray);height:8px;width:100%}.bar-fill,.breakdown-bar{border-radius:4px;position:relative}.bar-fill{animation:barFill 1s ease-out forwards;height:100%;transition:width .8s ease-out}@keyframes barFill{0%{width:0}to{width:var(--target-width)}}.bar-fill:after{background:#fff;border-radius:2px;bottom:0;content:"";position:absolute;right:0;top:0;width:3px}.breakdown-bar span{color:#e9edef;color:var(--compat-text);font-size:.8rem;font-weight:600;position:absolute;right:0;top:-20px}.detail:first-child .bar-fill{background:linear-gradient(90deg,#34b7f1,#25d366);background:linear-gradient(90deg,var(--compat-accent),var(--compat-secondary))}.detail:nth-child(2) .bar-fill{background:linear-gradient(90deg,#9b59b6,#34b7f1);background:linear-gradient(90deg,#9b59b6,var(--compat-accent))}.detail:nth-child(3) .bar-fill{background:linear-gradient(90deg,#f39c12,#e67e22)}.detail:nth-child(4) .bar-fill{background:linear-gradient(90deg,#e74c3c,#f39c12)}.common-interests{margin-top:1rem}.common-interests h3{color:#e9edef;color:var(--compat-text);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.interests-list{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{background:#34b7f11a;border-radius:20px;color:#34b7f1;color:var(--compat-accent);font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--compat-transition)}.interest-tag:hover{background:#34b7f133;box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.astro-compatibility{background:#9b59b60d;border-left:3px solid #9b59b6;border-radius:8px;margin-top:1rem;padding:1rem}.astro-compatibility h3{color:#e9edef;color:var(--compat-text);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.astro-compatibility p{color:#8696a0;color:var(--compat-text-light);font-size:.9rem;line-height:1.5}.close-compatibility{background:#00a884;background:var(--compat-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.8rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--compat-transition);width:100%}.close-compatibility:hover{background:#008069;transform:translateY(-2px)}@media (max-width:480px){.compatibility-modal{padding:1.5rem}.score-circle{font-size:2rem;height:100px;width:100px}.compatibility-content{gap:1.5rem}.astro-compatibility h3,.common-interests h3{font-size:1rem}.interest-tag{font-size:.75rem;padding:.3rem .6rem}}:root{--match-primary:#00a884;--match-secondary:#25d366;--match-accent:#34b7f1;--match-dark:#111b21;--match-light:#2a3942;--match-gray:#8696a0;--match-light-gray:#2a3942;--match-text:#e9edef;--match-text-light:#8696a0;--match-shadow:0 2px 10px #0000004d;--match-shadow-hover:0 4px 15px #0006;--match-transition:all 0.3s ease;--match-radius:12px;--match-radius-sm:8px;--match-spacing:1rem;--match-spacing-sm:0.5rem;--match-spacing-lg:1.5rem}.matches-section{background:#111b21;background:var(--match-dark);border-radius:12px;border-radius:var(--match-radius);box-shadow:0 2px 10px #0000004d;box-shadow:var(--match-shadow);color:#e9edef;color:var(--match-text);display:flex;flex-direction:column;height:100%;overflow:hidden}.matches-tabs{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--match-light-gray);display:flex}.tab-button{background:none;color:var(--match-text-light);flex:1 1;font-size:.95rem;padding:1rem;padding:var(--match-spacing);transition:all .3s ease;transition:var(--match-transition)}.tab-button.active{color:var(--match-primary);font-weight:600}.tab-button.active:after{background:var(--match-primary);height:3px}.tab-button:not(.active):hover{color:#e9edef;color:var(--match-text)}.matches-list{flex:1 1;overflow-y:auto}.match-item,.matches-list{padding:.5rem;padding:var(--match-spacing-sm)}.match-item{align-items:center;background:#111b21;background:var(--match-dark);border-radius:8px;border-radius:var(--match-radius-sm);cursor:pointer;display:flex;margin-bottom:.5rem;margin-bottom:var(--match-spacing-sm);transition:all .3s ease;transition:var(--match-transition)}.match-item:hover{background:#2a3942;background:var(--match-light);box-shadow:0 4px 15px #0006;box-shadow:var(--match-shadow-hover);transform:translateY(-2px)}.match-photo{border-radius:50%;flex-shrink:0;height:60px;margin-right:.5rem;margin-right:var(--match-spacing-sm);overflow:hidden;position:relative;width:60px}.match-photo img{height:100%;object-fit:cover;width:100%}.compatibility-badge{border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .4rem;top:0}.compatibility-badge,.online-dot{background:#25d366;background:var(--match-secondary);position:absolute;right:0}.online-dot{border:2px solid #111b21;border:2px solid var(--match-dark);border-radius:50%;bottom:0;height:12px;width:12px}.match-info{flex:1 1;min-width:0}.match-info h3{color:#e9edef;color:var(--match-text);font-size:1rem;margin-bottom:.2rem}.last-active,.last-message{color:#8696a0;color:var(--match-text-light);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{font-style:italic}.new-match-badge{background:#00a884;background:var(--match-primary);border-radius:10px;color:#fff;font-size:.7rem;margin-left:.5rem;margin-left:var(--match-spacing-sm);padding:.2rem .4rem}.no-matches{align-items:center;color:#8696a0;color:var(--match-text-light);display:flex;flex-direction:column;height:100%;justify-content:center;padding:1.5rem;padding:var(--match-spacing-lg);text-align:center}.no-matches svg{color:#2a3942;color:var(--match-light-gray);margin-bottom:1rem;margin-bottom:var(--match-spacing)}.chat-container{background:#111b21;background:var(--match-dark);display:flex;flex-direction:column;height:100%}.likes-list{flex:1 1;overflow-y:auto}.like-item,.likes-list{padding:.5rem;padding:var(--match-spacing-sm)}.like-item{align-items:center;background:#111b21;background:var(--match-dark);border-radius:8px;border-radius:var(--match-radius-sm);cursor:pointer;display:flex;margin-bottom:.5rem;margin-bottom:var(--match-spacing-sm);transition:all .3s ease;transition:var(--match-transition)}.like-item:hover{background:#2a3942;background:var(--match-light)}.like-photo{border-radius:50%;flex-shrink:0;height:60px;margin-right:.5rem;margin-right:var(--match-spacing-sm);overflow:hidden;position:relative;width:60px}.like-photo img{height:100%;object-fit:cover;width:100%}.super-like-badge{align-items:center;background:#34b7f1;background:var(--match-accent);border-radius:50%;bottom:0;color:#fff;display:flex;font-size:.7rem;height:20px;justify-content:center;position:absolute;right:0;width:20px}.like-info{flex:1 1;min-width:0}.like-info h3{color:#e9edef;color:var(--match-text);font-size:1rem;margin-bottom:.2rem}.message,.time{color:#8696a0;color:var(--match-text-light);font-size:.8rem}.message{font-style:italic}.compatibility-tab{background:#111b21;background:var(--match-dark);color:#e9edef;color:var(--match-text);padding:1.5rem;padding:var(--match-spacing-lg);text-align:center}.view-full-compatibility{background:#34b7f1;background:var(--match-accent);border:none;border-radius:12px;border-radius:var(--match-radius);color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.2rem;transition:all .3s ease;transition:var(--match-transition)}.view-full-compatibility:hover{background:#2980b9;box-shadow:0 4px 15px #0006;box-shadow:var(--match-shadow-hover);transform:translateY(-2px)}@media (max-width:768px){.matches-section{border-radius:0}.like-item,.match-item{padding:.5rem 0;padding:var(--match-spacing-sm) 0}.like-photo,.match-photo{height:50px;width:50px}.compatibility-badge{font-size:.6rem;padding:.1rem .3rem}.online-dot{height:10px;width:10px}}.likes-list::-webkit-scrollbar,.matches-list::-webkit-scrollbar{width:6px}.likes-list::-webkit-scrollbar-track,.matches-list::-webkit-scrollbar-track{background:#2a3942;background:var(--match-light-gray)}.likes-list::-webkit-scrollbar-thumb,.matches-list::-webkit-scrollbar-thumb{background:#8696a0;background:var(--match-gray);border-radius:3px}.like-item:focus-visible,.match-item:focus-visible,.tab-button:focus-visible,.view-full-compatibility:focus-visible{outline:2px solid #34b7f1;outline:2px solid var(--match-accent);outline-offset:2px}:root{--accent:#34b7f1;--dark:#111b21;--text-light:#8696a0;--shadow:0 2px 10px #0000004d;--shadow-hover:0 4px 15px #0006;--transition:all 0.3s ease;--radius:12px;--spacing:1rem;--spacing-sm:0.5rem;--spacing-lg:1.5rem}.profile-form{background:#111b21;background:var(--dark);border:1px solid #2a3942;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 10px #0000004d;box-shadow:var(--shadow);margin:0 auto;max-width:800px;padding:1.5rem;padding:var(--spacing-lg);width:100%}.profile-form,h2,h3{color:#e9edef;color:var(--text)}h2,h3{margin-bottom:1rem;margin-bottom:var(--spacing)}h2{font-size:1.8rem;font-weight:700}h3{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--light-gray);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.profile-header,h3{margin-bottom:var(--spacing-lg)}.profile-header{gap:1.5rem;gap:var(--spacing-lg)}@media (min-width:768px){.profile-header{align-items:flex-start;flex-direction:row}}.profile-basic-info,.profile-photos{flex:1 1;min-width:0}.photos-grid{margin-bottom:1rem;margin-bottom:var(--spacing)}.photo-item{aspect-ratio:1;border-radius:8px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.photo-item img{height:100%;object-fit:cover;width:100%}.remove-photo1{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:25px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;transition:var(--transition);width:25px}.remove-photo1:hover{background:#00a884;background:var(--primary)}.photo-upload{align-items:center;aspect-ratio:1;background:#2a3942;background:var(--light-gray);border-radius:8px;border-radius:var(--radius-sm);color:#8696a0;color:var(--gray);cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease;transition:var(--transition)}.photo-upload:hover{background:#3a4a52;color:#e9edef;color:var(--text)}.photo-upload svg{font-size:1.5rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-section{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--light-gray);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-row{flex-wrap:wrap;gap:1rem;gap:var(--spacing);margin-bottom:1rem}.form-group,.form-row{margin-bottom:var(--spacing)}.form-group{flex:1 1;min-width:200px}label{color:#e9edef;color:var(--text);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}label svg{color:#8696a0;color:var(--gray);margin-right:.5rem;margin-right:var(--spacing-sm)}input,select,textarea{background-color:#2a3942;background-color:var(--light-gray);border:1px solid #2a3942;border:1px solid var(--light-gray);border-radius:8px;border-radius:var(--radius-sm);color:#e9edef;color:var(--text);padding:.75rem;transition:all .3s ease;transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#34b7f1;border-color:var(--accent);box-shadow:0 0 0 2px #34b7f133}textarea{min-height:100px;resize:vertical}.character-count{color:var(--gray);font-size:.8rem;margin-top:.5rem;margin-top:var(--spacing-sm)}.button1,button1{align-items:center;border:none;border-radius:12px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.verify-button1{background:#00a884;background:var(--primary);color:#e9edef;color:var(--text)}.verify-button1:hover{background:#008069;box-shadow:0 4px 15px #0006;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.verified-badge{align-items:center;background:#25d366;background:var(--secondary);border-radius:12px;border-radius:var(--radius);color:#e9edef;color:var(--text);display:inline-flex;font-size:.9rem;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem}.connect-button1{background:#2a3942;background:var(--light-gray);color:#e9edef;color:var(--text);margin-top:.5rem;margin-top:var(--spacing-sm)}.connect-button1:hover{background:#3a4a52}.add-dealbreaker1,.add-prompt1{background:#0000;color:#34b7f1;color:var(--accent);font-weight:600;padding:0}.add-dealbreaker1:hover,.add-prompt1:hover{text-decoration:underline}.save-button1{background:#00a884;background:var(--primary);color:#e9edef;color:var(--text);font-size:1.1rem;font-weight:600;margin-top:1.5rem;margin-top:var(--spacing-lg);padding:1rem;width:100%}.save-button1:hover{background:#008069;box-shadow:0 4px 15px #0006;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.interests-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.interest-checkbox{align-items:center;border:1px solid #2a3942;border:1px solid var(--light-gray);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;padding:var(--spacing);transition:all .3s ease;transition:var(--transition)}.interest-checkbox.selected,.interest-checkbox:hover{border-color:#34b7f1;border-color:var(--accent)}.interest-checkbox.selected{background:#2a3942;background:var(--light);color:#34b7f1;color:var(--accent)}.interest-checkbox svg{font-size:1.5rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.interest-checkbox span{font-size:.9rem;text-align:center;text-transform:capitalize}.prompt{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.dealbreakers-list{flex-direction:column}.dealbreaker-item,.dealbreakers-list{display:flex;gap:.5rem;gap:var(--spacing-sm)}.dealbreaker-item input{flex:1 1}.dealbreaker-item button1{background:#2a3942;background:var(--light-gray);color:#8696a0;color:var(--gray);padding:0;width:40px}.dealbreaker-item button1:hover{background:#3a4a52;color:#00a884;color:var(--primary)}.voice-prompt{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.re-record-button1,.record-button1{background:#2a3942;background:var(--light);color:#e9edef;color:var(--text);display:inline-flex;gap:.5rem;gap:var(--spacing-sm)}.re-record-button1:hover,.record-button1:hover{background:#3a4a52}.hint{color:#8696a0;color:var(--gray);font-size:.9rem;margin-top:.5rem;margin-top:var(--spacing-sm)}.modal-overlay{background:#000000b3;padding:1rem;padding:var(--spacing)}.instagram-modal,.spotify-modal{background:#111b21;background:var(--dark);border:1px solid #2a3942;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 15px #0006;box-shadow:var(--shadow-hover);max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg);width:100%}.modal-overlay h2{color:#e9edef;color:var(--text);margin-top:0}.instagram-content,.spotify-content{color:#e9edef;color:var(--text);margin:1.5rem 0;margin:var(--spacing-lg) 0}.photos-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.photos-grid img{aspect-ratio:1;border-radius:8px;border-radius:var(--radius-sm);object-fit:cover;width:100%}.artists-list ul{list-style:none;padding:0}.artists-list li{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--light-gray);color:#e9edef;color:var(--text);padding:.5rem 0;padding:var(--spacing-sm) 0}.close-instagram1,.close-spotify1{background:#2a3942;background:var(--light-gray);color:#e9edef;color:var(--text);margin-top:1rem;margin-top:var(--spacing);width:100%}.close-instagram1:hover,.close-spotify1:hover{background:#3a4a52}@media (max-width:600px){.photos-grid{grid-template-columns:repeat(2,1fr)}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.form-group{min-width:100%}}@media (max-width:400px){.profile-form{padding:1rem;padding:var(--spacing)}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.preferences-tab{background:var(--match-dark);color:var(--match-text);margin:0 auto;max-width:600px;padding:20px}.preferences-tab h3{align-items:center;color:var(--match-primary);display:flex;font-size:1.5rem;gap:10px;margin-bottom:25px}.preference-group{border-bottom:1px solid var(--match-light-gray);margin-bottom:30px;padding-bottom:20px}.preference-group:last-child{border-bottom:none}.preference-group label{align-items:center;color:var(--match-text);display:block;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:15px}.range-input{margin-top:15px}.range-sliders{display:flex;flex-direction:column;gap:15px}.range-sliders input[type=range]{background:var(--match-light-gray);border-radius:3px;height:6px;outline:none;width:100%}.range-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--match-primary);border:3px solid var(--match-dark);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.range-values{display:flex;justify-content:space-between}.range-value,.range-values{color:var(--match-text-light);font-size:.9rem;margin-top:8px}.range-value{text-align:right}.checkbox-group{flex-wrap:wrap;gap:15px;margin-top:10px}.gender-option,.looking-for-option{align-items:center;background:var(--match-light);border-radius:20px;color:var(--match-text);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.gender-option:hover,.looking-for-option:hover{background:#3a4a52}.gender-option input[type=checkbox],.looking-for-option input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkbox-custom{border:2px solid var(--match-gray);border-radius:4px;display:inline-block;height:18px;position:relative;transition:all .2s ease;width:18px}.gender-option input[type=checkbox]:checked~.checkbox-custom,.looking-for-option input[type=checkbox]:checked~.checkbox-custom{background-color:var(--match-primary);border-color:var(--match-primary)}.gender-option input[type=checkbox]:checked~.checkbox-custom:after,.looking-for-option input[type=checkbox]:checked~.checkbox-custom:after{border:solid var(--match-dark);border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.premium-notice{align-items:center;color:var(--match-accent);display:flex;font-weight:500;gap:8px;margin-bottom:10px}.premium-features{list-style-type:none;margin-top:10px;padding-left:5px}.premium-features li{color:var(--match-text-light);margin-bottom:8px;padding-left:20px;position:relative}.premium-features li:before{color:var(--match-accent);content:"•";font-size:1.2rem;left:0;position:absolute}.preference-actions{display:flex;justify-content:flex-end;margin-top:30px}.reset-button{align-items:center;background:none;border:1px solid var(--match-light-gray);border-radius:6px;color:var(--match-text-light);cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .2s ease}.reset-button:hover{background:var(--match-light);color:var(--match-text)}:root{--settings-primary:#00a884;--settings-secondary:#25d366;--settings-accent:#34b7f1;--settings-dark:#111b21;--settings-light:#2a3942;--settings-gray:#8696a0;--settings-light-gray:#2a3942;--settings-text:#e9edef;--settings-text-light:#8696a0;--settings-shadow:0 2px 10px #0000004d;--settings-shadow-hover:0 4px 15px #0006;--settings-transition:all 0.3s ease;--settings-radius:12px;--settings-radius-sm:8px;--settings-spacing:1rem;--settings-spacing-sm:0.5rem;--settings-spacing-lg:1.5rem}.settings-tab{background:#111b21;background:var(--settings-dark);border:1px solid #2a3942;border:1px solid var(--settings-light-gray);border-radius:12px;border-radius:var(--settings-radius);box-shadow:0 2px 10px #0000004d;box-shadow:var(--settings-shadow);margin:0 auto;max-width:600px;padding:1.5rem;padding:var(--settings-spacing-lg);width:100%}.settings-tab,.settings-tab h3{color:#e9edef;color:var(--settings-text)}.settings-tab h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--settings-spacing-lg);padding-bottom:.5rem;padding-bottom:var(--settings-spacing-sm);position:relative;text-align:center}.settings-tab h3:after{background:linear-gradient(90deg,#00a884,#34b7f1);background:linear-gradient(90deg,var(--settings-primary),var(--settings-accent));border-radius:3px;bottom:0;content:"";height:3px;left:25%;position:absolute;right:25%}.setting-group{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--settings-light-gray);margin-bottom:1.5rem;margin-bottom:var(--settings-spacing-lg);padding-bottom:1.5rem;padding-bottom:var(--settings-spacing-lg)}.setting-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-group h4{align-items:center;color:#e9edef;color:var(--settings-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;gap:var(--settings-spacing-sm);margin-bottom:1rem;margin-bottom:var(--settings-spacing)}.activity-status-button,.delete-account,.logout-button,.safety-button,.update-location{align-items:center;border:none;border-radius:8px;border-radius:var(--settings-radius-sm);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;gap:var(--settings-spacing-sm);justify-content:center;margin-bottom:.5rem;margin-bottom:var(--settings-spacing-sm);padding:.8rem 1.2rem;transition:all .3s ease;transition:var(--settings-transition);width:100%}.activity-status-button{background:#2a3942;background:var(--settings-light-gray);color:#e9edef;color:var(--settings-text)}.activity-status-button:hover{background:#3a4a52;box-shadow:0 4px 15px #0006;box-shadow:var(--settings-shadow-hover);transform:translateY(-2px)}.update-location{background:#0000;border:1px solid #34b7f1;border:1px solid var(--settings-accent);color:#34b7f1;color:var(--settings-accent)}.update-location:hover{background:#34b7f11a;box-shadow:0 4px 15px #0006;box-shadow:var(--settings-shadow-hover);transform:translateY(-2px)}.safety-button{background:#00a884;background:var(--settings-primary);color:#fff}.safety-button:hover{background:#008069;box-shadow:0 4px 15px #0006;box-shadow:var(--settings-shadow-hover);transform:translateY(-2px)}.delete-account{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c}.delete-account:hover{background:#e74c3c33;box-shadow:0 2px 8px #e74c3c33;transform:translateY(-2px)}.logout-button{background:#2a3942;background:var(--settings-light-gray);border:1px solid #8696a0;border:1px solid var(--settings-gray);color:#e9edef;color:var(--settings-text)}.logout-button:hover{background:#3a4a52;box-shadow:0 4px 15px #0006;box-shadow:var(--settings-shadow-hover);transform:translateY(-2px)}.logout-button svg,.safety-button svg{font-size:.9rem}@media (max-width:768px){.settings-tab{border:none;border-radius:0;border-top:1px solid #2a3942;border-top:1px solid var(--settings-light-gray);box-shadow:none;padding:1rem;padding:var(--settings-spacing)}.setting-group{margin-bottom:1rem;margin-bottom:var(--settings-spacing);padding-bottom:1rem;padding-bottom:var(--settings-spacing)}.activity-status-button,.delete-account,.logout-button,.safety-button,.update-location{font-size:.9rem;padding:.7rem}}@keyframes buttonPulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}to{transform:translateY(-2px) scale(1)}}.activity-status-button:hover,.delete-account:hover,.logout-button:hover,.safety-button:hover,.update-location:hover{animation:buttonPulse .4s ease-out forwards}button:focus-visible{outline:2px solid #34b7f1;outline:2px solid var(--settings-accent);outline-offset:2px}.destructive-action{position:relative}.destructive-action:after{animation:pulse 1.5s infinite;background:#e74c3c;border-radius:50%;content:"";height:10px;position:absolute;right:-5px;top:-5px;width:10px}.modal-overlay{animation:fadeIn .3s ease-in-out;background-color:#000000b3}.activity-modal{background-color:#111b21;border:1px solid #2a3942;border-radius:12px;box-shadow:0 10px 25px #0000004d;font-family:Segoe UI,Helvetica Neue,sans-serif;max-width:400px;opacity:1;padding:25px;transform:translateY(0);transition:transform .3s ease,opacity .3s ease;width:90%}.activity-modal h2{color:#e9edef;font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center}.status-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:25px}.status-option{align-items:center;background-color:#2a3942;border:1px solid #2a3942;border-radius:8px;color:#e9edef;cursor:pointer;display:flex;flex-direction:column;padding:15px 10px;transition:all .2s ease}.status-option:hover{background-color:#3a4a52;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.status-option.active{background-color:#005c4b;border-color:#00a884;color:#e9edef}.status-icon{color:inherit;font-size:1.8rem;margin-bottom:8px}.status-label{color:inherit;font-size:.95rem;font-weight:500}.close-activity{background-color:#00a884;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.close-activity:hover{background-color:#008069}.close-activity:active{background-color:#006653;transform:scale(.98)}@media (max-width:480px){.activity-modal{padding:20px 15px;width:95%}.status-options{grid-template-columns:1fr}.status-option{padding:12px 8px}}@media (max-width:350px){.activity-modal h2{font-size:1.3rem}.status-icon{font-size:1.5rem}.status-label{font-size:.85rem}}.dating-app-container{color:var(--text);max-width:100vw;min-height:100vh;position:relative}.dating-app-container,.dating-loading-screen{background-color:var(--dark);display:flex;flex-direction:column}.dating-loading-screen{align-items:center;height:100vh;justify-content:center;width:100vw}.dating-spinner{animation:dating-spin 1s linear infinite;border:5px solid #ffffff1a;border-radius:50%;border-top:5px solid var(--primary);height:50px;margin-bottom:20px;width:50px}@keyframes dating-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dating-loading-screen p{color:var(--text)}.dating-header{align-items:center;background-color:var(--dark);border-bottom:1px solid var(--light-gray);box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dating-header h1{color:var(--text);font-size:20px;font-weight:700;margin:0}.dating-header-actions{align-items:center;display:flex;gap:15px}.dating-notifications-button{background:none;border:none;border-radius:50%;color:var(--gray);cursor:pointer;font-size:20px;padding:8px;position:relative;transition:var(--transition)}.dating-notifications-button:hover{background-color:var(--light)}.dating-notifications-button.active{color:var(--primary)}.dating-badge{align-items:center;background-color:var(--primary);border-radius:50%;color:var(--dark);display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.dating-notifications-dropdown{background:var(--light);border:1px solid var(--light-gray);border-radius:var(--radius);box-shadow:var(--shadow-hover);max-height:400px;overflow-y:auto;padding:10px;position:absolute;right:0;top:calc(100% + 10px);width:300px;z-index:1000}.dating-notification-item{border-bottom:1px solid var(--light-gray);color:var(--text);cursor:pointer;padding:10px;transition:var(--transition)}.dating-notification-item:hover{background-color:var(--light)}.dating-notification-item.unread{background-color:var(--light);font-weight:500}.dating-notification-time{color:var(--gray);display:block;font-size:12px;margin-top:4px}.dating-content{background-color:var(--dark);flex:1 1;overflow-y:auto;padding-bottom:70px}.dating-bottom-nav{align-items:center;background-color:var(--dark);border-top:1px solid var(--light-gray);bottom:0;box-shadow:var(--shadow);display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;right:0;z-index:100}.dating-nav-item{align-items:center;background:none;border:none;color:var(--gray);cursor:pointer;display:flex;flex-direction:column;font-size:12px;padding:5px 10px;transition:var(--transition)}.dating-nav-item:hover{color:var(--text)}.dating-nav-item.active{color:var(--primary)}.dating-nav-item svg{font-size:20px;margin-bottom:3px}.dating-nav-item span{transition:var(--transition)}@media (max-width:768px){.dating-header h1{font-size:18px}.dating-nav-item{font-size:11px}.dating-nav-item svg{font-size:18px}}@media (max-width:480px){.dating-header h1{font-size:16px}.dating-badge{font-size:10px;height:16px;width:16px}.dating-nav-item{font-size:10px;padding:5px 8px}.dating-nav-item svg{font-size:16px}.dating-notifications-dropdown{right:-20px;width:280px}}.app-header{background-color:initial;box-shadow:0 2px 10px #0000001a;color:#000;max-height:45px;padding:15px;top:0;z-index:100}.header-left{gap:1rem}.menu-button{border-radius:50%;color:#333;font-size:1.2rem;padding:.5rem;transition:background-color .2s ease}.menu-button:hover{background-color:#f5f5f5}.app-title{color:#6e8efb;cursor:pointer;font-size:1.4rem;font-weight:700;margin:0;transition:opacity .2s ease}.app-title:hover{opacity:.8}.header-center{display:flex;flex:1 1;justify-content:center}.filter-button{align-items:center;background:none;border:none;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:1.1rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.filter-button:hover{background-color:#f5f5f5}.header-right{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:flex-end}.cart-button,.search-button{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;position:relative;transition:background-color .2s ease}.cart-button:hover,.search-button:hover{background-color:#f5f5f5}.badge{background:#e74c3c;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;height:18px;justify-content:center;right:-5px;top:-5px;width:18px}.badge,.search-bar{align-items:center;display:flex;position:absolute}.search-bar{background:#fff;height:60px;left:0;opacity:0;padding:0 1rem;right:0;top:0;transform:translateY(-100%);transition:all .3s ease;z-index:1001}.search-bar.active{opacity:1;transform:translateY(0)}.search-bar input{border:1px solid #eaeaea;border-radius:20px;flex:1 1;font-size:1rem;height:40px;outline:none;padding:0 1rem;transition:border-color .2s ease}.search-bar input:focus{border-color:#6e8efb}.search-back{color:#333;margin-right:1rem}.search-back,.search-submit{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem}.search-submit{color:#6e8efb;margin-left:1rem}@media (max-width:768px){.app-header{height:56px;padding:0 .8rem}.app-title{font-size:1.2rem}.header-left,.header-right{gap:.5rem}.search-bar input{font-size:.9rem;height:36px}}@media (max-width:480px){.app-header{height:52px}.app-title{font-size:1.1rem}.filter-button span{display:none}.filter-button{padding:.5rem}.badge{font-size:.6rem;height:16px;width:16px}}.cart-modal{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.cart-items{border-bottom:1px solid #eee;max-height:300px;overflow-y:auto;padding:20px}.cart-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:15px;padding:15px 0}.cart-item:last-child{border-bottom:none}.item-image{border-radius:4px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.item-image img{height:100%;object-fit:cover;width:100%}.item-info{flex-grow:1}.item-info h4{font-size:1rem;font-weight:500;margin:0 0 5px}.item-price{color:#333;font-weight:700;margin-bottom:10px}.item-quantity{align-items:center;display:flex;gap:10px}.item-quantity button{align-items:center;background:none;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.item-quantity button:hover{background:#f5f5f5}.item-quantity button:disabled{cursor:not-allowed;opacity:.5}.item-quantity span{min-width:20px;text-align:center}.remove-item{align-self:flex-start;background:none;border:none;color:#999;cursor:pointer;padding:5px;transition:color .2s}.remove-item:hover{color:#ff4757}.coupon-section{border-bottom:1px solid #eee;display:flex;gap:10px;padding:0 20px 20px}.coupon-section input{border:1px solid #ddd;border-radius:4px;flex-grow:1;font-size:.95rem;padding:10px 15px}.apply-coupon{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:0 20px;transition:background .2s}.apply-coupon:hover{background:#3a7bc8}.coupon-applied{background:#f0f7ff;border-radius:4px;justify-content:space-between;margin:0 20px;padding:15px 20px}.coupon-applied,.coupon-info{align-items:center;display:flex}.coupon-info{color:#4a90e2;gap:10px}.coupon-applied button{background:none;border:none;color:#999;cursor:pointer;padding:5px}.coupon-applied button:hover{color:#333}.order-summary{border-bottom:1px solid #eee;padding:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px}.summary-row:last-child{margin-bottom:0}.summary-row.discount{color:#27ae60}.summary-row.total{border-top:1px solid #eee;font-size:1.1rem;font-weight:700;margin-top:15px;padding-top:15px}.checkout-options{padding:20px}.payment-method,.shipping-address{margin-bottom:25px}.payment-method h3,.shipping-address h3{align-items:center;display:flex;font-size:1.1rem;justify-content:space-between;margin:0 0 15px}.edit-address-btn,.edit-payment-btn{align-items:center;background:none;border:none;color:#4a90e2;cursor:pointer;display:flex;font-size:.9rem;gap:5px}.address-options,.payment-options{display:flex;flex-direction:column;gap:10px}.address-option,.payment-option{align-items:flex-start;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:15px;transition:all .2s}.address-option:hover,.payment-option:hover{border-color:#4a90e2}.address-option input,.payment-option input{margin-top:3px}.address-details,.method-details{flex-grow:1}.address-details p,.method-details div span{color:#666;display:block;font-size:.9rem;margin:3px 0}.method-details{align-items:center;display:flex;gap:15px}.method-details>svg{color:#666;font-size:1.5rem}.method-brand,.method-email{color:#999;font-size:.8rem}.default-badge{background:#f0f7ff;border-radius:10px;color:#4a90e2;display:inline-block;font-size:.7rem;margin-top:5px;padding:2px 6px}.add-address,.add-payment{background:none;border:1px dashed #ddd;border-radius:4px;color:#4a90e2;cursor:pointer;font-weight:500;padding:12px;transition:all .2s;width:100%}.add-address:hover,.add-payment:hover{background:#f0f7ff;border-color:#4a90e2}.place-order-button{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;padding:15px;transition:background .2s;width:100%}.place-order-button:hover{background:#219653}.place-order-button:disabled{background:#ccc;cursor:not-allowed}.empty-cart{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-cart svg{color:#ddd;margin-bottom:20px}.empty-cart p{color:#666;font-size:1.1rem;margin:0 0 20px}.continue-shopping{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:12px 25px;transition:background .2s}.continue-shopping:hover{background:#3a7bc8}@media (max-width:768px){.cart-modal{max-width:95%}.cart-item{flex-wrap:wrap}.item-info{min-width:calc(100% - 95px)}.remove-item{margin-left:auto}.address-option,.payment-option{flex-wrap:wrap}}@media (max-width:480px){.modal-header{padding:15px}.modal-header h2{font-size:1.3rem}.cart-items,.checkout-options,.coupon-section,.order-summary{padding:15px}.item-image{height:60px;width:60px}.coupon-section{flex-direction:column}.apply-coupon{padding:10px}.method-details{flex-wrap:wrap;gap:8px}.method-details>div{flex-basis:100%}.place-order-button{font-size:1rem;padding:12px}}.address-form-modal{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{position:relative}.close-modal{font-size:1.5rem;transition:color .2s}.form-group label{color:#444}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row .form-group{flex:1 1;margin-bottom:0}.checkbox-group label{padding-left:30px;position:relative}.checkbox-group input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{height:20px;left:0;position:absolute;top:0;width:20px}.checkbox-group:hover input~.checkmark{background-color:#f1f1f1}.checkbox-group input:checked~.checkmark{background-color:#4a90e2;border-color:#4a90e2}.checkbox-group .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:7px;top:3px;transform:rotate(45deg);width:5px}.cancel-button,.save-button{border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-button{background-color:#f5f5f5;color:#333}.cancel-button:hover{background-color:#eaeaea}.save-button{background-color:#4a90e2}.save-button:hover{background-color:#3a7bc8}@media (max-width:768px){.address-form-modal{max-width:95%}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:20px}.form-actions{flex-direction:column-reverse;gap:10px}.cancel-button,.save-button{width:100%}}@media (max-width:480px){.modal-header{padding:15px}.modal-header h2{font-size:1.3rem}form{padding:15px}.form-group input,.form-group select{padding:10px}}.payment-form-modal{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{background-color:#fff;border-bottom:1px solid #eee;padding:20px}.modal-header h2{color:#333}.close-modal{align-items:center;color:#666;display:flex;font-size:1.3rem;justify-content:center;padding:5px}.close-modal:hover{color:#333}.payment-tabs{border-bottom:1px solid #eee;display:flex;overflow-x:auto;padding:0 20px;scrollbar-width:none}.payment-tabs::-webkit-scrollbar{display:none}.payment-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.9rem;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.payment-tab:hover{color:#333}.payment-tab.active{border-bottom-color:#06c;color:#06c;font-weight:500}form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#555;font-size:.9rem;margin-bottom:8px}.form-group input[type=text]{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:border-color .2s ease;width:100%}.form-group input[type=text]:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}.form-group input[type=text]::placeholder{color:#bbb}.form-row{grid-gap:15px;gap:15px}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;font-weight:400;margin-bottom:0}.checkbox-group input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:1px solid #ddd;border-radius:4px;height:18px;margin-right:10px;position:relative;transition:all .2s ease;width:18px}.checkbox-group input:checked~.checkmark{background-color:#06c;border-color:#06c}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-group input:checked~.checkmark:after{display:block}.form-actions{gap:15px;padding-top:10px}.form-actions button{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s ease}.cancel-button{background-color:#fff;border:1px solid #ddd;color:#666}.cancel-button:hover{background-color:#f9f9f9;border-color:#ccc}.save-button{background-color:#06c;border:1px solid #06c;color:#fff}.save-button:hover{background-color:#0052a3;border-color:#0052a3}@media (max-width:600px){.modal-header{padding:15px}.modal-header h2{font-size:1.3rem}.payment-tabs{padding:0 15px}.payment-tab{font-size:.85rem;padding:10px 12px}form{padding:15px}.form-row{gap:20px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:10px}.form-actions button{width:100%}}@media (max-width:400px){.modal-overlay{padding:10px}.payment-form-modal{max-height:95vh}.form-group input[type=text]{padding:10px 12px}.form-actions button{padding:10px 15px}}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000}.product-form-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #eaeaea;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.close-modal{background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.close-modal:hover{background:#f5f5f5;color:#e74c3c}form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #eaeaea;border-radius:8px;font-size:1rem;padding:.8rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6e8efb;box-shadow:0 0 0 2px #6e8efb33;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.image-upload{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.upload-button{background:#f8f9fa;border:1px dashed #ccc;border-radius:8px;font-weight:500;padding:.8rem 1.2rem;transition:all .2s ease;white-space:nowrap}.upload-button:hover{background:#e9ecef;border-color:#6e8efb;color:#6e8efb}.upload-button:disabled{cursor:not-allowed;opacity:.7}.file-info{color:#7f8c8d;font-size:.9rem}.image-previews{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:1rem}.image-preview{border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden;position:relative}.image-preview img{display:block;height:100px;object-fit:cover;width:100%}.remove-image{align-items:center;background:#e74c3ce6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:25px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s ease;width:25px}.image-preview:hover .remove-image{opacity:1}.form-actions{border-top:1px solid #eaeaea;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.cancel-button{background:#f8f9fa;font-weight:600;padding:.8rem 1.5rem}.cancel-button:hover{background:#e9ecef}.submit-button{background:#6e8efb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#5a7df4}.submit-button:disabled{cursor:not-allowed;opacity:.7}.dark-mode .product-form-modal{background:#2d2d2d;color:#f0f0f0}.dark-mode .modal-header{background:#2d2d2d;border-color:#444}.dark-mode .modal-header h2{color:#f0f0f0}.dark-mode .close-modal{color:#aaa}.dark-mode .close-modal:hover{background:#444;color:#e74c3c}.dark-mode .form-group label{color:#f0f0f0}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:#3d3d3d;border-color:#444;color:#f0f0f0}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{border-color:#6e8efb;box-shadow:0 0 0 2px #6e8efb4d}.dark-mode .upload-button{background:#3d3d3d;border-color:#555;color:#f0f0f0}.dark-mode .upload-button:hover{background:#444;border-color:#6e8efb}.dark-mode .file-info{color:#aaa}.dark-mode .form-actions{border-color:#444}.dark-mode .cancel-button{background:#3d3d3d;color:#f0f0f0}.dark-mode .cancel-button:hover{background:#444}@media (max-width:768px){.product-form-modal{width:95%}.form-row{gap:1rem;grid-template-columns:1fr}.image-previews{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.image-preview img{height:80px}}@media (max-width:480px){.modal-header,form{padding:1rem}.image-upload{align-items:flex-start;flex-direction:column;gap:.5rem}.form-actions{flex-direction:column-reverse;gap:.8rem}.cancel-button,.submit-button{padding:.8rem;width:100%}}.browse-section{padding:20px}.category-carousel{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:30px}.category-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;flex-direction:column;padding:20px 10px;text-align:center;transition:all .3s ease}.category-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.category-icon{color:#4a90e2;font-size:2rem;margin-bottom:10px}.category-header{align-items:center;display:flex;gap:15px;margin-bottom:25px}.back-button{border-radius:4px;color:#4a90e2;font-weight:500;padding:5px 10px;transition:background .2s}.back-button:hover{background:#f0f7ff}.category-header h2{font-size:1.5rem;margin:0}.products-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.section-title{color:#333;font-size:1.5rem;margin:0}.sort-options{align-items:center;display:flex;gap:10px}.sort-options label{color:#666;font-size:.9rem}.sort-options select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 12px}.products-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product-card{border-radius:8px;cursor:pointer;transition:all .3s ease}.product-card:hover{box-shadow:0 5px 20px #0000001a}.product-image{overflow:hidden;padding-top:100%;position:relative}.product-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.discount-badge{background:#ff4757;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px;position:absolute;right:10px;top:10px}.wishlist-button{align-items:center;background:#fffc;border-radius:50%;bottom:10px;display:flex;height:32px;justify-content:center;position:absolute;right:10px;transition:all .2s;width:32px}.wishlist-button:hover{background:#fffffff2}.wishlist-button .filled{color:#ff4757}.product-info{padding:15px}.product-info h3{font-size:1rem;font-weight:500;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-section{align-items:center;display:flex;gap:8px;margin-bottom:8px}.current-price{color:#333;font-size:1.1rem;font-weight:700}.original-price{color:#999;font-size:.9rem;text-decoration:line-through}.rating-section{align-items:center;display:flex;gap:5px;margin-bottom:15px}.stars{display:flex;gap:2px}.stars .filled{color:#ffc107}.stars .empty{color:#ddd}.rating-section span{color:#666;font-size:.8rem}.add-to-cart{background:#4a90e2;border-radius:4px;font-weight:500;padding:10px;transition:background .2s}.add-to-cart:hover{background:#3a7bc8}.add-to-cart:disabled{background:#ccc;cursor:not-allowed}.no-products{align-items:center;color:#666;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px 20px;text-align:center}.no-products p{font-size:1.1rem;margin:15px 0}.browse-all{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.browse-all:hover{background:#3a7bc8}@media (max-width:768px){.category-carousel{gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.products-header{align-items:flex-start;flex-direction:column}.products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.browse-section{padding:15px 10px}.category-carousel{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.category-card{padding:15px 5px}.category-icon{font-size:1.5rem}.products-grid{gap:10px;grid-template-columns:1fr 1fr}.product-info h3{font-size:.9rem}.current-price{font-size:1rem}.add-to-cart,.original-price{font-size:.8rem}.add-to-cart{padding:8px}}.orders-section{box-sizing:border-box;padding:20px;width:100%}.orders-header{margin-bottom:25px}.orders-header h2{color:#333;font-size:1.8rem;margin-bottom:20px}.orders-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.summary-item{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:15px;text-align:center}.summary-item .count{color:#333;display:block;font-size:1.4rem;font-weight:600;margin-bottom:5px}.summary-item .label{color:#666;font-size:.85rem}.orders-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.orders-tabs::-webkit-scrollbar{display:none}.tab-button{background-color:#f1f1f1;border-radius:20px;font-size:.9rem;padding:10px 15px;transition:all .2s ease}.tab-button:hover{background-color:#e0e0e0}.tab-button.active{background-color:#333;color:#fff}.orders-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.order-card{background-color:#fff;border:1px solid #e0e0e0;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.order-card:hover{box-shadow:0 5px 15px #0000001a}.order-header{border-bottom:1px solid #f0f0f0;margin-bottom:15px;padding-bottom:10px}.order-info h3{color:#333;font-size:1.1rem;margin:0 0 5px}.order-info p{color:#666;font-size:.85rem;margin:3px 0}.status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;margin-top:5px;padding:3px 8px}.status.processing{background-color:#fff3cd;color:#856404}.status.shipped{background-color:#cce5ff;color:#004085}.status.delivered{background-color:#d4edda;color:#155724}.status.cancelled{background-color:#f8d7da;color:#721c24}.order-total{color:#333;font-size:1.2rem;font-weight:600}.order-items-preview{margin-bottom:15px}.order-item-preview{align-items:center;display:flex;gap:10px;margin-bottom:10px}.order-item-preview img{border:1px solid #eee;border-radius:5px;height:50px;object-fit:cover;width:50px}.item-details h4{color:#333;font-size:.9rem;margin:0 0 3px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-details p{color:#666;font-size:.8rem;margin:0}.more-items{background-color:#f9f9f9;border-radius:5px;color:#666;font-size:.8rem;padding:5px;text-align:center}.order-actions{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.order-actions button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:.8rem;gap:5px;padding:8px 12px;transition:background-color .2s ease}.order-actions button svg{font-size:.9rem}.cancel-order{background-color:#f8d7da;color:#721c24}.cancel-order:hover{background-color:#f5c6cb}.track-order{background-color:#cce5ff;color:#004085}.track-order:hover{background-color:#b8daff}.leave-review{background-color:#d4edda;color:#155724}.leave-review:hover{background-color:#c3e6cb}.reorder{background-color:#f0f0f0;color:#333}.reorder:hover{background-color:#e0e0e0}.no-orders{grid-column:1/-1;padding:40px 20px;text-align:center}.no-orders svg{color:#ddd;margin-bottom:15px}.no-orders p{color:#666;font-size:1.1rem;margin-bottom:20px}.start-shopping{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.start-shopping:hover{background-color:#555}@media (max-width:768px){.orders-section{padding:15px}.orders-header h2{font-size:1.5rem}.orders-summary{grid-template-columns:repeat(2,1fr)}.orders-list{grid-template-columns:1fr}.order-card{padding:12px}}@media (max-width:480px){.orders-summary{grid-template-columns:1fr}.orders-tabs{gap:5px}.tab-button{font-size:.8rem;padding:8px 12px}.order-actions button{font-size:.75rem;padding:6px 10px}.no-orders{padding:30px 15px}.no-orders p{font-size:1rem}.start-shopping{font-size:.9rem;padding:8px 16px}}.dashboard-tab{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:1.5rem}.welcome-banner{background:linear-gradient(135deg,#6e8efb,#a777e3);border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem}.welcome-banner h2{font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.welcome-banner p{font-size:1rem;margin:0;opacity:.9}.stats-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;background:#6e8efb1a;border-radius:50%;color:#6e8efb;display:flex;font-size:1.2rem;height:50px;justify-content:center;margin-right:1rem;width:50px}.stat-info h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 .2rem}.stat-info p{color:#7f8c8d;font-size:.9rem;margin:0}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;padding:1.5rem}.recent-activity h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.activity-list{display:flex;flex-direction:column;gap:.8rem}.activity-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:.8rem;position:relative;transition:background-color .2s ease}.activity-item:hover{background-color:#f8f9fa}.activity-item.unread{background-color:#f0f4ff}.activity-icon{align-items:center;background:#f1f3ff;border-radius:50%;color:#6e8efb;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:1rem;width:40px}.activity-details{flex-grow:1}.activity-details p{font-size:.95rem;margin:0 0 .2rem}.activity-details .activity-time{color:#7f8c8d;font-size:.8rem}.unread-dot{background:#6e8efb;height:8px;right:1rem;top:50%;transform:translateY(-50%);width:8px}.no-activity{color:#7f8c8d;padding:2rem;text-align:center}.view-all-activity{background:none;border:none;color:#6e8efb;cursor:pointer;display:block;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.5rem 0;text-align:right;width:100%}.view-all-activity:hover{text-decoration:underline}.wishlist-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.view-all{background:none;border:none;border-radius:6px;color:#6e8efb;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease}.view-all:hover{background-color:#f0f4ff}.wishlist-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.wishlist-item{border:1px solid #eaeaea;border-radius:10px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.wishlist-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.wishlist-item img{border-bottom:1px solid #eaeaea;height:160px;object-fit:cover;width:100%}.wishlist-info{padding:1rem}.wishlist-info h4{font-size:1rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:.8rem}.add-to-cart{background:#6e8efb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem;transition:background-color .2s ease;width:100%}.add-to-cart:hover{background:#5a7df4}.remove-wishlist{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#e74c3c;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:30px}.remove-wishlist:hover{background:#e74c3c;color:#fff}.empty-wishlist{color:#7f8c8d;padding:3rem 1rem;text-align:center}.empty-wishlist svg{color:#eaeaea;margin-bottom:1rem}.empty-wishlist p{font-size:1.1rem;margin:0 0 1.5rem}.browse-products{background:#6e8efb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:background-color .2s ease}.browse-products:hover{background:#5a7df4}@media (max-width:1024px){.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.dashboard-tab{padding:1rem}.welcome-banner{padding:1.5rem}.welcome-banner h2{font-size:1.5rem}.stats-cards{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.2rem}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}.wishlist-grid{grid-template-columns:1fr 1fr}.wishlist-item img{height:120px}.activity-icon{font-size:.9rem;height:36px;width:36px}.activity-details p{font-size:.85rem}.activity-details .activity-time{font-size:.75rem}}@media (max-width:360px){.wishlist-grid{grid-template-columns:1fr}}.notifications-tab{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:800px;padding:20px}.notifications-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.notifications-header h2{color:#333;font-size:1.5rem;margin:0}.notification-actions{display:flex;gap:15px}.mark-all-read,.notification-settings{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 15px;transition:all .2s}.mark-all-read{background-color:#f0f7ff;border:1px solid #d0e3ff;color:#4a90e2}.mark-all-read:hover{background-color:#e1f0ff}.notification-settings{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.notification-settings:hover{background-color:#eaeaea}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;gap:15px;padding:15px;position:relative;transition:background-color .2s}.notification-item:hover{background-color:#f9f9f9}.notification-item.unread{background-color:#f0f7ff}.notification-icon{align-items:center;background-color:#f5f5f5;border-radius:50%;color:#4a90e2;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-item.unread .notification-icon{background-color:#e1f0ff}.notification-icon svg{font-size:1rem}.notification-content{flex-grow:1}.notification-content h4{color:#333;font-size:.95rem;margin:0 0 5px}.notification-content p{color:#666;font-size:.9rem;margin:0 0 5px}.notification-time{color:#999;font-size:.8rem}.unread-dot{background-color:#4a90e2;border-radius:50%;height:10px;position:absolute;right:15px;top:15px;width:10px}.notification-action{align-self:center;background:none;border:none;color:#999;cursor:pointer;padding:5px;transition:color .2s}.notification-action:hover{color:#333}.no-notifications{color:#999;padding:40px 20px;text-align:center}.no-notifications svg{color:#ddd;margin-bottom:15px}.no-notifications p{font-size:1.1rem;margin:0}.dark-mode .notifications-tab{background-color:#1e1e1e;box-shadow:0 2px 10px #0000004d}.dark-mode .notifications-header{border-bottom-color:#333}.dark-mode .notifications-header h2{color:#f5f5f5}.dark-mode .mark-all-read{background-color:#2a3a4a;border-color:#3a4a5a;color:#4a90e2}.dark-mode .notification-settings{background-color:#2a2a2a;border-color:#444;color:#aaa}.dark-mode .notification-item{background-color:#2a2a2a}.dark-mode .notification-item:hover{background-color:#333}.dark-mode .notification-item.unread{background-color:#2a3a4a}.dark-mode .notification-icon{background-color:#333;color:#4a90e2}.dark-mode .notification-item.unread .notification-icon{background-color:#3a4a5a}.dark-mode .notification-content h4{color:#f5f5f5}.dark-mode .notification-content p{color:#aaa}.dark-mode .notification-action,.dark-mode .notification-time{color:#777}.dark-mode .notification-action:hover{color:#f5f5f5}.dark-mode .no-notifications{color:#aaa}.dark-mode .no-notifications svg{color:#444}@media (max-width:768px){.notifications-header{align-items:flex-start;flex-direction:column;gap:15px}.notification-actions{justify-content:space-between;width:100%}.mark-all-read,.notification-settings{flex-grow:1;justify-content:center}}@media (max-width:480px){.notifications-tab{padding:15px}.notification-item{gap:12px;padding:12px}.notification-icon{height:36px;width:36px}.notification-content h4{font-size:.9rem}.notification-content p{font-size:.85rem}.notification-time{font-size:.75rem}}.app-content{background-color:#f8f9fa;margin-top:60px;min-height:calc(100vh - 60px);padding:1.5rem;transition:all .3s ease}.app-content.dark-mode{background-color:#1a1a1a;color:#f0f0f0}.browse-section{margin:0 auto;max-width:1400px}.category-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-button{background:#fff;border:1px solid #eaeaea;border-radius:20px;cursor:pointer;font-size:.9rem;padding:.5rem 1.2rem;transition:all .2s ease;white-space:nowrap}.category-button:hover{border-color:#6e8efb}.category-button.active{background:#6e8efb;border-color:#6e8efb;color:#fff}.dark-mode .category-button{background:#2d2d2d;border-color:#444;color:#f0f0f0}.dark-mode .category-button.active{background:#6e8efb}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.dark-mode .product-card{background:#2d2d2d;box-shadow:0 2px 10px #0003}.product-image{border-bottom:1px solid #eaeaea;height:200px;object-fit:cover;width:100%}.dark-mode .product-image{border-color:#444}.product-info{padding:1rem}.product-title{font-size:1rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{color:#2c3e50;font-weight:700;margin-bottom:.8rem}.dark-mode .product-price{color:#f0f0f0}.product-actions{align-items:center;display:flex;justify-content:space-between}.wishlist-button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.2rem;padding:.5rem}.add-to-cart-button{background:#6e8efb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease}.add-to-cart-button:hover{background:#5a7df4}.orders-section{margin:0 auto;max-width:1200px}.order-tabs{border-bottom:1px solid #eaeaea;display:flex;gap:1rem;margin-bottom:1.5rem}.dark-mode .order-tabs{border-color:#444}.order-tab{border-bottom:2px solid #0000;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.order-tab:hover{color:#6e8efb}.order-tab.active{border-bottom-color:#6e8efb;color:#6e8efb;font-weight:600}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;cursor:pointer;padding:1rem;transition:transform .2s ease}.dark-mode .order-card{background:#2d2d2d;box-shadow:0 2px 10px #0003}.order-card:hover{transform:translateY(-3px)}.order-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.order-id{color:#6e8efb;font-weight:600}.order-date{color:#7f8c8d;font-size:.9rem}.dark-mode .order-date{color:#aaa}.order-status{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.status-processing{background:#fff3cd;color:#856404}.status-shipped{background:#cce5ff;color:#004085}.status-delivered{background:#d4edda;color:#155724}.dark-mode .status-processing{background:#5e4b00;color:#ffecb5}.dark-mode .status-shipped{background:#036;color:#9cf}.dark-mode .status-delivered{background:#1e3a1e;color:#b7efb7}.order-products{display:flex;gap:.8rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.order-products::-webkit-scrollbar{display:none}.order-product{border-radius:8px;flex:0 0 60px;height:60px;overflow:hidden}.order-product img{height:100%;object-fit:cover;width:100%}.order-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.order-total{font-weight:700}.review-button{background:none;border:1px solid #6e8efb;border-radius:5px;color:#6e8efb;cursor:pointer;font-size:.8rem;padding:.3rem .8rem;transition:all .2s ease}.review-button:hover{background:#6e8efb;color:#fff}.profile-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:250px 1fr;margin:0 auto;max-width:1200px}.profile-sidebar{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.dark-mode .profile-sidebar{background:#2d2d2d;box-shadow:0 2px 10px #0003}.profile-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.profile-avatar{border:3px solid #6e8efb;border-radius:50%;height:80px;margin-bottom:1rem;object-fit:cover;width:80px}.profile-name{font-size:1.2rem;font-weight:600;margin:0 0 .2rem}.profile-email{color:#7f8c8d;font-size:.9rem;margin:0}.dark-mode .profile-email{color:#aaa}.profile-menu{list-style:none;margin:0;padding:0}.profile-menu-item{border-bottom:1px solid #eaeaea;cursor:pointer;padding:.8rem 0;transition:color .2s ease}.dark-mode .profile-menu-item{border-color:#444}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{color:#6e8efb}.profile-menu-item.active{color:#6e8efb;font-weight:600}.profile-menu-icon{margin-right:.8rem;text-align:center;width:20px}.profile-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.dark-mode .profile-content{background:#2d2d2d;box-shadow:0 2px 10px #0003}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.profile-section{grid-template-columns:200px 1fr}}@media (max-width:768px){.app-content{padding:1rem}.products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.product-image{height:160px}.profile-section{grid-template-columns:1fr}.profile-sidebar{margin-bottom:1.5rem}}@media (max-width:480px){.products-grid{gap:.8rem;grid-template-columns:1fr 1fr}.product-image{height:140px}.product-title{font-size:.9rem}.add-to-cart-button{font-size:.8rem;padding:.4rem .8rem}.order-tabs{gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.order-tabs::-webkit-scrollbar{display:none}.order-tab{font-size:.9rem;padding:.5rem;white-space:nowrap}}@media (max-width:360px){.products-grid{grid-template-columns:1fr}.category-button{font-size:.8rem;padding:.5rem .8rem}}.side-menu-overlay{background-color:#00000080;justify-content:flex-end;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease;z-index:1000}.side-menu,.side-menu-overlay{display:flex;height:100%;width:100%}.side-menu{background-color:#fff;box-shadow:-2px 0 10px #0000001a;flex-direction:column;max-width:380px;overflow-y:auto;transform:translateX(0);transition:transform .3s ease}.menu-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px;position:relative}.user-info{gap:15px;width:calc(100% - 30px)}.user-info img{border:2px solid #f5f5f5;border-radius:50%;height:60px;object-fit:cover;width:60px}.user-info h3{color:#333;font-size:1.2rem;margin:0}.user-info h3,.user-info p{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info p{color:#666;font-size:.85rem;margin:5px 0 0}.user-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.user-badges span{align-items:center;border-radius:12px;display:flex;font-size:.7rem;gap:4px;padding:3px 8px}.premium-badge{background-color:gold;color:#8a6d00}.seller-badge{background-color:#e3f2fd;color:#1976d2}.close-menu{background:none;border:none;color:#666;cursor:pointer;font-size:1.3rem;margin-left:10px;padding:5px}.close-menu:hover{color:#333}.menu-items{flex:1 1;overflow-y:auto;padding:10px 0}.menu-item{align-items:center;color:#333;display:flex;padding:14px 20px;position:relative;transition:background-color .2s}.menu-item:hover{background-color:#f9f9f9}.menu-item svg{color:#555;font-size:1.1rem;margin-right:15px;min-width:20px}.menu-item span{font-size:.95rem}.menu-badge{align-items:center;background-color:#f44;border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:20px;justify-content:center;position:absolute;right:20px;width:20px}.premium-item{background-color:#fff8e1;border-radius:0;margin:10px 0}.premium-item svg{color:#ffab00}.premium-item:hover{background-color:#fff4d4}@media (max-width:480px){.side-menu{max-width:320px}.user-info{gap:12px}.user-info img{height:50px;width:50px}.user-info h3{font-size:1.1rem;max-width:150px}.menu-item{padding:12px 15px}.menu-item svg{font-size:1rem;margin-right:12px}.menu-item span{font-size:.9rem}}@media (max-width:360px){.side-menu{max-width:280px}.user-info h3{max-width:120px}.menu-item{padding:10px 12px}}@media (max-width:768px){.side-menu{transform:translateX(100%)}.side-menu-overlay[style*="display: flex"] .side-menu{transform:translateX(0)}}.side-menu::-webkit-scrollbar{width:6px}.side-menu::-webkit-scrollbar-track{background:#f1f1f1}.side-menu::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.side-menu::-webkit-scrollbar-thumb:hover{background:#aaa}.marketplace-app{background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;position:relative}.dark-mode .loading-screen,.marketplace-app.dark-mode{background-color:#121212;color:#f5f5f5}.loading-screen{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.spinner{animation:spin 1s ease-in-out infinite;border:5px solid #4a90e233;border-top-color:#4a90e2;height:50px;width:50px}.loading-screen p{color:#666;font-size:1.1rem}.dark-mode .loading-screen p{color:#ccc}.main-content-container{flex:1 1;padding-bottom:70px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.main-content-container{padding-bottom:60px}}@media (max-width:576px){.modal-overlay{padding:10px}}.dark-mode .activity-item,.dark-mode .recent-activity,.dark-mode .section-header,.dark-mode .stat-card,.dark-mode .wishlist-item,.dark-mode .wishlist-section{background-color:#1e1e1e;box-shadow:0 2px 10px #0000004d;color:#f5f5f5}.dark-mode .activity-details p,.dark-mode .section-header h3,.dark-mode .stat-info h3,.dark-mode .wishlist-info h4{color:#f5f5f5}.dark-mode .activity-time,.dark-mode .price,.dark-mode .stat-info p{color:#ccc}.dark-mode .activity-item.unread{background-color:#2a3a4a}.dark-mode .add-to-cart,.dark-mode .browse-products,.dark-mode .view-all,.dark-mode .view-all-activity{background-color:#3a7bc8;color:#fff}.dark-mode .view-all-activity:hover,.dark-mode .view-all:hover{background-color:#4a90e2}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dark-mode ::-webkit-scrollbar-track{background:#2a2a2a}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.dark-mode ::-webkit-scrollbar-thumb{background:#555}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#777}input,select,textarea{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px 15px;transition:border-color .3s}.dark-mode input,.dark-mode select,.dark-mode textarea{background-color:#2a2a2a;border-color:#444;color:#f5f5f5}input:focus,select:focus,textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}button{cursor:pointer;transition:all .2s}.btn-primary{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;padding:10px 20px}.btn-primary:hover{background-color:#3a7bc8}.btn-secondary{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;padding:10px 20px}.btn-secondary:hover{background-color:#eaeaea}.dark-mode .btn-secondary{background-color:#2a2a2a;border-color:#444;color:#f5f5f5}.dark-mode .btn-secondary:hover{background-color:#333}@media (max-width:768px){.stats-cards,.wishlist-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-cards,.wishlist-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.view-all{align-self:flex-end}}.empty-state{color:#999}.empty-state svg{color:#ddd;font-size:3rem}.empty-state p{font-size:1.1rem;margin:0 0 20px}.dark-mode .empty-state{color:#aaa}.dark-mode .empty-state svg{color:#444}.icon-sm{font-size:1rem}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:3px 8px}.badge-primary{background-color:#e1f0ff;color:#4a90e2}.badge-success{background-color:#e6f7ee;color:#27ae60}.badge-warning{background-color:#fff8e6;color:#f39c12}.badge-danger{background-color:#ffebee;color:#e74c3c}.dark-mode .badge-primary{background-color:#2a3a4a;color:#4a90e2}.dark-mode .badge-success{background-color:#1e3a2e;color:#2ecc71}[data-tooltip]:hover:after{background-color:#333;color:#fff;font-size:.8rem;padding:5px 10px}.dark-mode [data-tooltip]:hover:after{background-color:#f5f5f5;color:#333}@media (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.text-center{text-align:center}.text-muted{color:#999}.dark-mode .text-muted{color:#777}.transition{transition:all .2s ease}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.scroll-container{overflow-y:auto;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.dark-mode .scroll-container{scrollbar-color:#555 #2a2a2a}.studio-fixed-container{background-color:#0b1216;bottom:0;color:#c9d3d8;display:flex;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;left:0;overflow:hidden;position:fixed;right:0;top:35px}.sidebar-studio{background:#0b1216;height:calc(100vh - 35px);overflow:hidden;position:fixed;top:35px;transition:width .3s ease;width:240px;z-index:100}.sidebar-studio.collapsed-studio{width:60px}.logo-studio{align-items:center;background:#0000;box-shadow:0 15px 15px #0003;display:flex;font-size:1rem;font-weight:700;height:50px;justify-content:space-between;padding:0 20px}.logo-image-studio{height:30px;margin-right:8px;width:30px}.logo-image-collapsed-studio{height:20px;width:20px}.logo-text-studio{color:#fff;font-size:16px;font-weight:600;margin-right:auto}.menu-studio{padding:10px 0}.menu-item-studio{align-items:center;background:#0000;border:none;color:#8696a0;cursor:pointer;display:flex;margin:2px 0;padding:12px 16px;text-align:left;transition:all .2s;white-space:nowrap;width:100%}.menu-item-studio:hover{background:#ffffff0d;color:#e9edef}.menu-item-studio.active-studio{background:#00a8841a;color:#00a884}.menu-icon-studio{color:#8696a0;font-size:1.2rem;margin-left:auto;min-width:24px;padding-left:16px;text-align:right}.menu-item-studio.active-studio .menu-icon-studio{color:#00a884}.menu-label-studio{flex-grow:1;opacity:1;padding-right:8px;text-align:left;transition:opacity .3s}.collapsed-studio .menu-label-studio{opacity:0;padding:0;width:0}.collapsed-studio .menu-item-studio{justify-content:center;padding:12px 0}.collapsed-studio .menu-icon-studio{margin-left:0;padding-left:0;text-align:center}.main-content-studio{background-color:#0b1216;border-bottom:1px solid #2a3942;flex:1 1;height:calc(100% - 35px);margin-left:240px;overflow-y:auto;transition:margin-left .3s ease}.collapsed-studio~.main-content-studio{margin-left:60px}.content-area-studio{background:#0000;padding:0}.tab-content-studio{background:#0000;min-height:calc(100vh - 95px);padding:20px}.tab-content-placeholder-studio{align-items:center;background:#0000;color:#8696a0;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.placeholder-icon-studio{font-size:4rem;margin-bottom:20px;opacity:.7}@media (max-width:767px){.sidebar-studio{display:none}.main-content-studio{height:100%;margin-left:0}.mobile-header-studio{align-items:center;background:#0b1216;box-shadow:0 15px 15px #0003;display:flex;height:50px;justify-content:center;padding:0 15px;position:-webkit-sticky;position:sticky;top:0;z-index:90}.mobile-menu-toggle-studio{background:none;border:none;color:#8696a0;cursor:pointer;font-size:1rem;position:absolute;right:15px}.mobile-header-title-studio{font-size:1rem;margin:0 auto}.mobile-drawer-studio{background:#0b1216;height:calc(100% - 35px);position:fixed;right:0;top:35px;transform:translateX(100%);transition:transform .3s ease;width:40%;z-index:110}.mobile-drawer-studio.visible{transform:translateX(0)}.drawer-content-studio{height:100%}.close-drawer-studio{background:none;border:none;color:#e9edef;cursor:pointer;font-size:1.5rem}.drawer-overlay-studio{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:35px;z-index:105}.mobile-drawer-studio .menu-item-studio{justify-content:space-between;padding:12px 16px}.mobile-drawer-studio .menu-icon-studio{margin-left:16px;padding-left:0}.mobile-drawer-studio .logo-studio{flex-direction:row-reverse}}.mobile-logo-image-studio{height:20px;margin-right:6px;width:20px}.mobile-header-title-studio{align-items:center;display:flex;margin-left:12px}.mobile-header-title-studio h1{font-size:16px;margin:0}.close-drawer-studio,.collapse-btn-studio,.mobile-menu-toggle-studio{background:none;border:none;border-radius:4px;color:#e9edef;cursor:pointer;padding:5px;transition:background .2s}.close-drawer-studio:hover,.collapse-btn-studio:hover,.mobile-menu-toggle-studio:hover{background:#ffffff05}*{transition:background-color .2s,color .2s,opacity .2s}.video-editor{background-color:#0b1216;color:#e9edef;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden;width:100vw}.tabs-container{background-color:#0b1216;border-bottom:.009px solid #2a3942;overflow-x:auto;padding:0;width:100%}.tabs-scrollable{display:flex;min-width:-webkit-max-content;min-width:max-content}.tab-button{background:#0000;border:none;font-size:14px;font-weight:500;margin-right:4px;padding:12px 20px;position:relative;white-space:nowrap}.tab-button.active{color:#00a884}.tab-button.active:after{background:#00a884;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.content-area{background-color:#0b1216;flex:1 1;overflow-y:auto;padding:16px}.tab-content{background-color:#1f2c33;border-radius:8px;padding:16px}.tab-content h3{color:#e9edef;font-size:14px;font-weight:550;margin-top:0}.tab-content p{color:#8696a0;font-size:13px;margin-bottom:16px}.placeholder-content{align-items:center;background-color:#0b1216;border:1px dashed #2a3942;border-radius:4px;color:#8696a0;display:flex;height:400px;justify-content:center}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:#0b1216}.tabs-container::-webkit-scrollbar-thumb{background:#2a3942;border-radius:2px}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:#0b1216}.content-area::-webkit-scrollbar-thumb{background:#2a3942;border-radius:3px}.video-organizer{margin:-40px auto 0;max-width:100%;min-height:100vh;padding:20px}.header{background-color:#0b1216;color:#8696a0;margin-bottom:20px;padding:16px}.header h1{color:#e9edef;font-size:18px;font-weight:500;margin:0}.tabs{background-color:initial;display:flex;gap:8px;margin-left:-55px}.tab-button{border-radius:4px;display:flex;padding:8px 12px}.tab-button,.tab-button.active,.tab-button.hover{align-items:center;background-color:initial;color:#8696a0;cursor:pointer}.folders-list{grid-gap:4px;box-shadow:0 1px 1px #0003;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:100%;padding:4px}.folder-card{align-items:center;background-color:#0b1216;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.folder-card:hover{background-color:#0b1216;transform:translateY(-2px)}.folder-header-thumbnail-container{border-radius:none;color:#8696a0;flex-shrink:0;height:48px;margin-left:-20px;margin-right:0;overflow:hidden;width:48px}.folder-header-thumbnail{height:100%;object-fit:cover;width:100%}.folder-header-info{flex:1 1;min-width:0}.folder-header-name{color:#e9edef;font-size:12px;font-weight:400;margin:0}.folder-header-count,.folder-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-header-count{color:#8696a0;font-size:11px;margin:3px 0 0}.videos-list{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:4px}.video-card{background-color:#0b1216;border-radius:8px;overflow:hidden;transition:transform .2s}.video-card:hover{transform:translateY(-2px)}.video-thumbnail{background:#333;height:150px;position:relative}.play-icon{font-size:30px}.duration{background:#000000b3;border-radius:3px;bottom:5px;font-size:12px;padding:2px 5px;right:5px}.video-info{padding:12px}.video-info h3{color:#e9edef;font-size:14px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-info p{color:#8696a0;font-size:12px;margin:0}.back-button{font-size:12px;gap:1px;margin-bottom:5px;margin-top:5px}.floating-add-btn{align-items:center;background-color:initial;border:none;border-radius:50%;bottom:20px;box-shadow:0 15px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:fixed;right:20px;transition:transform .2s;width:36px}.floating-add-btn:hover{transform:scale(1.1)}.modal{align-items:center;background-color:initial;border:none;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:8px;max-width:400px;padding:24px}.modal-content h3{color:#e9edef;font-size:16px;font-weight:500;margin-top:0}.modal-content input{background-color:#2a3942;border:none;border-radius:4px;color:#e9edef;font-size:14px;margin:10px 0;padding:10px;width:100%}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-actions button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.modal-actions button:first-child{background-color:#00a884;border:none;color:#fff}.modal-actions button:first-child:hover{background-color:#008f74}.modal-actions button:last-child{background-color:initial;color:#8696a0}.modal-actions button:last-child:hover{background-color:#ffffff0d}.folder-menu-container{margin-left:auto;position:relative}.folder-menu-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:14px;justify-content:center;margin-right:-30px;max-width:14px;padding:0}.folder-menu-button:hover{background-color:initial}.folder-menu-dropdown{background-color:#0b1216;border-radius:4px;box-shadow:0 2px 8px #0000001a;color:#fff;min-width:160px;position:absolute;right:0;top:100%;z-index:10}.folder-menu-dropdown button{align-items:center;align-items:left;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:200px;gap:8px;padding:8px 16px;text-align:left;width:100%}.folder-menu-dropdown button:hover{background-color:#f5f5f5}.folder-menu-dropdown button svg{flex-shrink:0}.delete-button{color:#e74c3c!important}.lock-icon{align-items:center;background:#0000;border-radius:50%;bottom:20px;color:green;display:flex;height:18px;justify-content:center;padding:2px;position:absolute;right:0x;width:18px}.folder-header-thumbnail-container{position:relative}.mobile-empty-state,.mobile-error,.mobile-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.mobile-button{background-color:#4285f4;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px}.mobile-header{background-color:#f5f5f5;margin:0;padding:16px;text-align:center;width:100%}.mobile-folders-view{display:flex;flex-direction:column;height:100vh}.mobile-videos-view{height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#4285f4;height:40px;margin-bottom:20px;width:40px}.video-organizer{background-color:#0b1216;color:#e9edef;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;margin:0 auto;max-width:1200px;overflow:hidden;padding:16px}.video-list-header{align-items:center;display:flex;margin-bottom:1px;padding-bottom:-10px}.back-button{align-items:center;border-radius:50%;color:#00a884;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:background-color .2s}.back-button svg{color:aqua;font-size:15px;height:20px;width:20px}.videos-list-title{color:red;font-size:14px;font-weight:500;margin:0}.videos-list{display:flex;flex-direction:column;gap:8px;height:calc(100vh - 80px);overflow-y:auto;padding-right:4px}.video-item{align-items:center;background-color:#0b1216;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:transform .2s,background-color .2s}.video-item:hover{background-color:#0b1216;transform:translateY(-2px)}.video-thumbnail-container{background-color:initial;border-radius:12px;flex-shrink:0;height:60px;margin-left:-10px;position:relative;width:100px}.video-thumbnail{background-position:50%;background-size:none;border-radius:5px;height:90%;width:100%}.play-icon,.video-thumbnail{align-items:center;display:flex;justify-content:center}.play-icon{border-radius:50%;color:#fff;font-size:12px;height:20px;width:20px}.duration{background:#00000080;border-radius:4px;bottom:0;color:#fff;font-size:9px;padding:2px;position:absolute;right:0}.video-info{flex-grow:1;min-width:0;overflow:hidden;padding:0 16px}.video-title{color:#e9edef;font-size:14px;margin:0 0 4px}.video-details{align-items:center;color:#8696a0;display:flex;font-size:12px;gap:8px}.video-resolution,.video-size{margin:0;white-space:nowrap}.video-resolution{background:#2a3942;border-radius:4px;font-size:11px;padding:2px 6px}.video-actions{align-items:center;display:flex;gap:8px}.favorite-icon{align-items:right;color:#ee1d90;display:flex;justify-content:right;margin-right:-20px}.favorite-icon svg{height:15px;width:15px}.video-menu-container{position:relative}.video-menu-button{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.video-menu-button svg{height:15px;margin-right:-40px;width:15px}.video-menu-dropdown{animation:fadeIn .2s ease-out;background-color:#233138;border-radius:8px;box-shadow:0 2px 8px #0000004d;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.video-menu-dropdown button{align-items:center;background:none;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.video-menu-dropdown button:hover{background-color:#2a3942}.video-menu-dropdown button svg{flex-shrink:0;height:16px;width:16px}.video-menu-dropdown .delete-button{color:#f15e6c}.video-info input[type=text]{background-color:#2a3942;color:#e9edef;font-family:inherit;font-size:14px;padding:6px 8px;width:100%}.video-info input[type=text]:focus{box-shadow:0 0 0 2px #00a88433;outline:none}.videos-list::-webkit-scrollbar{width:6px}.videos-list::-webkit-scrollbar-track{background:#1f2c33;border-radius:3px}.videos-list::-webkit-scrollbar-thumb{background:#2a3942;border-radius:3px}.videos-list::-webkit-scrollbar-thumb:hover{background:#8696a0}@media (max-width:768px){.video-thumbnail-container{height:70px;width:100px}.video-title{color:#8696a0;font-size:12px}.video-details{color:#8696a0;font-size:9px;margin-top:0}}@media (max-width:480px){.video-organizer{padding:12px}.video-item{padding:8px}.video-thumbnail-container{height:60px;width:80px}.video-info{padding:0 8px}.video-list-title{font-size:1px}.back-button{margin-right:8px;margin-top:-15px;padding:0}.back-button svg{height:20px;width:20px}}.video-controls{background:linear-gradient(#0000,#000000b3);bottom:0;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:flex-end;left:0;padding:10px 0;position:absolute;right:0;transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1000}.video-controls--hidden{opacity:0;pointer-events:none}.video-controls--visible{opacity:1}.video-controls__progress-container{align-items:center;display:flex;margin-bottom:10px;padding:0 10px;width:100%}.video-controls__progress-background{background-color:#ffffff4d;border-radius:2px;cursor:pointer;flex-grow:1;height:4px;margin:0 10px;position:relative}.video-controls__progress-bar{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:3}.video-controls__progress-bar::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;height:12px;width:12px}.video-controls__progress-fill{background-color:#90ee90;z-index:2}.video-controls__buffer-bar,.video-controls__progress-fill{border-radius:2px;height:100%;pointer-events:none;position:absolute}.video-controls__buffer-bar{background:#ffffff80;z-index:1}.video-controls__time{color:#c9c4c4;font-size:10px;min-width:40px;opacity:.8;text-align:center}.video-controls__bar{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 10px;width:100%}.video-controls__left-group{align-items:center;display:flex;gap:15px}.video-controls__center-group{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:center}.video-controls__right-group{align-items:center;display:flex;gap:15px;justify-content:flex-end}.video-controls__button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.9;padding:8px;transition:all .2s ease}.video-controls__button:hover{opacity:1;transform:scale(1.1)}.video-controls__button:active{transform:scale(.95)}.video-controls__button--active{background-color:#fff3;opacity:1}.video-controls__play-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial;height:48px;width:48px}.video-controls__button svg{stroke-width:2;height:32px;width:32px}.video-controls__play-button svg{height:32px;width:32px}:-moz-full-screen .video-controls__right-group,:-webkit-full-screen .video-controls__right-group,:fullscreen .video-controls__right-group{gap:30px}@media (max-width:768px){.video-controls{margin-bottom:15px;padding-bottom:env(safe-area-inset-bottom)}.video-controls__progress-container{margin-bottom:5px;padding:0 5px}.video-controls__bar{padding:0 5px}.video-controls__play-button{background-color:initial;height:40px;width:40px}.video-controls__button{background-color:initial;padding:5px}.video-controls__button svg{background-color:initial;height:24px;margin-bottom:0;width:24px}.video-controls__play-button svg{height:24px;margin-right:0;width:24px}.video-controls__center-group{gap:15px;height:auto;margin-left:5%;margin-right:5%;width:auto}.video-controls__left-group{gap:10px}.video-controls__right-group{gap:10px;padding-right:5px}:-moz-full-screen .video-controls__right-group,:-webkit-full-screen .video-controls__right-group,:fullscreen .video-controls__right-group{gap:20px}}.volume-animation{animation:fadeInOut 1s ease;background:#0b1216cc;border-radius:8px;left:50%;padding:12px 16px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:15}.volume-animation,.volume-icon-container{align-items:center;display:flex;gap:10px}.volume-icon{height:32px;width:32px}.volume-icon svg{height:100%;width:100%}.volume-level-container{background:#e9edef4d;border-radius:3px;height:6px;width:120px}.volume-level-bar{background:#00a884;border-radius:3px;height:100%;transition:width .3s ease}.volume-percent{color:#e9edef;font-size:14px;min-width:40px;text-align:center}.brightness-indicator{align-items:center;animation:fadeInOut 1s ease;background:#0b1216cc;border-radius:8px;display:flex;flex-direction:column;gap:10px;left:50%;padding:12px 16px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:15}.brightness-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.brightness-icon svg{fill:#fff;height:100%;width:100%}.brightness-level-container{background:#e9edef4d;border-radius:3px;height:6px;position:relative;width:120px}.brightness-level-bar{background:#00a884;border-radius:3px;height:100%;left:0;position:absolute;top:0;transform:scaleX(1);transform:scaleX(var(--brightness-level,1));transform-origin:left center;width:100%}.brightness-level{color:#e9edef;font-size:14px;font-weight:500;min-width:40px;text-align:center}.skip-animation{align-items:center;animation:fadeInOut 1s ease;display:flex;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:15}.skip-back{left:20px}.skip-forward{right:20px}.skip-text{color:#00a884;font-size:18px;font-weight:750;text-align:center;text-shadow:0 0 8px #000c}.vlc-loading-overlay{align-items:center;background:#0b121680;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:15}.vlc-spinner{animation:spin 1s linear infinite;border:4px solid #e9edef4d;border-radius:50%;border-top-color:#e9edef;height:40px;width:40px}.vlc-error-overlay{align-items:center;background:#0b1216cc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:15}.vlc-error-box{background:#1c2526;border-radius:8px;color:#e9edef;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:center}.vlc-error-box button{background:#00a884;border:none;border-radius:4px;color:#e9edef;cursor:pointer;padding:8px 16px}@media (max-width:768px){.volume-animation{padding:10px 14px}.volume-level-container{width:100px}.brightness-indicator{padding:10px 14px}.brightness-level-container{width:100px}.brightness-icon{height:28px;width:28px}.skip-text{font-size:12px}}.player-wrapper{align-items:center;background-color:#0b1216;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;touch-action:pan-x pan-y;width:100%;z-index:1000}.player-wrapper.fullscreen{background:#000;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;width:100vw;z-index:9999}.player-wrapper.fullscreen .video-element{height:100%;object-fit:contain;width:100%}:-moz-full-screen .player-wrapper,:-webkit-full-screen .player-wrapper,:fullscreen .player-wrapper{background:#000;display:flex;flex-direction:column;justify-content:flex-end}.video-visualizer{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.video-visualizer.active{display:flex}.waveform{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#00a88433,#00a88480 50%,#00a88433);border-radius:10px;height:200px;width:90%}.back-to-library-wrapper{box-sizing:border-box;left:0;padding:15px;position:absolute;top:0;width:100%;z-index:1100}.back-to-library-container{align-items:center;background-color:#00000080;border-radius:4px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:opacity .2s ease;width:-webkit-fit-content;width:fit-content}.back-to-library-container:hover{opacity:.9}.back-to-library-button{align-items:center;display:flex;justify-content:center}.back-to-library-button svg{fill:#fff;height:20px;width:20px}.video-title{color:#fff;font-size:16px;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alc-loading-overlay{align-items:center;background:#0b1216cc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:15}.alc-spinner{animation:spin 1s linear infinite;border:4px solid #e9edef4d;border-radius:50%;border-top-color:#00a884;height:50px;width:50px}.alc-error-overlay{align-items:center;background:#0b1216cc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:15}.alc-error-box{background:#1c2526;border-radius:8px;color:#e9edef;max-width:80%;padding:20px;text-align:center}.alc-error-box p{font-size:16px;margin-bottom:20px}.alc-error-box button{background:#00a884;border:none;border-radius:4px;color:#e9edef;cursor:pointer;font-size:14px;margin:0 8px;padding:8px 16px;transition:background .2s ease}.alc-error-box button:hover{background:#008f74}@media (orientation:landscape) and (min-aspect-ratio:4/3){.player-wrapper.fullscreen .back-to-library-wrapper{padding:20px}.player-wrapper.fullscreen .back-to-library-container{border-radius:6px;padding:12px 16px}.player-wrapper.fullscreen .back-to-library-button svg{height:28px;width:28px}.player-wrapper.fullscreen .video-title{font-size:20px;max-width:500px}:-moz-full-screen .player-wrapper,:-webkit-full-screen .player-wrapper,:fullscreen .player-wrapper{padding-bottom:20px}}@media (max-width:768px){.player-wrapper{touch-action:manipulation}.back-to-library-wrapper{padding:10px}.back-to-library-button svg{height:18px;width:18px}.video-title{font-size:14px;max-width:200px}.waveform{height:150px}:-moz-full-screen .player-wrapper,:-webkit-full-screen .player-wrapper,:fullscreen .player-wrapper{padding-bottom:env(safe-area-inset-bottom,20px)}}@media (pointer:coarse){.back-to-library-container{padding:10px 14px}.back-to-library-button svg{height:20px;width:20px}.waveform{height:180px}}.audio-organizer-audio{background-color:#0b1216;margin:-10px auto 0;max-width:100%;min-height:100vh;padding:20px}.header-audio{background-color:#0b1216;color:#8696a0;margin-bottom:20px;padding:16px}.header-audio h1{color:#e9edef;font-size:18px;font-weight:500;margin:0}.tabs-audio{background-color:initial;display:flex;gap:48px;margin-left:-15px}.tab-button-audio{border-radius:4px;display:flex;padding:8px 12px}.tab-button-audio,.tab-button-audio.active-audio,.tab-button-audio.hover-audio{align-items:center;background-color:initial;color:#8696a0;cursor:pointer}.tab-icon-wrapper-audio{align-items:center;display:flex;gap:4px}.folders-list-audio{grid-gap:4px;box-shadow:0 1px 1px #0003;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:100%;padding:4px}.folder-card-audio{align-items:center;background-color:#0b1216;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.folder-card-audio:hover{background-color:#0b1216;transform:translateY(-2px)}.folder-header-thumbnail-container-audio{border-radius:none;color:#8696a0;flex-shrink:0;height:48px;margin-left:-20px;margin-right:0;overflow:hidden;position:relative;width:48px}.folder-header-thumbnail-audio{height:100%;object-fit:cover;width:100%}.folder-header-info-audio{flex:1 1;min-width:0}.folder-header-name-audio{color:#e9edef;font-size:12px;font-weight:400;margin:0}.folder-header-count-audio,.folder-header-name-audio{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-header-count-audio{color:#8696a0;font-size:11px}.back-button-audio{font-size:12px;gap:1px;margin-bottom:5px;margin-top:5px}.floating-add-btn-audio{align-items:center;background-color:initial;border:none;border-radius:50%;bottom:20px;box-shadow:0 15px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:fixed;right:20px;transition:transform .2s;width:36px}.floating-add-btn-audio:hover{transform:scale(1.1)}.modal-audio{align-items:center;background-color:initial;border:none;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-audio{background-color:#0b1216;border-radius:8px;max-width:400px;padding:24px;width:90%}.modal-content-audio h3{color:#e9edef;font-size:16px;font-weight:500;margin-top:0}.modal-content-audio input{background-color:#2a3942;border:none;border-radius:4px;color:#e9edef;font-size:14px;margin:10px 0;padding:10px;width:100%}.modal-actions-audio{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-actions-audio button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.modal-actions-audio button:first-child{background-color:#00a884;border:none;color:#fff}.modal-actions-audio button:first-child:hover{background-color:#008f74}.modal-actions-audio button:last-child{background-color:initial;color:#8696a0}.modal-actions-audio button:last-child:hover{background-color:#ffffff0d}.folder-menu-container-audio{margin-left:auto;position:relative}.folder-menu-button-audio{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:14px;justify-content:center;margin-right:-30px;max-width:14px;padding:0}.folder-menu-button-audio:hover{background-color:initial}.folder-menu-dropdown-audio{background-color:#0b1216;border-radius:4px;box-shadow:0 2px 8px #0000001a;color:#fff;min-width:160px;position:absolute;right:0;top:100%;z-index:10}.folder-menu-dropdown-audio button{align-items:center;align-items:left;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:200px;gap:8px;padding:8px 16px;text-align:left;width:100%}.folder-menu-dropdown-audio button:hover{background-color:#f5f5f5}.folder-menu-dropdown-audio button svg{flex-shrink:0}.delete-button-audio{color:#e74c3c!important}.lock-icon-audio{align-items:center;background:#0000;border-radius:50%;bottom:20px;color:green;display:flex;height:18px;justify-content:center;padding:2px;position:absolute;right:0x;width:18px}.mobile-empty-state-audio,.mobile-error-audio,.mobile-loading-audio{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.mobile-button-audio{background-color:#4285f4;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px}.mobile-header-audio{background-color:#f5f5f5;margin:0;padding:16px;text-align:center;width:100%}.mobile-folders-view-audio{display:flex;flex-direction:column;height:100vh}.mobile-videos-view-audio{height:100vh}.spinner-audio{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#4285f4;height:40px;margin-bottom:20px;width:40px}.audio-organizer-audio{background-color:initial;color:#e9edef;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;margin:0 auto;max-width:1200px;overflow:hidden;padding:1px}.audio-list-header-audio{align-items:center;display:flex;margin-bottom:1px;padding-bottom:-10px}.back-button-audio{align-items:center;background:none;border:none;border-radius:50%;color:#00a884;cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:background-color .2s}.back-button-audio svg{color:aqua;font-size:15px;height:20px;width:20px}.audios-list-title-audio{color:red;font-size:14px;font-weight:500;margin:0}.audios-list-audio{display:flex;flex-direction:column;gap:8px;height:calc(100vh - 80px);overflow-y:auto;padding-right:0}.audio-item-audio{align-items:center;background-color:#0b1216;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:transform .2s,background-color .2s}.audio-item-audio:hover{background-color:initial;transform:translateY(-2px)}.audio-thumbnail-container-audio{background-color:initial;border-radius:12px;flex-shrink:0;height:60px;margin-left:-10px;position:relative;width:100px}.audio-thumbnail-audio{background-color:initial;background-position:50%;background-size:none;border-radius:5px;font-size:30px;height:90%;margin-left:-20px;width:100%}.audio-thumbnail-audio,.play-icon-audio{align-items:center;display:flex;justify-content:center}.play-icon-audio{border-radius:50%;color:#fff;font-size:12px;height:20px;width:20px}.duration-audio{border-radius:4px;bottom:0;color:#c7bebe;font-size:9px;margin-left:0;padding:2px;position:absolute}.audio-info-audio{flex-grow:1;min-width:0;overflow:hidden;padding:0 16px}.audio-title-audio{color:#e9edef;font-size:14px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-title-input-audio{background-color:#2a3942;border:none;border-radius:4px;color:#e9edef;font-family:inherit;font-size:14px;padding:6px 8px;width:100%}.audio-title-input-audio:focus{box-shadow:0 0 0 2px #00a88433;outline:none}.audio-details-audio{align-items:center;color:#8696a0;display:flex;font-size:12px;gap:8px}.audio-size-audio{margin:0;white-space:nowrap}.audio-actions-audio{align-items:center;display:flex;gap:8px}.favorite-icon-audio{align-items:right;color:#ee1d90;display:flex;justify-content:right;margin-right:-20px}.favorite-icon-audio svg{height:15px;width:15px}.audio-menu-container-audio{position:relative}.audio-menu-button-audio{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.audio-menu-button-audio svg{height:15px;margin-right:-40px;width:15px}.audio-menu-dropdown-audio{animation:fadeIn-audio .2s ease-out;background-color:#233138;border-radius:8px;box-shadow:0 2px 8px #0000004d;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}@keyframes fadeIn-audio{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.audio-menu-dropdown-audio button{align-items:center;background:none;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.audio-menu-dropdown-audio button:hover{background-color:#2a3942}.audio-menu-dropdown-audio button svg{flex-shrink:0;height:16px;width:16px}.audio-menu-dropdown-audio .delete-button-audio{color:#f15e6c}.audios-list-audio::-webkit-scrollbar{width:6px}.audios-list-audio::-webkit-scrollbar-track{background:#1f2c33;border-radius:3px}.audios-list-audio::-webkit-scrollbar-thumb{background:#2a3942;border-radius:3px}.audios-list-audio::-webkit-scrollbar-thumb:hover{background:#8696a0}@media (max-width:768px){.audio-thumbnail-container-audio{height:70px;width:100px}.audio-title-audio{color:#8696a0;font-size:12px}.audio-details-audio{color:#8696a0;font-size:9px;margin-top:0}}@media (max-width:480px){.audio-organizer-audio{padding:12px}.audio-item-audio{padding:8px}.audio-thumbnail-container-audio{height:60px;width:80px}.audio-info-audio{padding:0 8px}.audios-list-title-audio{font-size:1px}.back-button-audio{margin-right:8px;margin-top:-15px;padding:0}.back-button-audio svg{height:20px;width:20px}}.audio-controls-audio{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000000d9;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;margin-bottom:-30px;padding:16px 0;position:fixed;right:0;width:100%;z-index:1000}.audio-controls--visible-audio{opacity:1;transform:translateY(0);visibility:visible}.audio-controls--hidden-audio{opacity:0;transform:translateY(100%);visibility:hidden}.audio-controls__progress-container-audio{align-items:center;display:flex;gap:2px;margin-bottom:1px;padding:0 2px;width:100%}.audio-controls__progress-background-audio{background:#fff3;border-radius:3px;flex-grow:1;height:1px;position:relative}.audio-controls__progress-fill-audio{background:#1db954;border-radius:3px;height:100%;position:absolute}.audio-controls__progress-bar-audio{background:#0000;cursor:pointer;height:100%;position:absolute;width:100%}.audio-controls__time-audio{color:#fffc;font-size:10px;font-weight:360;margin-bottom:0;max-width:100%}.audio-controls__bar-audio{align-items:center;display:flex;justify-content:center;width:100%}.audio-controls__center-group-audio{align-items:center;display:flex;gap:32px}.audio-controls__button-audio{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s ease}.audio-controls__play-button-audio{background:#0000;margin:0 1px}.audio-controls__button-audio svg{height:84px;width:84px}.audio-controls__play-button-audio svg{height:88px;width:88px}@media (max-width:768px){.audio-controls__button-audio svg{height:72px;width:72px}.audio-controls__play-button-audio svg{height:76px;width:76px}.audio-controls__center-group-audio{gap:24px}}@media (max-width:480px){.audio-controls-audio{padding:12px 0}.audio-controls__button-audio svg{height:60px;width:60px}.audio-controls__play-button-audio svg{height:64px;width:64px}.audio-controls__center-group-audio{gap:1px}.audio-controls__progress-container-audio{padding:0 16px}.audio-controls__repeat-button-container{align-items:center;display:flex;position:absolute;right:20px}.audio-controls__repeat-button{background:none;border:none;cursor:pointer;padding:8px}.audio-controls__repeat-button svg{height:36px;opacity:.9;transition:opacity .2s ease;width:36px}.audio-controls__repeat-button:hover svg{opacity:1}@media (max-width:768px){.audio-controls__repeat-button-container{margin-right:-20px;margin-top:-8px}.audio-controls__repeat-button svg{height:32px;width:32px}}@media (max-width:480px){.audio-controls__repeat-button-container{right:12px}.audio-controls__repeat-button svg{height:40px;width:40px}}}.volume-animation-audio{animation:slideIn .3s cubic-bezier(.18,.89,.32,1.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0b1216e6;border:1px solid #2a3942;border-radius:20px;box-shadow:0 10px 25px #0000004d;padding:1.2rem 1.5rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%);z-index:10}.volume-icon-container-audio{align-items:center;display:flex;flex-direction:column;gap:.8rem;min-width:120px}.volume-icon-audio{align-items:center;background:#2a394280;border-radius:50%;box-shadow:0 4px 10px #0003;display:flex;height:42px;justify-content:center;padding:8px;width:42px}.volume-icon-audio svg{color:#e9edef;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:24px;width:24px}.volume-level-container-audio{background:#2a3942;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.volume-level-bar-audio{background:#00a884;border-radius:3px;height:100%;overflow:hidden;position:relative;transition:width .2s ease-out}.volume-level-bar-audio:after{animation:volumeShimmer 2s infinite;background:linear-gradient(90deg,#0000,#00a8844d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes volumeShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.volume-percent-audio{color:#e9edef;font-size:.9rem;font-weight:600;margin-top:4px;text-shadow:0 1px 3px #0000004d}.skip-animation-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.skip-animation-back{background:linear-gradient(90deg,#00a88466,#0000)}.skip-animation-forward{background:linear-gradient(90deg,#0000,#00a88466)}.skip-animation-content{align-items:center;animation:pulseScale .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0b1216cc;border:1px solid #2a3942;border-radius:50%;box-shadow:0 5px 15px #0000004d;display:flex;height:70px;justify-content:center;width:70px}@keyframes pulseScale{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.skip-animation-icon{color:#e9edef;height:30px;width:30px}.touch-feedback{animation:touchRipple .6s ease-out;background:#00a88426;border-radius:50%;height:60px;pointer-events:none;position:absolute;transform:scale(0);width:60px;z-index:4}@keyframes touchRipple{to{opacity:0;transform:scale(2)}}@media (max-width:768px){.volume-animation-audio{border-radius:15px;padding:1rem;right:1rem}.volume-icon-container-audio{min-width:100px}.volume-icon-audio{height:36px;padding:6px;width:36px}.volume-icon-audio svg{height:20px;width:20px}.skip-animation-content{height:60px;width:60px}.skip-animation-icon{height:25px;width:25px}}@media (max-width:480px){.volume-animation-audio{border-radius:12px;padding:.8rem;right:.5rem}.volume-icon-container-audio{gap:.5rem;min-width:80px}.volume-icon-audio{height:32px;padding:5px;width:32px}.volume-icon-audio svg{height:18px;width:18px}.volume-level-container-audio{height:4px}.volume-percent-audio{font-size:.8rem}.skip-animation-content{height:50px;width:50px}.skip-animation-icon{height:20px;width:20px}}.control-highlight{background:radial-gradient(circle at center,#00a88433 0,#0000 70%);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.controls-active .control-highlight{opacity:1}.help-tooltip{background:#0b1216;border:1px solid #2a3942;border-radius:15px;bottom:100%;color:#e9edef;font-size:.8rem;left:50%;margin-bottom:8px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.control-button:hover .help-tooltip{opacity:1}.control-button:focus-visible{outline:2px solid #00a884;outline-offset:2px;transform:scale(1.05)}.audio-viewer-container{animation:fadeIn .5s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;width:100%;z-index:1000}.back-to-library-audio{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:-20px;margin-top:-25px;position:absolute;top:10px;transition:all .2s ease;width:40px;z-index:50}.back-to-library-audio:hover{background:#000000b3;transform:scale(1.1)}.back-to-library-audio svg{transition:transform .2s ease}.back-to-library-audio:hover svg{transform:translateX(-2px)}.alc-loading-overlay-audio{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:40}.alc-spinner-audio{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#4cc9f0;height:50px;width:50px}.alc-error-overlay-audio{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:45}.alc-error-box-audio{animation:fadeInUp .4s ease-out;background:#16213e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:80%;padding:2rem;text-align:center}.alc-error-box-audio p{color:#f8f9fa;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.alc-error-box-audio button{background:#4cc9f0;border:none;border-radius:50px;color:#16213e;cursor:pointer;font-weight:600;margin:0 .5rem;outline:none;padding:.5rem 1.2rem;transition:all .2s ease}.alc-error-box-audio button:hover{background:#3aa8d8;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.alc-error-box-audio button:active{transform:translateY(0)}@media (max-width:768px){.back-to-library-audio{height:36px;left:15px;top:15px;width:36px}.alc-error-box-audio{max-width:90%;padding:1.5rem}}@media (prefers-color-scheme:dark){.audio-viewer-container{background:linear-gradient(135deg,#0f0f1a,#0a0e1f)}.alc-error-box-audio{background:#0a0e1f}}.audio-visualizer-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.audio-controls-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;padding:1rem;z-index:30}.photo-editor-container{background-color:#0b1216;display:flex;flex-direction:column;height:100%;width:100%}.photo-editor-tabs{background:#0b1216;border-bottom:1px solid #2a3942;display:flex;margin-bottom:0;padding:0 2px}.photo-editor-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#8696a0;cursor:pointer;font-size:14px;margin:0 3px;padding:8px 16px;transition:all .3s}.photo-editor-tabs button.active{border-bottom:2px solid #00a884;color:#e9edef;font-weight:700}.photo-editor-tabs button:hover:not(.active){background-color:#ffffff05}.photo-editor-content{background-color:#0b1216;color:#e9edef;flex:1 1;overflow-y:auto;padding:20px}.background-remover-container,.converter-container{background-color:#0b1216;color:#e9edef;max-width:100%;padding:20px}@media (max-width:768px){.photo-editor-tabs{-ms-overflow-style:none;overflow-x:auto;padding:0 10px;scrollbar-width:none}.photo-editor-tabs::-webkit-scrollbar{display:none}.photo-editor-tabs button{font-size:12px;padding:6px 12px;white-space:nowrap}.photo-editor-content{padding:10px}}.background-remover-container-bg{background-color:#0b1216;color:#e9edef;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1000px;min-height:calc(100vh - 60px);padding:2rem}.background-remover-container-bg h2{color:#e9edef;font-size:2rem;margin-bottom:.5rem;text-align:center}.background-remover-container-bg p{color:#8696a0;margin-bottom:2rem;text-align:center}.preview-area-bg{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.image-upload-section-bg,.result-section-bg{background:#1e2a30;border:1px solid #2a3942;border-radius:12px;box-shadow:0 4px 20px #0000004d;flex:1 1;max-width:450px;min-width:300px;overflow:hidden;transition:all .3s ease}.dropzone-bg{align-items:center;border:2px dashed #2a3942;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:center;padding:2rem;text-align:center;transition:all .3s ease}.dropzone-bg.active{background-color:#00a8840d;border-color:#00a884}.dropzone-bg p{color:#8696a0;margin:.5rem 0}.upload-prompt-bg{align-items:center;display:flex;flex-direction:column}.browse-btn-bg{background:#00a884;border:none;border-radius:6px;color:#e9edef;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:background .2s ease}.browse-btn-bg:hover{background:#008a6e}.preview-image-bg{display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.result-controls-bg{background:#1e2a30;border-top:1px solid #2a3942;padding:1.5rem}.control-group-bg{margin-bottom:1rem}.control-group-bg label{color:#e9edef;display:block;font-weight:500;margin-bottom:.5rem}.control-group-bg input[type=range]{background:#2a3942;border-radius:3px;height:6px;outline:none;width:100%}.control-group-bg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#00a884;border-radius:50%;cursor:pointer;height:18px;width:18px}.control-group-bg input[type=color]{background:#1e2a30;border:1px solid #2a3942;border-radius:6px;cursor:pointer;height:40px;width:100%}.action-buttons-bg{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.download-btn-bg,.process-btn-bg,.reset-btn-bg{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.process-btn-bg{background:#00a884;color:#e9edef}.process-btn-bg:hover:not(:disabled){background:#008a6e}.process-btn-bg.processing{background:#2a3942;cursor:not-allowed}.process-btn-bg:disabled{background:#1e2a30;color:#8696a0;cursor:not-allowed}.download-btn-bg{background:#00a884;color:#e9edef}.download-btn-bg:hover:not(:disabled){background:#008a6e}.download-btn-bg:disabled{background:#1e2a30;color:#8696a0;cursor:not-allowed}.reset-btn-bg{background:#2a3942;border:1px solid #3d4e58;color:#e9edef}.reset-btn-bg:hover{background:#3d4e58}.status-bg{color:#00a884}.error-bg,.status-bg{margin:1rem 0;text-align:center}.error-bg{color:#e74c3c}@media (max-width:768px){.preview-area-bg{align-items:center;flex-direction:column}.image-upload-section-bg,.result-section-bg{width:100%}.action-buttons-bg{align-items:center;flex-direction:column}.action-buttons-bg button{width:100%}}.meme-editor{-webkit-overflow-scrolling:touch;align-items:flex-start;background:#0b1216;color:#e9edef;display:flex;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;touch-action:manipulation;width:100%}.meme-editor::-webkit-scrollbar{display:none}.bottom-toolbar-memes{background:#0b1216;bottom:0;display:flex;flex-direction:column;gap:12px;max-width:90vw;overscroll-behavior-x:contain;padding:12px 0;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.primary-tools-scroll-container-memes{-webkit-overflow-scrolling:touch;display:flex;margin-left:24px;overflow-x:auto;padding:1px 24px 12px 0;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.primary-tools-scroll-container-memes::-webkit-scrollbar{display:none}.tool-group-memes.primary-tools{flex-wrap:nowrap;gap:15px;justify-content:flex-start;margin-left:-24px;padding-left:24px}.secondary-tools-scroll-container-memes{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;padding:12px 24px;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.secondary-tools-scroll-container-memes::-webkit-scrollbar{display:none}.tool-group-memes{align-items:center;display:flex;flex-shrink:0}.tool-group-memes.secondary-tools{gap:15px}.download-button-memes,.tool-button-memes{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:4px;box-sizing:border-box;color:#e9edef;cursor:pointer;display:inline-flex;font-size:15px;height:36px;justify-content:center;margin:5px;min-width:80px;padding:10px 18px;transition:all .3s}.download-button-memes:hover,.tool-button-memes:hover{background:#00a8841a;border-color:#0000;color:#00a884}.download-button-memes.active,.tool-button-memes.active{background:#0000;border-color:#00a884;color:#00a884}.download-button-memes:disabled,.tool-button-memes:disabled{border-color:#2a3942;cursor:not-allowed;opacity:.5}.form-group-memes{gap:10px;vertical-align:middle}.form-group-memes,.form-group-memes label{align-items:center;display:inline-flex;margin:0}.form-group-memes label{color:#8696a0;font-size:14px;white-space:nowrap}.color-select-memes,.font-select-memes,.shape-select-memes,.underline-select-memes,.width-select-memes{background:#0b1216;border:1px solid #2a3942;border-radius:4px;box-sizing:border-box;color:#e9edef;cursor:pointer;font-size:14px;height:36px;min-width:120px;padding:8px}.underline-select-memes option{background:#0b1216;color:#e9edef}.color-input-memes{background:#0b1216;border:none;border-radius:4px;cursor:pointer;height:36px;padding:2px;width:36px}.style-buttons-memes{align-items:center;display:inline-flex;gap:8px}.style-button-memes{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:4px;box-sizing:border-box;color:#e9edef;cursor:pointer;display:inline-flex;font-size:14px;height:36px;padding:8px 12px;transition:all .3s}.style-button-memes.active,.style-button-memes:hover{border-color:#00a884;color:#00a884}.style-button-memes.active{background:#00a88433}.download-button-container{display:flex;gap:15px;justify-content:center;padding:12px 24px}@media (max-width:768px){.meme-editor{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:0;scroll-behavior:smooth;scrollbar-width:none}.meme-editor::-webkit-scrollbar{display:none}.canvas-wrapper{max-height:60vh;max-width:95vw}.image-container,.image-container img{max-height:60vh}.upload-prompt{height:40vh}.upload-button{font-size:clamp(12px,3.5vw,14px);padding:clamp(30px,8vw,40px) clamp(40px,12vw,60px)}.bottom-toolbar-memes{border-top:1px solid #2a3942;max-width:95vw;padding:10px 0}.primary-tools-scroll-container-memes,.secondary-tools-scroll-container-memes{-webkit-overflow-scrolling:touch;margin-left:18px;padding:10px 18px 10px 0;scroll-behavior:smooth;scrollbar-width:none}.primary-tools-scroll-container-memes::-webkit-scrollbar,.secondary-tools-scroll-container-memes::-webkit-scrollbar{display:none}.tool-group-memes.primary-tools{margin-left:-18px;padding-left:18px}.color-select-memes,.download-button-memes,.font-select-memes,.shape-select-memes,.tool-button-memes,.underline-select-memes,.width-select-memes{font-size:13px;height:32px;min-width:70px;padding:8px 14px}.form-group-memes label{font-size:13px}.color-input-memes,.emoji-option{height:32px;width:32px}.emoji-option{font-size:20px}.size-slider{width:100px}.download-button-container{gap:10px}}@media (max-width:480px){.canvas-wrapper{max-height:55vh;max-width:98vw}.image-container,.image-container img{max-height:55vh}.upload-prompt{height:35vh}.upload-button{font-size:clamp(10px,3vw,12px);padding:clamp(20px,6vw,30px) clamp(30px,10vw,40px)}.tool-group-memes{gap:8px}.tool-group-memes.primary-tools{gap:10px}.form-group-memes{gap:6px}.primary-tools-scroll-container-memes,.secondary-tools-scroll-container-memes{-webkit-overflow-scrolling:touch;margin-left:12px;padding:10px 12px 10px 0;scroll-behavior:smooth;scrollbar-width:none}.primary-tools-scroll-container-memes::-webkit-scrollbar,.secondary-tools-scroll-container-memes::-webkit-scrollbar{display:none}.tool-group-memes.primary-tools{margin-left:-12px;padding-left:12px}.color-select-memes,.download-button-memes,.font-select-memes,.shape-select-memes,.tool-button-memes,.underline-select-memes,.width-select-memes{font-size:12px;height:30px;min-width:60px;padding:6px 12px}.color-input-memes,.emoji-option{height:30px;width:30px}.emoji-option{font-size:18px}.size-slider{width:80px}.download-button-container{gap:8px}}.meme-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%}.meme-modal{background:#0b141a;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;margin-top:30px;overflow:hidden;position:fixed;right:0;z-index:1000}.meme-modal-header{align-items:center;background:#0b141afa;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;margin-top:30px;max-height:36px;padding:12px 16px;position:relative;z-index:2}.meme-back-button{align-items:center;background:none;border:none;border-radius:50%;color:#00a8ff;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px;transition:all .2s ease}.meme-back-button:hover{background:#00a8ff1a}.meme-back-button svg{height:20px;width:20px}.meme-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}.meme-preview-area{align-items:center;background:#0b141ab3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.meme-preview-background{aspect-ratio:1/1;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}.meme-preview-background:hover{transform:scale(1.02)}.meme-text-preview{background:#111b214d;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:16px;position:absolute;right:0;top:0}.meme-bottom-text,.meme-top-text{word-wrap:break-word;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:24px;text-align:center;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-transform:uppercase}.meme-top-text{align-self:flex-start}.meme-bottom-text{align-self:flex-end}.meme-selection{background:#0b141afa;border-top:1px solid #ffffff1a;height:120px;padding:10px 0;z-index:2}.meme-scroll{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:8px;height:100%;overflow-x:auto;padding:0 12px}.meme-scroll::-webkit-scrollbar{display:none}.meme-upload{align-items:center;background:#0000;border:1px solid #2a3942;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}.meme-upload:hover{background:#00a8ff1a}.meme-upload input{display:none}.meme-upload-icon{color:#00a8ff;height:18px;margin-bottom:6px;width:18px}.meme-upload-label{color:#c9c7c7;font-size:11px;font-weight:500;text-align:center}.meme-library-button{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;min-width:65px;padding:4px;transition:all .2s}.meme-library-button:hover{background:#d4d4d433}.meme-library-icon{color:#00a8ff;height:15px;margin-bottom:6px;width:40px}.meme-library-label{color:#c9c7c7;font-size:12px;font-weight:500;text-align:center}.meme-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}.meme-thumbnail:hover{border-color:#00a8ff4d}.meme-thumbnail.meme-selected{border-color:#00a8ff}.meme-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}.meme-remove-button,.meme-selection-check svg{color:#fff;height:16px;width:16px}.meme-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}.meme-remove-button:hover{background:#ff4081}.meme-remove-button svg{height:10px;width:10px}.meme-button-group{background:#0b141afa;border-top:1px solid #ffffff1a;bottom:0;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:3}.meme-download-button{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:8px;color:#c9c7c7;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.meme-download-button:hover{background:#00a8ff33;border-color:#00a8ff80}.meme-download-button:disabled{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.5}.meme-download-button svg{color:#00a8ff;height:16px;width:16px}.meme-apply-button{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:8px;color:#c9c7c7;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.meme-apply-button:hover{background:#0095e6}.meme-apply-button:active{background:#0088d1;transform:scale(.98)}.meme-apply-button:disabled{background:#ffffff1a;box-shadow:none;color:#fff6;cursor:not-allowed;transform:none}.meme-apply-button svg{color:#00a8ff;height:16px;width:16px}.meme-library-grid{grid-gap:8px;-webkit-overflow-scrolling:touch;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));overflow-y:auto;padding:16px}.meme-library-item{aspect-ratio:1/1;border-radius:4px;cursor:pointer;gap:2px;overflow:hidden;position:relative;transition:all .2s ease}.meme-library-item:hover{border-color:#00a8ff80;transform:scale(1.02)}.meme-library-item.meme-selected{border:2px solid #00a8ff;box-shadow:0 0 0 2px #00a8ff4d}.meme-library-item-name{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#0000;font-size:12px;left:0;padding:8px;position:absolute;right:0;text-align:center}@media (max-width:768px){.meme-modal-header{padding:10px 12px}.meme-preview-background{max-height:none;max-width:none;width:80%}.meme-selection{height:100px}.meme-library-button,.meme-thumbnail,.meme-upload{height:60px;width:45px}.meme-button-group{padding:8px 12px max(8px,env(safe-area-inset-bottom))}.meme-download-button{font-size:13px;padding:8px 12px}.meme-apply-button{font-size:13px;padding:8px 16px}.meme-library-grid{grid-gap:6px;-webkit-overflow-scrolling:touch;display:grid;flex:1 1;gap:6px;grid-auto-rows:minmax(150px,1fr);grid-template-columns:repeat(3,2fr);overflow-y:auto;padding:11px}}.meme-library-grid::-webkit-scrollbar{width:6px}.meme-library-grid::-webkit-scrollbar-track{background:#ffffff0d}.meme-library-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.meme-library-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:auto}.sports-editor,html{scroll-behavior:smooth}.sports-editor{-webkit-overflow-scrolling:touch;align-items:flex-start;background:#0b1216;color:#e9edef;display:flex;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;touch-action:manipulation;width:100%}.sports-editor::-webkit-scrollbar{display:none}.editor-container{align-items:center;display:flex;flex-direction:column;gap:0;max-width:1200px;width:100%}.canvas-wrapper{border:none;max-height:80vh;max-width:90vw;touch-action:none;width:100%}.canvas-wrapper,.image-container{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.image-container{background:#0000;border-radius:none}.image-container,.image-container img{border:none;height:auto;max-height:70vh}.image-container img{object-fit:contain;outline:none;-webkit-user-select:none;user-select:none}.emoji-element,.photo-element,.shape-element,.text-element{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none}.emoji-element.active,.photo-element.active,.shape-element.active,.text-element.active{outline:none;z-index:10}.shape-element{box-sizing:border-box;position:absolute;transform-origin:center}.shape-element.circle,.shape-element.crescent,.shape-element.diamond,.shape-element.heart,.shape-element.oval,.shape-element.parallelogram,.shape-element.rectangle,.shape-element.square,.shape-element.trapezoid{background:#0000;border-style:solid}.shape-element.heptagon,.shape-element.hexagon,.shape-element.octagon,.shape-element.pentagon,.shape-element.triangle{background:#0000;border:none}.shape-element.line,.shape-element.line-arrow,.shape-element.line-double-arrow{background:none;border:none}.shape-element.callout-circle-arrow,.shape-element.callout-rectangle,.shape-element.callout-rounded-rectangle{background:#0000;border-style:solid;position:relative}.shape-element.callout-circle-arrow:after,.shape-element.callout-rectangle:after,.shape-element.callout-rounded-rectangle:after{background:inherit;border:inherit;content:"";position:absolute}.rotation-handle{background:#00a884;border-radius:50%;box-shadow:0 0 4px #0000004d;cursor:pointer;height:16px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:16px}.upload-prompt{-webkit-overflow-scrolling:touch;align-items:center;background:#0b1216;border:none;border-radius:0;display:flex;flex-direction:column;height:50vh;justify-content:center;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}.upload-prompt::-webkit-scrollbar{display:none}.upload-button{background-color:initial;border:.2px dashed #3498db;border-radius:5px;color:#abb1b4;cursor:pointer;font-size:clamp(14px,4vw,16px);padding:clamp(40px,10vw,60px) clamp(60px,15vw,80px);text-align:center;transition:all .3s}.upload-button:hover{background:#0000}.bottom-toolbar-sports{background:#0b1216;bottom:0;display:flex;flex-direction:column;gap:12px;max-width:90vw;overscroll-behavior-x:contain;padding:12px 0;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.primary-tools-scroll-container-sports{-webkit-overflow-scrolling:touch;display:flex;margin-left:24px;overflow-x:auto;padding:1px 24px 12px 0;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.primary-tools-scroll-container-sports::-webkit-scrollbar{display:none}.tool-group-sports.primary-tools{flex-wrap:nowrap;gap:15px;justify-content:flex-start;margin-left:-24px;padding-left:24px}.secondary-tools-scroll-container-sports{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;padding:12px 24px;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.secondary-tools-scroll-container-sports::-webkit-scrollbar{display:none}.tool-group-sports{align-items:center;display:flex;flex-shrink:0}.tool-group-sports.secondary-tools{gap:15px}.download-button-sports,.tool-button-sports{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:4px;box-sizing:border-box;color:#e9edef;cursor:pointer;display:inline-flex;font-size:15px;height:36px;justify-content:center;margin:5px;min-width:80px;padding:10px 18px;transition:all .3s}.download-button-sports:hover,.tool-button-sports:hover{background:#00a8841a;border-color:#0000;color:#00a884}.download-button-sports.active,.tool-button-sports.active{background:#0000;border-color:#00a884;color:#00a884}.download-button-sports:disabled,.tool-button-sports:disabled{border-color:#2a3942;cursor:not-allowed;opacity:.5}.new-photo-input{display:none}.form-group-sports{gap:10px;vertical-align:middle}.form-group-sports,.form-group-sports label{align-items:center;display:inline-flex;margin:0}.form-group-sports label{color:#8696a0;font-size:14px;white-space:nowrap}.color-select-sports,.font-select-sports,.shape-select-sports,.underline-select-sports,.width-select-sports{background:#0b1216;border:1px solid #2a3942;border-radius:4px;box-sizing:border-box;color:#e9edef;cursor:pointer;font-size:14px;height:36px;min-width:120px;padding:8px}.underline-select-sports option{background:#0b1216;color:#e9edef}.color-input-sports{background:#0b1216;border:none;border-radius:4px;cursor:pointer;height:36px;padding:2px;width:36px}.style-buttons-sports{align-items:center;display:inline-flex;gap:8px}.style-button-sports{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:4px;box-sizing:border-box;color:#e9edef;cursor:pointer;display:inline-flex;font-size:14px;height:36px;padding:8px 12px;transition:all .3s}.style-button-sports.active,.style-button-sports:hover{border-color:#00a884;color:#00a884}.style-button-sports.active{background:#00a88433}.emoji-selector-container{-webkit-overflow-scrolling:touch;margin-top:-10px;max-width:100%;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.emoji-selector-container::-webkit-scrollbar{display:none}.emoji-selector{grid-gap:8px;-webkit-overflow-scrolling:touch;background:#0b1216;border:1px solid #2a3942;border-radius:8px;display:grid;gap:8px;grid-auto-flow:column;grid-template-rows:repeat(4,36px);height:184px;min-width:100%;overflow-x:auto;padding:8px;scroll-behavior:smooth;scrollbar-width:none;width:-webkit-max-content;width:max-content}.emoji-selector::-webkit-scrollbar{display:none}.emoji-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:36px;justify-content:center;transition:all .2s;width:36px}.emoji-option:hover{background:#00a8841a;border-color:#0000;transform:scale(1.1)}.emoji-option.active{background:#0000;border-color:#00a884}.download-button-container-sports{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center;padding:12px 24px;width:100%}.text-element input{-webkit-text-stroke:inherit;background:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;min-width:100px;outline:none;text-align:center;text-decoration:inherit;width:auto}[data-tooltip]{position:relative}[data-tooltip]:hover:after{background:#2a3942;border-radius:4px;bottom:100%;color:#e9edef;content:attr(data-tooltip);font-size:13px;left:50%;margin-bottom:8px;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}@media (max-width:768px){.sports-editor{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:0;scroll-behavior:smooth;scrollbar-width:none}.sports-editor::-webkit-scrollbar{display:none}.canvas-wrapper{max-height:60vh;max-width:95vw}.image-container,.image-container img{max-height:60vh}.upload-prompt{height:40vh}.upload-button{font-size:clamp(12px,3.5vw,14px);padding:clamp(30px,8vw,40px) clamp(40px,12vw,60px)}.bottom-toolbar-sports{border-top:1px solid #2a3942;max-width:95vw;padding:10px 0}.primary-tools-scroll-container-sports,.secondary-tools-scroll-container-sports{-webkit-overflow-scrolling:touch;margin-left:18px;padding:10px 18px 10px 0;scroll-behavior:smooth;scrollbar-width:none}.primary-tools-scroll-container-sports::-webkit-scrollbar,.secondary-tools-scroll-container-sports::-webkit-scrollbar{display:none}.tool-group-sports.primary-tools{margin-left:-18px;padding-left:18px}.color-select-sports,.download-button-sports,.font-select-sports,.shape-select-sports,.tool-button-sports,.underline-select-sports,.width-select-sports{font-size:13px;height:32px;min-width:70px;padding:8px 14px}.form-group-sports label{font-size:13px}.color-input-sports,.emoji-option{height:32px;width:32px}.emoji-option{font-size:20px}.size-slider{width:100px}.download-button-container-sports{gap:10px}}@media (max-width:480px){.canvas-wrapper{max-height:55vh;max-width:98vw}.image-container,.image-container img{max-height:55vh}.upload-prompt{height:35vh}.upload-button{font-size:clamp(10px,3vw,12px);padding:clamp(20px,6vw,30px) clamp(30px,10vw,40px)}.tool-group-sports{gap:8px}.tool-group-sports.primary-tools{gap:10px}.form-group-sports{gap:6px}.primary-tools-scroll-container-sports,.secondary-tools-scroll-container-sports{-webkit-overflow-scrolling:touch;margin-left:12px;padding:10px 12px 10px 0;scroll-behavior:smooth;scrollbar-width:none}.primary-tools-scroll-container-sports::-webkit-scrollbar,.secondary-tools-scroll-container-sports::-webkit-scrollbar{display:none}.tool-group-sports.primary-tools{margin-left:-12px;padding-left:12px}.color-select-sports,.download-button-sports,.font-select-sports,.shape-select-sports,.tool-button-sports,.underline-select-sports,.width-select-sports{font-size:12px;height:30px;min-width:60px;padding:6px 12px}.download-button-sports{max-width:-webkit-fit-content;max-width:fit-content}.color-input-sports,.emoji-option{height:30px;width:30px}.emoji-option{font-size:18px}.size-slider{width:80px}.download-button-container-sports{gap:8px}}@media (orientation:landscape){.canvas-wrapper,.image-container,.image-container img{max-height:85vh}.upload-prompt{height:60vh}}@media (orientation:portrait){.canvas-wrapper,.image-container,.image-container img{max-height:70vh}.upload-prompt{height:50vh}}.download-button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px;padding:10px 20px}.download-button:disabled{background-color:#ccc;cursor:not-allowed}.team-button,.team-button:hover{background:#0000}.team-button{margin-left:50px;margin-right:70px}.team-button:focus{background:#0000;outline:2px solid #fff;outline-offset:2px}.team-button{align-items:center;background:#007bff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #007bff;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:60px;justify-content:center;overflow:hidden;padding:8px;text-align:center;transition:all .2s ease;width:80px}.team-button:hover{background-color:#0056b3;border-color:#0056b3}.team-buttons{bottom:10px;gap:10px;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:10}.team-box,.team-buttons{align-items:center;display:flex}.team-box{flex-direction:column;gap:5px}.logo-container{align-items:center;background:#0000;border:1px solid #007bff;border-radius:4px;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;padding:0;width:60px}.team-logo{height:100%;object-fit:contain;width:100%}.no-logo{color:#666;font-size:12px}.score-select{background:green;font-size:24px;height:40px;width:50px}.score-select,.score-select:nth-of-type(2){border:1px solid #007bff;border-radius:4px;cursor:pointer;font-weight:900;text-align:center}.score-select:nth-of-type(2){background:#0000;font-size:44px;height:70px;margin-bottom:30px;width:60px}.score-separator{color:#333;font-size:24px;font-weight:900;line-height:40px;margin:0 5px}.image-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%}.image-container img{display:block;height:100%;object-fit:cover;width:100%}.add-image-buttons{display:flex;flex-direction:column;gap:8px;position:absolute;right:10px;top:10px;z-index:20}.sport-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%}.sport-modal{background:#0b141a;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;margin-top:30px;overflow:hidden;position:fixed;right:0;z-index:1000}.sport-modal-header{align-items:center;background:#0b141afa;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;margin-top:30px;max-height:36px;padding:12px 16px;z-index:2}.sport-back-button{align-items:center;background:none;border:none;border-radius:50%;color:#00a8ff;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px;transition:all .2s ease}.sport-back-button:hover{background:#00a8ff1a}.sport-back-button svg{height:20px;width:20px}.sport-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}.sport-preview-area{align-items:center;background:#0b141ab3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.sport-preview-background{aspect-ratio:1/1;background-position:50%;background-repeat:no-repeat;background-size:contain;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}.sport-preview-background:hover{transform:scale(1.02)}.sport-text-preview{background:#111b214d;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:16px;position:absolute;right:0;top:0}.sport-bottom-text,.sport-top-text{word-wrap:break-word;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:24px;text-align:center;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-transform:uppercase}.sport-top-text{align-self:flex-start}.sport-bottom-text{align-self:flex-end}.sport-selection{background:#0b141afa;border-top:1px solid #ffffff1a;height:120px;padding:10px 0;z-index:2}.sport-scroll{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:8px;height:100%;overflow-x:auto;padding:0 12px}.sport-scroll::-webkit-scrollbar{display:none}.sport-upload{align-items:center;background:#0000;border:1px solid #2a3942;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}.sport-upload:hover{background:#00a8ff1a}.sport-upload input{display:none}.sport-upload-icon{color:#00a8ff;height:18px;margin-bottom:6px;width:18px}.sport-upload-label{color:#c9c7c7;font-size:11px;font-weight:500;text-align:center}.sport-library-button{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;min-width:65px;padding:4px;transition:all .2s}.sport-library-button:hover{background:#d4d4d433}.sport-library-icon{color:#00a8ff;height:24px;margin-bottom:6px;width:24px}.sport-library-label{color:#c9c7c7;font-size:12px;font-weight:500;text-align:center}.sport-thumbnail{background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:all .2s;width:60px}.sport-thumbnail:hover{border-color:#00a8ff4d}.sport-thumbnail.sport-selected{border-color:#00a8ff}.sport-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}.sport-remove-button,.sport-selection-check svg{height:16px;width:16px}.sport-remove-button{align-items:center;background:#ff4081e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:all .2s}.sport-remove-button:hover{background:#ff4081}.sport-remove-button svg{height:10px;width:10px}.sport-button-group{background:#0b141afa;border-top:1px solid #ffffff1a;bottom:0;display:flex;justify-content:flex-end;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:3}.sport-apply-button{align-items:center;background:#0000;border:1px solid #2a3942;border-radius:8px;color:#c9c7c7;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;margin-right:35%;transition:all .2s ease}.sport-apply-button:hover{background:#0095e6}.sport-apply-button:active{transform:scale(.98)}.sport-apply-button:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.sport-apply-button svg{color:#00a8ff;height:16px;width:16px}.sport-library-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px}.sport-league-section{margin-bottom:24px}.sport-league-title{background:#0b141afa;color:#fff;font-size:16px;font-weight:600;margin:0 0 12px;padding-left:8px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.sport-library-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:0}.sport-library-item{aspect-ratio:1/1;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.sport-library-item:hover{border-color:#00a8ff80;transform:scale(1.02)}.sport-library-item.sport-selected{border:2px solid #00a8ff;box-shadow:0 0 0 2px #00a8ff4d}.sport-library-item-name{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#0000;font-size:10px;font-weight:500;left:0;overflow:hidden;padding:4px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sport-library-container::-webkit-scrollbar{width:6px}.sport-library-container::-webkit-scrollbar-track{background:#ffffff0d}.sport-library-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sport-library-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.sport-modal-header{padding:10px 12px}.sport-preview-background{max-height:none;max-width:none;width:80%}.sport-selection{height:100px}.sport-library-button,.sport-thumbnail,.sport-upload{height:70px;width:50px}.sport-library-icon,.sport-upload-icon{height:16px;width:16px}.sport-library-label,.sport-upload-label{font-size:10px}.sport-button-group{padding:8px 12px max(8px,env(safe-area-inset-bottom))}.sport-apply-button{font-size:13px;padding:8px 12px}.sport-league-title{font-size:14px;padding-left:6px}.sport-library-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.sport-library-item-name{font-size:9px;padding:3px}.sport-bottom-text,.sport-top-text{font-size:18px}}@media (max-width:480px){.sport-preview-background{max-height:none;width:90%}.sport-selection{height:90px}.sport-library-button,.sport-thumbnail,.sport-upload{height:60px;width:45px}.sport-library-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.sport-league-title{font-size:13px}.sport-library-item-name{font-size:8px}.sport-bottom-text,.sport-top-text{font-size:16px}}.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:35px;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-UI{bottom:0;justify-content:space-between;margin-top:3px;position:-webkit-sticky;position:sticky;z-index:3}.imo-button-group-UI,.imo-download-button-UI{align-items:center;background:#0000;display:flex;margin-left:40%}.imo-download-button-UI{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}.pdf-to-word-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.converter-header{margin-bottom:30px;text-align:center}.converter-header h2{color:#2c3e50;margin-bottom:10px}.converter-header p{color:#7f8c8d}.dropzone{border:2px dashed #3498db;border-radius:5px;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s}.dropzone.active{background-color:#2ecc711a;border-color:#2ecc71}.dropzone-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.dropzone-text{color:#3498db;font-size:18px;margin-bottom:10px}.dropzone-hint{color:#95a5a6;font-size:14px}.file-info{background-color:#f8f9fa;border-radius:5px;margin:15px 0;padding:10px}.progress-container{background-color:#ecf0f1;border-radius:5px;height:25px;margin:20px 0;position:relative;width:100%}.progress-bar{background-color:#3498db;border-radius:5px;height:100%;transition:width .3s}.progress-text{color:#2c3e50;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.status-message{border-radius:5px;font-weight:700;margin:20px 0;padding:15px;text-align:center}.status-message.success{background-color:#2ecc7133;color:#27ae60}.status-message.error{background-color:#e74c3c33;color:#c0392b}.converter-features{background-color:#f8f9fa;border-radius:5px;margin-top:30px;padding:20px}.converter-features h3{color:#2c3e50;margin-bottom:15px}.converter-features ul{list-style-type:none;padding-left:0}.converter-features li{padding:8px 0 8px 25px;position:relative}.converter-features li:before{color:#2ecc71;content:"✓";font-weight:700;left:0;position:absolute}.file-converter-container{background-color:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:500px;margin-top:30px;overflow:hidden;position:fixed;width:300px;z-index:1000}.file-converter-container.mobile{max-height:80vh;max-width:90vw;width:280px}.top-toolbar-convert{background-color:#0b1216;display:flex;flex-direction:column;height:100%}.tools-scroll-container-convert{background-color:initial;border-bottom:1px solid #2a3942;margin-top:0;overflow-x:auto;padding:0}.tool-group-convert{display:flex;gap:8px;min-width:-webkit-max-content;min-width:max-content}.tool-button-convert{align-items:center;background-color:initial;border:1px solid #2a3942;border-radius:4px;color:#e9edef;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:8px 12px;white-space:nowrap}.tool-button-convert.active-convert{background-color:initial;border-color:#008069;color:#e9edef}.file-converter-content-convert{background-color:#0b1216;flex:1 1;overflow-y:auto;padding:16px}.tab-content-convert{color:#e9edef}.tab-content-convert h3{color:#e9edef;font-size:1rem;margin-bottom:16px;margin-top:0}.tab-content-convert p{color:#8696a0;font-size:.9rem;margin:0}@media (max-width:768px){.file-converter-container{max-height:70vh;max-width:90vw;width:280px}.tool-button-convert{font-size:.75rem;padding:8px 10px}}@media (max-width:480px){.file-converter-container{height:60vh}.tool-button-convert{padding:6px 8px}.file-converter-content-convert{padding:12px}}.user-avatar-button{align-items:center;background:#0000;color:#8696a0;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.user-avatar-button:hover{background-color:initial;transform:scale(1.05)}.user-avatar-button.activeBlack{background-color:initial}.avatar-imageBlack{border:2px solid #00a884;border-radius:50%;object-fit:cover}.user-panelBlack{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111b21;border:1px solid #2a3942;border-radius:.5rem;box-shadow:0 4px 12px #0000004d;color:#e9edef;max-height:70vh;max-width:300px;overflow-y:auto;padding:1rem;position:fixed;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:999}.user-panelBlack.desktop{max-width:-webkit-max-content;max-width:max-content;opacity:0;right:26.5rem;top:120px;transform:translateY(-10px);visibility:hidden}.user-panelBlack.mobile{border-radius:.5rem;bottom:100%;max-height:-webkit-fit-content;max-height:fit-content;max-width:-webkit-fit-content;max-width:fit-content;opacity:0;right:0;transform:translateY(-20px);visibility:hidden}.user-panelBlack.open{opacity:1;transform:translateY(0);visibility:visible}.user-nameBlack{color:#e9edef;font-weight:700;margin-bottom:.5rem}.user-emailBlack{border-bottom:1px solid #2a3942;color:#8696a0;font-size:.8rem;margin-bottom:.75rem;padding-bottom:.75rem}.panel-itemBlack{background:none;border:none;border-radius:.25rem;color:#e9edef;cursor:pointer;display:block;font-size:.9rem;margin:.25rem 0;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.panel-itemBlack:hover{background-color:#2a3942}.panel-itemBlack:active{background-color:#00a884;color:#111b21}.mobile-nav-labelBlack{color:#8696a0;display:none;font-size:.75rem;right:0}@media (max-width:640px){.user-avatar-button{flex-direction:column;padding:.25rem}.mobile-nav-labelBlack{display:block}.user-panelBlack.desktop{right:1rem;width:280px}}@media (prefers-color-scheme:dark){.user-avatar-button{color:#8696a0}.user-avatar-button:hover{color:#e9edef}.user-infoBlack{background-color:#111b21;border-bottom-color:#2a3942}.panel-itemBlack:hover{background-color:#2a3942}.panel-itemBlack:active{background-color:#00a884}.mobile-nav-labelBlack{color:#8696a0}}.connect-me-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.app-header{align-items:center;display:flex;height:0;justify-content:space-between;padding:0;position:-webkit-sticky;position:sticky}.app-header.scrolled{box-shadow:0 2px 10px #0000001a}.header-left{align-items:center;display:flex;flex:1 1;gap:15px}.desktop-tabs{display:flex;gap:5px;margin-left:20px;margin-top:120px}.desktop-tab{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:8px 20px;position:relative;transition:all .2s ease}.desktop-tab.active{background-color:initial;color:#4feb4f}.desktop-tab.active:after{background-color:#008069;border-radius:3px;bottom:-8px;content:"";height:3px;left:20%;position:absolute;right:20%}.desktop-tab span{font-size:12px;font-weight:500;margin-top:5px}.main-content{background-color:#1a1e22;flex:1 1;overflow-y:auto;padding-top:10px}.tab-content{height:100%;width:100%}.calls-content,.story-content{padding:20px}.calls-content h2,.story-content h2{color:#008069;font-weight:600;margin-bottom:20px}.empty-state{color:#667781;height:60vh}.empty-state svg{margin-bottom:15px;opacity:.7}.empty-state p{color:#54656f;font-size:15px}.mobile-chat-view{background-color:initial;background-image:linear-gradient(#e5ddd5cc,#e5ddd5cc),url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm40 40a8 8 0 1 0 0-16 8 8 0 0 0 0 16z' fill='%239C92AC' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;left:0;position:absolute;right:0;top:0;z-index:20}.mobile-chat-header{align-items:center;background-color:#008069;color:#fff;display:flex;gap:15px;height:60px;padding:10px 16px}.back-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.chat-title{font-size:18px;font-weight:600}.chat-messages{height:calc(100% - 60px);overflow-y:auto;padding:20px}.empty-chat{align-items:center;color:#667781;display:flex;font-size:15px;height:100%;justify-content:center}.mobile-bottom-nav{background-color:#0b1216;bottom:0;display:flex;height:45px;left:0;padding:3px 0;position:fixed;right:0;z-index:100}.mobile-tab{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 5px;padding:5px 0;transition:all .2s ease}.mobile-tab.active{color:#2ca82c}.mobile-tab svg{height:28px;margin-bottom:3px;width:28px}.mobile-tab span{font-size:11px;font-weight:500;letter-spacing:.2px}@media (max-width:768px){.desktop-tabs{display:none}.app-header{padding:0 12px}.search-bar input{padding:8px 12px}}@media (max-width:480px){.app-header{padding:0 10px}.mobile-bottom-nav{height:60px}.mobile-tab svg{height:26px;width:26px}.mobile-tab span{font-size:10px}.fab-container-fab{bottom:75px;right:15px}.fab-button-fab{height:50px;width:50px}}::-webkit-scrollbar-track{background:#0000;border-radius:3px}::-webkit-scrollbar-thumb{background:#c5c5c5}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chatme-chat-item{align-items:center;background-color:#0b1216;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .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-avatar-container{flex-shrink:0;margin-right:15px;position:relative}.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:#90ee90;border:2px solid #0b1216;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.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:#e9edef;display:flex;font-size:17px;font-weight:500;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatme-chat-time{color:#8696a0;flex-shrink:0;font-size:12px;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:#8696a0;display:flex;flex-grow:1;font-size:14px;gap:6px;max-width:calc(100% - 80px);white-space:nowrap}.chatme-last-message,.chatme-message-text{overflow:hidden;text-overflow:ellipsis}.chatme-message-text.typing{color:#25d366;font-style:italic}.chatme-unread-count{align-items:center;background-color:#25d366;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px;z-index:10}.chatme-status-indicator{align-items:center;color:#999;display:inline-flex;font-size:11px;line-height:1;vertical-align:middle}.chatme-status-indicator.delivered,.chatme-status-indicator.sent{color:#999}.chatme-status-indicator.read{color:#25d366}.chatme-lock-icon,.chatme-muted-icon,.chatme-pin-icon,.chatme-unmuted-icon{align-items:center;color:#8696a0;display:flex;flex-shrink:0;font-size:16px;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:0;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:18px;width:18px}.chatme-chat-options-menu{animation:chatme-fadeInScale .15s ease-out;background-color:#111b21;border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 20px #00000040;color:#fff;max-width:220px;min-width:180px;overflow:hidden;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:14px;padding:12px 16px;position:relative;text-align:left;transition:background-color .2s ease;width:100%}.chatme-menu-button:hover{background-color:#182229}.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:18px;width:18px}.chatme-menu-text-wrapper{color:inherit;flex:1 1;font-size:14px;line-height:1.4;text-align:left}.chatme-delete-button{border-top:1px solid #2a3942!important;color:#e53e3e!important}.chatme-delete-button:hover{background-color:#e53e3e1a!important}.chatme-delete-button .chatme-menu-icon-wrapper svg{color:#e53e3e}.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)}@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.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,.chatme-status-indicator{color:#6b7280}.chatme-status-indicator.read{color:#25d366}.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-chat-name{font-size:16px}.chatme-last-message{font-size:13px}.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-chat-name{font-size:15px}.chatme-last-message{font-size:12px;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:#fff;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:#333;font-size:20px;margin:0}.chatlock-close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.chatlock-pin-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.chatlock-pin-field{border:2px solid #e1e5e9;border-radius:8px;font-size:18px;letter-spacing:4px;padding:12px 16px;text-align:center;transition:border-color .2s}.chatlock-pin-field:focus{border-color:#007aff;outline:none}.chatlock-error{color:#ff3b30;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:#007aff;color:#fff}.chatlock-btn-primary:hover{background:#0056cc}.chatlock-btn-secondary{background:#f2f2f7;color:#007aff}.chatlock-btn-secondary:hover{background:#e5e5ea}}.chatme-last-message-row.locked{color:#888;color:var(--text-muted,#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}.chatlock-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.chatlock-modal{animation:slideUp .25s ease;background:#111b21;border-radius:16px;box-shadow:0 6px 24px #0006;color:#e9edef;padding:24px 28px;width:320px}.chatlock-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.chatlock-modal-header h3{color:#e9edef;font-size:1rem;font-weight:600;margin:0}.chatlock-close-btn{background:none;border:none;color:#8696a0;cursor:pointer;font-size:20px;transition:color .2s}.chatlock-close-btn:hover{color:#00a884}.chatlock-pin-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.chatlock-pin-field{background-color:#0b141a;border:1px solid #2a3942;border-radius:10px;color:#e9edef;font-size:14px;letter-spacing:3px;outline:none;padding:10px 12px;text-align:center;transition:border-color .25s}.chatlock-pin-field:focus{border-color:#00a884}.chatlock-error{color:#f15b5b;font-size:13px;margin-bottom:12px;text-align:center}.chatlock-buttons{display:flex;gap:10px;justify-content:space-between}.chatlock-btn-primary,.chatlock-btn-secondary{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px;transition:all .25s ease}.chatlock-btn-primary{background-color:#00a884;box-shadow:0 2px 8px #00a8844d;color:#fff}.chatlock-btn-primary:hover{background-color:#029e7e;box-shadow:0 4px 14px #00a88473}.chatlock-btn-secondary{background-color:#2a3942;color:#e9edef}.chatlock-btn-secondary:hover{background-color:#3b4a52}.chatlock-toast{animation:fadeInOut 2.5s ease forwards;background:#333;border-radius:8px;bottom:20px;color:#fff;font-size:.9rem;left:50%;padding:10px 18px;position:fixed;transform:translateX(-50%);z-index:9999}.chatlock-toast.success{background:#28a745}.chatlock-toast.error{background:#d9534f}.chatlock-toast.info{background:#007bff}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}10%,90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.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;white-space:nowrap}.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;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-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}.poll-option,.poll-options{display:flex;flex-direction:column;width:100%}.poll-option{background:#0000;border:none;border-radius:6px;overflow:hidden;padding:0}.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{align-items:center;background:#f4212e;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000080;color:#fff;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-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{color:#8696a0;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{background:#2a3942;color:#e9edef}.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;display:flex;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{align-items:center;display:flex;gap:8px;margin-bottom:4px}.reply-user{color:#1d9bf0;font-size:14px;font-weight:600}.reply-time{color:#8696a0;font-size:12px}.reply-text{color:#e9edef;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;right:20px}.fab-main{background:#1d9bf0;box-shadow:0 4px 8px #0000004d;color:#fff;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}.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(130px,1fr));min-width:-webkit-fit-content;min-width:fit-content;padding:14px;position:absolute;right:0;transform-origin:bottom right;width:-webkit-max-content;width:max-content;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(110px,1fr));padding:12px;right:0}.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}}.chatme-profile-viewer-overlay{align-items:center;background-color:#0b1216;bottom:0;box-sizing:border-box;color:#e9edef;display:flex;flex-direction:column;justify-content:flex-start;margin-top:5%;overflow-y:auto;padding:20px;position:fixed;right:0;top:12px;z-index:1000}.chatme-profile-viewer-overlay::-webkit-scrollbar{display:none}.chatme-profile-viewer-overlay{-ms-overflow-style:none;scrollbar-width:none}.chatme-profile-viewer-header{align-items:center;background-color:#0b1216;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:4px;position:relative;width:100%}.chatme-profile-viewer-header h2{color:#e9edef;font-size:14px;font-weight:550;margin:0}.chatme-close-button{background:none;border:none;border-radius:50%;color:#00a884;cursor:pointer;font-size:20px;margin-left:-8px;padding:8px;transition:background-color .2s}.chatme-close-button:hover{background-color:#ffffff05}.chatme-profile-actions-button{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;margin-right:-10px;padding:8px;transition:background-color .2s;width:40px}.chatme-profile-actions-button:hover{background-color:#ffffff05}.chatme-profile-actions-placeholder{height:40px;width:40px}.chatme-profile-actions-menu{animation:scaleIn .15s ease-out;background-color:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:300px;max-width:-webkit-fit-content;max-width:fit-content;overflow-y:auto;padding:8px 0;position:absolute;right:2px;top:100%;transform-origin:top right;z-index:1000}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chatme-profile-actions-menu button{grid-gap:12px;align-items:center;background:#0000;border:none;color:#e9edef;cursor:pointer;display:grid;font-size:14px;gap:12px;grid-template-columns:24px 1fr;padding:10px 16px;text-align:left;transition:all .2s ease;width:100%}.chatme-profile-actions-menu button:hover{background-color:#ffffff14}.chatme-profile-actions-menu button:not(:last-child){border-bottom:1px solid #ffffff0d}.chatme-profile-content{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:500px;overflow-y:auto;padding-top:0;width:100%}.chatme-profile-image-container{cursor:pointer;height:180px;margin-bottom:8px;transition:transform .2s;width:180px}.chatme-profile-image-container:hover{transform:scale(1.03)}.chatme-profile-image{border-radius:50%;box-shadow:0 4px 12px #0000004d;height:100%;object-fit:cover;width:100%}.chatme-profile-online-indicator{align-items:center;background-color:#2a3942cc;border-radius:20px;bottom:10px;display:flex;font-size:12px;gap:4px;padding:4px 8px;position:absolute;right:10px}.chatme-online-dot{background-color:#00a884;border-radius:50%;height:8px;width:8px}.chatme-online-text{color:#e9edef;font-size:12px;font-weight:500}.chatme-profile-info{background-color:#0b1216;border-bottom:1px solid #2a3942;padding:4px 12px;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:8}.chatme-profile-info h2{color:#e9edef;font-size:14px;font-weight:550;margin:0}.chatme-profile-info p{color:#8696a0;font-size:12px;margin:4px 0 8px}.chatme-profile-stats{display:flex;font-size:.85rem;gap:1.5rem;justify-content:center;margin:.5rem 0}.chatme-profile-stats span{align-items:center;display:flex;flex-direction:column}.chatme-profile-stats strong{color:#e9edef;font-size:1rem;font-weight:600}.chatme-stat-label{color:#8696a0;font-size:.75rem;margin-top:.2rem}.chatme-profile-details-wrapper{align-items:center;display:flex;margin:0 auto 12px;max-width:400px;position:relative;width:100%}.chatme-profile-details-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);overflow-x:auto;padding:0 8px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.chatme-profile-details-container::-webkit-scrollbar{display:none}.chatme-profile-detail-card{animation:fadeInUp .5s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0003;min-width:160px;padding:10px;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.chatme-profile-detail-card:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-4px)}.chatme-profile-detail-card-empty{opacity:.6}.chatme-profile-detail-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.chatme-profile-detail-icon{color:#00a884;font-size:16px}.chatme-profile-detail-header h4{color:#e9edef;font-size:12px;font-weight:600;margin:0}.chatme-profile-detail-content{color:#e9edef;font-size:12px;line-height:1.3;overflow-wrap:break-word}.chatme-profile-detail-content p{margin:0}.chatme-links-list{list-style:none;margin:0;padding:0}.chatme-link-item{margin:0}.chatme-link-item a{color:#00a884;display:block;font-size:12px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.chatme-link-item a:hover{color:#00d4a0;text-decoration:underline}.chatme-profile-details-nav{background:#ffffff0d;border:none;border-radius:50%;color:#00a884;cursor:pointer;padding:6px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;z-index:10}.chatme-profile-details-nav:hover{background:#ffffff1a}.chatme-profile-details-nav-left{left:-8px}.chatme-profile-details-nav-right{right:-8px}.chatme-profile-tabs{background-color:#0b1216;box-shadow:0 2px 4px #0000004d;display:flex;gap:24px;max-width:none;overflow-x:auto;padding:0 10px;position:-webkit-sticky;position:sticky;scroll-behavior:smooth;top:48px;white-space:nowrap;width:100vw;z-index:6}.chatme-profile-tabs::-webkit-scrollbar{height:4px}.chatme-profile-tabs::-webkit-scrollbar-track{background:#0b1216}.chatme-profile-tabs::-webkit-scrollbar-thumb{background:#2a3942;border-radius:2px}.chatme-profile-tabs::-webkit-scrollbar-thumb:hover{background:#3a4b56}.chatme-tab-button{background:none;border:none;color:#8696a0;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;margin:0 6px;min-width:80px;padding:10px 12px;text-align:center;transition:all .2s ease}.chatme-tab-button.active{border-bottom:2px solid #00a884;color:#00a884;font-weight:600}.chatme-tab-button:hover{background-color:#ffffff05}.chatme-tab-content-container{background-color:#0b1216;flex:1 1;max-width:none;overflow-y:auto;padding:0;width:100vw}.chatme-tab-content-container::-webkit-scrollbar{width:6px}.chatme-tab-content-container::-webkit-scrollbar-track{background:#0b1216}.chatme-tab-content-container::-webkit-scrollbar-thumb{background:#2a3942;border-radius:3px}.chatme-tab-content-container::-webkit-scrollbar-thumb:hover{background:#3a4b56}.chatme-tab-content{display:flex;flex-direction:column;gap:10px;padding:10px 0}.chatme-tab-content h4{color:#e9edef;font-size:14px;font-weight:600;margin:0 0 6px}.chatme-profile-detail-text{color:#e9edef;font-size:14px;line-height:1.4;margin:0;overflow-wrap:break-word}.chatme-post-item{border-bottom:1px solid #2a3942;max-width:none;padding:10px 0;width:100vw}.chatme-post-item p{color:#e9edef;font-size:14px;margin:0 0 5px}.chatme-post-date{color:#8696a0}.chatme-user-item{align-items:center;border-bottom:1px solid #2a3942;display:flex;gap:10px;max-width:none;padding:10px 0;width:100vw}.chatme-user-item span{color:#e9edef;font-size:14px}.chatme-user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.chatme-media-item{border-bottom:1px solid #2a3942;max-width:none;padding:10px 0;width:100vw}.chatme-media-content{border-radius:0;display:block;margin-bottom:5px;max-height:150px;object-fit:cover;width:100%}.chatme-media-audio,.chatme-media-document,.chatme-media-poll,.chatme-media-text{align-items:center;border:1px solid #2a3942;border-radius:8px;display:flex;gap:10px;padding:10px}.chatme-media-audio audio,.chatme-media-text p{margin:0}.chatme-document-info{flex:1 1}.chatme-document-name{color:#e9edef;font-size:14px;margin:0}.chatme-document-details{color:#8696a0;font-size:12px;margin:5px 0}.chatme-document-download-link,.chatme-document-view-link{color:#00a884;text-decoration:none}.chatme-document-download-link:hover,.chatme-document-view-link:hover{text-decoration:underline}.chatme-media-poll h4{color:#e9edef;font-size:14px;margin:0 0 10px}.chatme-poll-options{display:flex;flex-direction:column;gap:10px}.chatme-poll-option{width:100%}.chatme-poll-option-content{display:flex;justify-content:space-between;margin-bottom:5px}.chatme-poll-option-text{color:#e9edef;font-size:14px}.chatme-poll-option-votes{color:#8696a0;font-size:12px}.chatme-poll-option-bar{background:#2a3942;border-radius:4px;height:8px}.chatme-poll-option-fill{background:#00a884;border-radius:4px;height:100%}.chatme-media-text{align-items:flex-start}.chatme-text-content-container{flex:1 1}.chatme-text-content,.chatme-text-description{color:#e9edef;font-size:14px;margin:0}.chatme-media-item-footer,.chatme-text-description{color:#8696a0;margin-top:5px}.chatme-media-item-footer{align-items:center;display:flex;font-size:12px;justify-content:space-between}.chatme-media-stats{display:flex;gap:10px}.chatme-post-date{font-size:12px}.chatme-avatar-fullscreen-overlay{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;max-width:none;position:fixed;right:0;top:0;width:100vw;z-index:1001}.chatme-avatar-fullscreen-container{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:none;position:relative;width:100vw}.chatme-avatar-fullscreen-image{border-radius:8px;box-shadow:0 8px 24px #00000080;max-height:70vh;width:100vw}.chatme-avatar-fullscreen-footer{color:#fff;margin-top:20px;text-align:center}.chatme-avatar-fullscreen-footer h3{font-size:20px;margin:0 0 10px}.chatme-avatar-actions{display:flex;gap:20px;margin-top:15px}.chatme-avatar-action-button{align-items:center;background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background-color .2s}.chatme-avatar-action-button:hover{background:#fff3}.chatme-avatar-close-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:8px;position:absolute;right:0;top:-40px;transition:background-color .2s}.chatme-avatar-close-button:hover{background-color:#ffffff1a}@media (max-width:768px){.chatme-profile-viewer-overlay{padding:0}.chatme-profile-viewer-header{margin-bottom:6px;padding-bottom:6px}.chatme-profile-info h2,.chatme-profile-viewer-header h2{font-size:14px}.chatme-profile-image-container{height:160px;margin-bottom:6px;width:160px}.chatme-profile-info{padding:4px 8px}.chatme-profile-stats{font-size:.75rem;gap:1rem}.chatme-profile-stats strong{font-size:.9rem}.chatme-stat-label{font-size:.7rem}.chatme-profile-details-wrapper{margin-bottom:10px;max-width:100%;padding:0 12px}.chatme-profile-details-container{gap:6px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;padding:0 6px}.chatme-profile-detail-card{min-width:140px;padding:8px}.chatme-link-item a,.chatme-profile-detail-content,.chatme-profile-detail-header h4{font-size:11px}.chatme-profile-detail-icon{font-size:14px}.chatme-profile-details-nav{display:none}.chatme-profile-tabs{gap:20px;padding:0 8px;top:0}.chatme-tab-button{font-size:13px;margin:0 4px;min-width:70px}.chatme-profile-detail-text,.chatme-tab-content h4{font-size:13px}.chatme-tab-content-container{padding:0}}@media (max-width:480px){.chatme-profile-viewer-overlay{padding:0}.chatme-profile-viewer-header{margin-bottom:4px;padding-bottom:4px}.chatme-profile-info h2,.chatme-profile-viewer-header h2{font-size:13px}.chatme-profile-image-container{height:140px;margin-bottom:4px;width:140px}.chatme-profile-info{padding:2px 6px}.chatme-profile-stats{font-size:.7rem;gap:.8rem}.chatme-profile-stats strong{font-size:.85rem}.chatme-stat-label{font-size:.65rem}.chatme-profile-details-wrapper{margin-bottom:8px;padding:0 8px}.chatme-profile-details-container{gap:4px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;padding:0 4px}.chatme-profile-detail-card{min-width:120px;padding:6px}.chatme-link-item a,.chatme-profile-detail-content,.chatme-profile-detail-header h4{font-size:10px}.chatme-profile-detail-icon{font-size:12px}}@media (max-width:360px){.chatme-profile-viewer-overlay{padding:0}.chatme-profile-viewer-header{margin-bottom:2px;padding-bottom:2px}.chatme-profile-info h2,.chatme-profile-viewer-header h2{font-size:12px}.chatme-profile-image-container{height:120px;margin-bottom:2px;width:120px}.chatme-profile-info{padding:2px 4px}.chatme-profile-stats{font-size:.65rem;gap:.6rem}.chatme-profile-stats strong{font-size:.8rem}.chatme-stat-label{font-size:.6rem}.chatme-profile-details-wrapper{margin-bottom:6px;padding:0 6px}.chatme-profile-details-container{gap:3px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;padding:0 3px}.chatme-profile-detail-card{min-width:100px;padding:5px}.chatme-link-item a,.chatme-profile-detail-content,.chatme-profile-detail-header h4{font-size:9px}.chatme-profile-detail-icon{font-size:10px}.chatme-profile-tabs{gap:12px;padding:0 4px;top:0}.chatme-tab-button{font-size:11px;margin:0 2px;min-width:50px;padding:6px}.chatme-profile-detail-text,.chatme-tab-content h4{font-size:11px}.chatme-tab-content-container{padding:0}.chatme-profile-actions-menu{max-height:250px}}.fab-container{bottom:24px;position:fixed;right:24px;z-index:1000}.fab-main{align-items:center;background-color:initial;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#e9edef;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;outline:none;position:relative;transition:all .3s ease;width:40px}.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:1px solid #2a3942;border-radius:8px;bottom:40px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:4px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px;position:absolute;right:0;transform-origin:bottom right;width:-webkit-max-content;width:max-content;z-index:1001}.fab-menu-item{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box;color:#e9edef;cursor:pointer;display:flex;font-size:14px;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:#00a884;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}.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:1px solid #2a3942;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:90%;overflow:hidden;width:400px}.fab-modal-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.header-search-container{display:flex;flex-direction:column;flex-grow:1;gap:12px}.fab-modal-header h3{color:#e9edef;font-size:18px;font-weight:500;margin:0}.fab-modal-search{align-items:center;background-color:#2a3942;border-radius:4px;display:flex;flex-grow:1;position:relative}.fab-modal-search .search-icon{color:#e9edef;left:8px;position:absolute}.fab-modal-search input{background-color:initial;border:none;color:#e9edef;font-size:14px;outline:none;padding:8px 10px 8px 32px;width:100%}.fab-modal-close{background:none;border:none;color:#e9edef;cursor:pointer;font-size:20px;padding:4px}.contact-modal-close{position:absolute;right:12px;top:12px}.fab-modal-content{flex:1 1;overflow-y:auto;padding:16px;position:relative}.fab-contact-list{display:flex;flex-direction:column;gap:8px}.contact-item{border-radius:4px;padding:10px;transition:background-color .2s}.contact-item:hover{background-color:#2a3942}.contact-avatar{align-items:center;background-color:#00a884;border-radius:50%;color:#e9edef;display:flex;font-weight:500;height:40px;justify-content:center;margin-right:12px;width:40px}.contact-info{display:flex;flex-direction:column}.contact-info h4{color:#e9edef;font-size:14px;font-weight:500;margin:0}.contact-info p{color:#e9edef;font-size:12px;margin:4px 0 0}.contact-actions{display:flex;gap:8px}.add-contact-btn{background-color:#00a884;border:none;border-radius:4px;color:#e9edef;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.add-contact-btn:hover{background-color:#00876b}.add-contact-btn:disabled{background-color:#2a3942;color:#8696a0;cursor:not-allowed}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{color:#e9edef;font-size:48px;margin-bottom:16px}.empty-state p{color:#e9edef;margin:8px 0 16px}.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:#e9edef;font-size:12px;margin:0}.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{align-items:center;background-color:#00a884;border-radius:50%;color:#e9edef;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;margin-right:12px;width:36px}.preview-contact-info{display:flex;flex:1 1;flex-direction:column}.preview-contact-info span{color:#e9edef;font-size:14px}.preview-contact-info .phone-number{color:#e9edef;font-size:12px}.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)}}@media (max-width:768px){.fab-container{bottom:80px}.fab-modal{max-height:85vh;width:95%}.fab-menu{bottom:40px;min-width:-webkit-fit-content;min-width:fit-content;width:-webkit-max-content;width:max-content}}.fab-pin-dialog-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.fab-pin-dialog{background:#fff;border-radius:16px;box-shadow:0 4px 18px #0003;display:flex;flex-direction:column;gap:10px;padding:20px 24px;position:relative;text-align:center;width:280px}.fab-pin-dialog h4{color:#333;font-weight:600;margin:0 0 8px}.fab-pin-dialog input{border:1px solid #ddd;border-radius:8px;font-size:15px;padding:10px}.fab-pin-dialog .pin-save-btn{background:#4ecdc4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:background .3s ease}.fab-pin-dialog .pin-save-btn:hover{background:#45b7d1}.fab-pin-dialog .close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:18px;position:absolute;right:8px;top:8px}.fab-pin-dialog .pin-error{color:#d9534f;font-size:13px;margin-bottom:4px}.chatme-container{background-color:initial;height:100vh;left:0;margin-top:0;padding:0;position:fixed;top:0;width:100%}.chatme-chat-list,.chatme-container{border-right:none!important;display:flex;overflow:hidden}.chatme-chat-list{background-color:#fff;flex-direction:column;height:100%;max-width:440px;min-width:380px;position:relative;width:30%;z-index:1}@media (max-width:768px){.chatme-chat-list{border-right:none!important;max-width:100%;min-width:100%;position:absolute;transition:transform .3s ease;width:100%}.chatme-chat-list.chatme-hidden{transform:translateX(-100%)}.chatme-empty-chat{display:none}.chatme-fab{bottom:16px;right:16px}}@media (prefers-color-scheme:dark){.chatme-container{background-color:#0a1014;border-right:none!important}.chatme-chat-list{background-color:#111b21;border-right:none!important}.chatme-empty-chat{background-color:#222e35;background-image:url(https://web.whatsapp.com/img/bg-chat-tile-dark_04fcacde.png)}.chatme-empty-chat h2{color:#e9edef}.chatme-empty-chat p{color:#8696a0}.chatme-fab-menu{background-color:#222e35}.chatme-fab-item:hover{background-color:#2a3942}.chatme-fab-item-icon{color:#aebac1}.chatme-fab-item-text{color:#e9edef}}.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}.imo-chat-header{background-color:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 1px 3px #0000000d;height:64px;padding:.75rem 1.5rem;top:0}.imo-chat-info{display:flex;flex-direction:column;gap:.25rem}.imo-chat-name{color:#1a1a1a;font-size:1.125rem;font-weight:600}.imo-chat-members{color:#666;font-size:.8125rem;font-weight:400}.imo-chat-actions{align-items:center;display:flex;gap:1rem}.imo-chat-members:has-text("typing"){animation:pulse 1.5s infinite;color:#4a6cf7}@media (max-width:768px){.imo-chat-header{height:56px;padding:.75rem 1rem}.imo-chat-name{font-size:1rem}.imo-chat-members{font-size:.75rem}}.message-container{display:flex;padding:6px 7px 8px 9px;position:relative;transition:background-color .2s}.message-container:hover{background-color:#2a3942}.message-container.selected{background-color:#00a8841a}.message-container.outgoing{justify-content:flex-end}.message-container.incoming{justify-content:flex-start}.message-selector{align-items:center;align-self:center;border:1px solid #8696a0;border-radius:50%;color:#0000;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;margin-right:12px;width:20px}.message-selector:hover{border-color:#00a884}.message-container.selected .message-selector{background-color:#00a884;border-color:#00a884;color:#e9edef}.message-content-wrapper{max-width:65%;min-width:120px;position:relative}.message-sender{color:#8696a0;font-size:12.5px;font-weight:500;margin-bottom:2px;padding-left:5px}.message-bubble{border-radius:7.5px;box-shadow:0 1px .5px #00000021;padding:6px 7px 8px 9px;position:relative}.message-container.outgoing .message-bubble{background-color:#005c4b;border-top-right-radius:0;margin-left:20px}.message-container.incoming .message-bubble{background-color:#2a3942;border-top-left-radius:0;margin-right:20px}.message-bubble.system{background-color:#2a3942!important;font-size:12.5px;padding:8px 12px;text-align:center}.message-text{word-wrap:break-word;font-size:14.2px;line-height:19px;white-space:pre-wrap}.message-meta{align-items:center;display:flex;float:right;height:15px;justify-content:flex-end;margin-left:8px;margin-top:2px}.message-time{color:#8696a0;vertical-align:middle}.message-status{color:#34b7f1;font-size:12px;margin-left:3px}.message-reactions{bottom:-10px;display:flex;flex-direction:row-reverse;position:absolute;right:0}.reaction-bubble{background-color:#2a3942;border-radius:10px;box-shadow:0 1px 1px #0000001a;cursor:default;font-size:12px;margin-right:4px;padding:2px 4px}.message-pin-indicator{background-color:#2a3942;border-radius:8px;color:#8696a0;display:inline-block;font-size:12px;margin-bottom:4px;padding:4px 8px}.message-reply-preview{background-color:#2a3942;border-left:3px solid #00a884;border-radius:4px;margin-bottom:6px;padding:6px 8px}.reply-header{color:#00a884;font-size:12.5px;font-weight:500;margin-bottom:2px}.reply-content{color:#8696a0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file{align-items:center;background-color:#ffffff0d;border-radius:4px;display:flex;margin-top:4px;padding:8px}.file-icon{font-size:24px;margin-right:12px}.file-info{flex:1 1}.file-name{color:#e9edef;font-size:14px;font-weight:500}.file-size{color:#8696a0;font-size:12px;margin-top:2px}.message-audio{align-items:center;background-color:#ffffff0d;border-radius:4px;display:flex;margin-top:4px;padding:8px}.play-button{background:none;border:none;color:#e9edef;cursor:pointer;font-size:20px;margin-right:12px}.audio-duration{color:#8696a0;font-size:12px;margin-right:12px}.audio-waveform{background-color:#2a3942;border-radius:10px;flex:1 1;height:20px}.message-options-menu{background-color:#2a3942;border-radius:8px;bottom:100%;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;padding:8px 0;position:absolute;right:0;width:220px;z-index:10}.message-container.outgoing .message-options-menu{left:0;right:auto}.reaction-options{border-bottom:1px solid #2a3942;display:flex;justify-content:space-around;padding:8px}.reaction-option{background:none;border:none;color:#e9edef;cursor:pointer;font-size:18px;padding:4px}.reaction-option:hover{transform:scale(1.2);transition:transform .1s}.option-button{align-items:center;background:none;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:14px;padding:10px 16px;text-align:left;width:100%}.option-button:hover{background-color:#2a3942}.option-button.delete{color:#f72585}.delete-confirmation-dialog{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.confirmation-content{background-color:#111b21;border-radius:8px;padding:16px;text-align:center;width:300px}.confirmation-content p{color:#e9edef;font-size:15px;margin-bottom:20px}.confirmation-buttons{display:flex;gap:12px;justify-content:center}.cancel-button,.confirm-button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.confirm-button{background-color:#f72585;border:none;color:#e9edef}.cancel-button{background-color:#2a3942;border:none;color:#e9edef}.message-info-panel{background-color:#111b21;border-radius:8px;bottom:100%;box-shadow:0 2px 5px #0003;padding:12px;position:absolute;right:0;width:280px;z-index:10}.message-container.outgoing .message-info-panel{left:0;right:auto}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.info-header h4{color:#e9edef;font-size:15px;font-weight:500;margin:0}.close-button{background:none;border:none;color:#8696a0;cursor:pointer;font-size:18px}.info-section{margin-bottom:12px}.info-label{color:#8696a0;font-size:12px;margin-bottom:4px}.info-value{color:#e9edef;font-size:14px}.info-note{color:#8696a0;font-size:11px;font-style:italic}.info-receipts{max-height:200px;overflow-y:auto}.receipt-item{padding:6px 0}.receipt-item,.user-avatar{align-items:center;display:flex}.user-avatar{background-color:#00a884;border-radius:50%;color:#e9edef;font-size:12px;height:24px;justify-content:center;margin-right:8px;width:24px}.user-name{flex:1 1}.read-time{color:#8696a0;font-size:12px}.imo-message-container{background-color:#111b21;box-sizing:border-box;gap:12px;height:100%;padding:16px}.imo-message{display:flex;flex-direction:column;margin-bottom:8px;max-width:80%}.imo-message-bubble{word-wrap:break-word;background-color:#2a3942;border-radius:18px;color:#e9edef;line-height:1.4;margin-top:4px;padding:12px 16px;position:relative}.imo-message-bubble.typing{background-color:#2a3942;padding:16px}.imo-typing-indicator{align-items:center;display:flex;gap:4px;justify-content:center}.imo-typing-indicator span{animation:bounce 1.4s ease-in-out infinite;background-color:#8696a0;border-radius:50%;display:inline-block;height:8px;width:8px}.imo-typing-indicator span:nth-child(2){animation-delay:.2s}.imo-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.imo-message-header{align-items:center;display:flex;margin-bottom:4px}.imo-username{color:#e9edef;font-size:.9rem;font-weight:700;margin-right:8px}.imo-timestamp{color:#8696a0;font-size:.8rem}@media (max-width:768px){.imo-message-container{gap:8px;padding:12px}.imo-message{max-width:90%}.imo-message-bubble{font-size:.95rem;padding:10px 14px}}@media (max-width:480px){.imo-message-container{padding:8px}.imo-message{max-width:95%}.imo-message-bubble{font-size:.9rem;padding:8px 12px}.imo-username{font-size:.8rem}}@media (max-width:360px){.imo-message-bubble{font-size:.85rem;padding:6px 10px}}.imo-input-area{border-top:none;bottom:9%;left:0;position:-webkit-sticky;position:sticky;right:0;z-index:1000}.footer-content{align-items:center;background-color:initial;display:flex;gap:8px;position:relative;width:100%}.imo-input-area input[type=text]{background-color:initial;border:1px solid #6b6b6b;border:1px solid var(--input-border-color,#6b6b6b);border-radius:20px;box-shadow:none;color:#000;flex:1 1;font-size:15px;max-height:100px;min-height:20px;outline:none;overflow-y:auto;padding:9px 12px;position:relative;resize:none;transition:border-color .2s ease}.imo-input-area input[type=text]:focus{border-color:var(--primary-color);box-shadow:none}.imo-input-area input[type=text]::placeholder{color:var(--text-secondary);opacity:.8}.imo-input-area button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.imo-input-area button:hover{background-color:#0000001a;background-color:var(--hover-color,#0000001a)}.imo-send-btn{align-items:center;background-color:#0084ff!important;background-color:var(--primary-color,#0084ff)!important;border:none;border-radius:50%;color:var(--accent-color)!important;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.imo-send-btn:hover{transform:scale(1.05)}.imo-attachment-menu{animation:fadeIn .15s ease-out;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;bottom:60px;box-shadow:0 2px 10px #00000026;color:#000;left:0;max-height:-webkit-fit-content;max-height:fit-content;max-width:-webkit-fit-content;max-width:fit-content;padding:8px;position:absolute;z-index:1100}.attachment-options-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,2fr)}.imo-attachment-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:8px}.imo-attachment-option:hover{background-color:#f5f5f5}.imo-attachment-icon{color:#008069;font-size:20px;margin-bottom:4px}.imo-attachment-label{color:#000;font-size:12px;text-align:center}@media (max-width:768px){.imo-input-area{padding:8px 12px}.imo-input-area input[type=text]{font-size:14px;padding:8px 12px}.imo-attachment-menu{bottom:55px;width:90%}.imo-input-area button,.imo-send-btn{font-size:22px;height:36px;width:36px}.imo-emoji-picker-container{bottom:55px;width:100%}}.imo-input-area{gap:8px}.imo-attachment-btn:hover,.imo-input-area,.imo-send-btn.active,.imo-send-btn:not(.active){background-color:initial}.imo-mention-menu,.imo-voice-note-preview,.imo-voice-note-recorder{display:none}.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;min-height:60px;padding:10px 16px;z-index:10}.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:10px 16px}.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;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);left:0;padding:8px;position:absolute;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}}.chat-screen{background-color:#0b141a;background-image:url(https://web.whatsapp.com/img/bg-chat-tile-dark_04ccac2ecd7aafd0dcf527e9108c8b5d.png);background-repeat:repeat;height:100%;position:relative}.chat-screen,.message-list{display:flex;flex-direction:column}.message-list{flex-grow:1;overflow-y:auto;padding:20px}.message-input-container{align-items:center;background-color:#202c33;border-top:1px solid #2a3942;display:flex;padding:10px 15px}.message-input{background-color:#2a3942;border:1px solid #2a3942;border-radius:20px;color:#e9edef;flex:1 1;font-size:15px;max-height:100px;max-width:100%;min-height:20px;outline:none;overflow-y:auto;padding:9px 12px;position:relative;resize:none;transition:border-color .2s ease}.message-input:focus{border-color:#00a884}.send-button{align-items:center;background-color:#00a884;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:10px;transition:all .2s ease;width:40px}.send-button:hover{background-color:#008069}.message{word-wrap:break-word;border-radius:8px;margin-bottom:15px;max-width:65%;padding:8px 12px;position:relative}.message.current-user{align-self:flex-end;background-color:#005c4b;border-top-right-radius:0;color:#e9edef}.message.other-user{align-self:flex-start;background-color:#202c33;border-top-left-radius:0;color:#e9edef}.message-sender{color:#53bdeb;font-size:12px;font-weight:600;margin-bottom:4px}.message-text{color:#e9edef;font-size:14px}.message-time{align-items:center;color:#aebac1;display:flex;font-size:11px;justify-content:flex-end;margin-top:4px;text-align:right}.message-status{color:#53bdeb;margin-left:4px}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:#2a3942}.message-list::-webkit-scrollbar-thumb{background:#3a4a52;border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:#4a5a62}@media (max-width:768px){.message{max-width:80%}.message-input-container{padding:8px 10px}}.mygroups-container{background-color:#111b21;display:flex;height:100vh;margin-top:90px;overflow:hidden;position:relative;width:100%}.mygroups-group-list{background-color:#111b21;border-right:1px solid #2a3942;min-width:300px;transition:all .3s ease;width:30%}.mygroups-group-list,.mygroups-group-view{display:flex;flex-direction:column;height:100%;position:relative}.mygroups-group-view{background-color:#0b141a;background-image:url(https://web.chatme.com/img/bg-chat-tile-dark_a4be512e7195b6b733d9110b408f075d.png);width:70%}.mygroups-search-filter-bar{align-items:center;background-color:#111b21;display:flex;justify-content:space-between;padding:8px 15px}.mygroups-search-box{align-items:center;background-color:#2a3942;border-radius:8px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;flex-grow:1;margin-right:10px;padding:8px 15px}.mygroups-search-box span{color:#8696a0;font-size:14px;margin-left:10px}.mygroups-search-header{align-items:center;background-color:#111b21;display:flex;padding:8px 15px}.mygroups-search-header input{background-color:#2a3942;border:none;border-radius:8px;color:#e9edef;flex-grow:1;font-size:14px;margin-left:10px;outline:none;padding:8px 15px}.mygroups-icon-button{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px}.mygroups-icon-button:hover{background-color:#2a3942}.mygroups-group-list-tabs{background-color:#111b21;border-bottom:1px solid #2a3942;display:flex;justify-content:space-around;padding:10px 0}.mygroups-group-list-tabs button{background:none;border:none;color:#8696a0;cursor:pointer;font-size:18px;padding:5px 20px;position:relative}.mygroups-group-list-tabs button.active{color:#00a884}.mygroups-group-list-tabs button.active:after{background-color:#00a884;bottom:-11px;content:"";height:3px;left:0;position:absolute;width:100%}.mygroups-unread-indicator{background-color:#00a884;border-radius:50%;height:18px;position:relative;width:18px}.mygroups-all-groups-section,.mygroups-pinned-groups-section{flex-grow:1;overflow-y:auto}.mygroups-section-header{background-color:#111b21;color:#8696a0;font-size:12px;padding:8px 15px;text-transform:uppercase}.mygroups-group-item{background-color:#111b21;border-bottom:1px solid #2a3942;cursor:pointer;display:flex;padding:10px 15px;position:relative}.mygroups-group-item.unread,.mygroups-group-item:hover{background-color:#1f2c33}.mygroups-group-content{display:flex;flex-grow:1;min-width:0}.mygroups-avatar-container{margin-right:15px;position:relative}.mygroups-avatar-circle{align-items:center;background-color:#2a3942;border-radius:50%;color:#e9edef;display:flex;font-size:18px;font-weight:700;height:49px;justify-content:center;position:relative;width:49px}.mygroups-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.mygroups-group-icon{align-items:center;background-color:#2a3942;border:2px solid #111b21;border-radius:50%;bottom:-4px;color:#8696a0;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-4px;width:20px}.mygroups-group-details{flex-grow:1;min-width:0}.mygroups-group-header{display:flex;justify-content:space-between;margin-bottom:4px}.mygroups-group-name{color:#e9edef;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mygroups-group-time{color:#8696a0;font-size:12px;margin-left:5px;white-space:nowrap}.mygroups-group-preview{display:flex;justify-content:space-between}.mygroups-last-message{align-items:center;color:#8696a0;display:flex;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mygroups-message-text{margin-left:5px;overflow:hidden;text-overflow:ellipsis}.mygroups-double-check,.mygroups-single-check{color:#8696a0;flex-shrink:0;font-size:16px}.mygroups-double-check{color:#34b7f1}.mygroups-muted-icon{color:#8696a0;font-size:16px;margin-left:5px}.mygroups-unread-badge{align-items:center;background-color:#00a884;border-radius:50%;color:#e9edef;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:5px;width:20px}.mygroups-group-options-button{background:none;border:none;color:#8696a0;cursor:pointer;opacity:0;padding:8px;transition:opacity .2s}.mygroups-group-item:hover .mygroups-group-options-button{opacity:1}.mygroups-group-options-menu{background-color:#2a3942;border-radius:8px;box-shadow:0 2px 5px #0003;min-width:180px;overflow:hidden;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:10}.mygroups-group-options-menu button{align-items:center;background:none;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:14px;padding:10px 15px;text-align:left;width:100%}.mygroups-group-options-menu button:hover{background-color:#1f2c33}.mygroups-group-options-menu svg{margin-right:10px}.mygroups-group-info-overlay{background-color:#111b21;bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0;z-index:20}.mygroups-group-info-header{display:flex;justify-content:flex-end;padding:15px}.mygroups-close-button{background:none;border:none;color:#8696a0;cursor:pointer;font-size:20px}.mygroups-group-image-container{align-items:center;background-color:#2a3942;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.mygroups-group-image{height:100%;object-fit:cover;width:100%}.mygroups-group-info{padding:15px}.mygroups-group-info h2{color:#e9edef;margin:10px 0}.mygroups-group-meta{align-items:center;color:#8696a0;display:flex;font-size:14px;margin-bottom:15px}.mygroups-group-meta svg{margin-right:8px}.mygroups-group-description{margin:20px 0}.mygroups-group-description h3{color:#e9edef;font-size:16px;margin-bottom:8px}.mygroups-group-description p{color:#8696a0;font-size:14px}.mygroups-group-members{margin-top:20px}.mygroups-group-members h3{color:#e9edef;font-size:16px;margin-bottom:15px}.mygroups-members-list{border-top:1px solid #2a3942}.mygroups-member{border-bottom:1px solid #2a3942;color:#e9edef;padding:12px 0}.mygroups-empty-group-view{align-items:center;background-color:#111b21;display:flex;height:100%;justify-content:center}.mygroups-empty-group-content{max-width:400px;padding:20px;text-align:center}.mygroups-empty-group-content h2{color:#e9edef;margin-bottom:10px}.mygroups-empty-group-content p{color:#8696a0}.mygroups-fab{align-items:center;background-color:#00a884;border:none;border-radius:50%;bottom:30px;box-shadow:0 2px 10px #0003;color:#e9edef;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:absolute;right:30px;width:56px;z-index:10}@media (max-width:768px){.mygroups-group-list{min-width:auto;width:100%}.mygroups-group-view{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}.hidden{display:none}.mygroups-group-options-button{opacity:1}.mygroups-fab{bottom:20px;right:20px}}.imo-app{background-color:var(--dark);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:100%;min-height:100vh;transition:background-color .3s ease,color .3s ease}.imo-stories-container{margin:0 auto;max-width:600px;max-width:100%;padding:0}.imo-stories-top-bar{align-items:center;background-color:var(--dark);border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.imo-stories-title{color:var(--text);font-size:20px;font-weight:600;margin:0}.imo-stories-actions{align-items:center;display:flex;gap:16px}.imo-stories-action-btn{background:none;border:none;border-radius:50%;color:var(--text);cursor:pointer;font-size:20px;padding:4px;transition:background-color .2s ease}.imo-stories-action-btn:hover{background-color:var(--light)}.imo-stories-list{-ms-overflow-style:none;display:flex;gap:16px;overflow-x:auto;padding:16px 0;scrollbar-width:none}.imo-stories-list::-webkit-scrollbar{display:none}.imo-story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:72px}.imo-story-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);font-size:24px;height:64px;padding:2px;position:relative;width:64px}.imo-story-avatar,.imo-story-avatar-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.imo-story-avatar-inner{background-color:var(--dark);height:100%;overflow:hidden;width:100%}.imo-story-avatar.viewed{background:var(--gray)}.imo-story-username{color:var(--text-light);max-width:100%;text-align:center}.imo-dark-mode-toggle{background-color:var(--light-gray);border-radius:20px;cursor:pointer;height:20px;position:relative;transition:background-color .3s ease;width:40px}.imo-dark-mode-toggle:before{background-color:var(--text);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:16px}.imo-online-status{background-color:var(--light-gray);border-radius:20px;cursor:pointer;height:20px;position:relative;transition:background-color .3s ease;width:40px}.imo-online-status.online{background-color:var(--secondary)}.imo-online-status:before{background-color:var(--text);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:16px}.imo-online-status.online:before{transform:translateX(20px)}.imo-stories-empty{align-items:center;color:var(--text-light);display:flex;flex-direction:column;height:200px;justify-content:center;padding:20px;text-align:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:480px){.imo-stories-list{gap:12px;padding:12px 0}.imo-story-item{min-width:60px}.imo-story-avatar{height:56px;width:56px}.imo-stories-title{font-size:18px}}.imo-stories-loading{display:flex;justify-content:center;padding:40px}.imo-loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid var(--light-gray);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}.imo-top-bar{align-items:center;background-color:var(--dark);border-radius:20px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-top:0;max-width:100%;padding:1px 6px;position:-webkit-sticky;position:sticky;z-index:100}.imo-top-left{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:auto;scrollbar-width:none}.imo-top-left::-webkit-scrollbar{display:none}.imo-stories{gap:16px;padding-bottom:4px}.imo-stories,.imo-story{align-items:center;display:flex}.imo-story{cursor:pointer;flex-direction:column;flex-shrink:0;gap:6px}.imo-story-circle{align-items:center;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;display:flex;height:64px;justify-content:center;padding:2px;position:relative;transition:transform .2s ease;width:64px}.imo-add-story-circle{background:var(--light-gray)!important;position:relative}.imo-story.unviewed .imo-story-circle{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.imo-story.no-story .imo-story-circle,.imo-story.viewed .imo-story-circle{background:var(--gray)}.imo-story-circle:after{background-color:var(--dark);border-radius:50%;content:"";height:calc(100% - 4px);position:absolute;width:calc(100% - 4px)}.imo-avatar{color:var(--text);font-size:24px;z-index:1}.imo-story-count{background:var(--accent);border-radius:50%;bottom:-4px;color:#fff;font-size:10px;font-weight:700;height:20px;position:absolute;right:-4px;width:20px;z-index:2}.imo-add-story-icon,.imo-story-count{align-items:center;display:flex;justify-content:center}.imo-add-story-icon{color:var(--text);font-size:34px;z-index:1}.imo-add-story-plus{align-items:center;background:var(--primary);border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;width:20px;z-index:2}.imo-story-username{color:var(--text);font-size:12px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imo-top-right{align-items:center;display:flex;gap:16px;margin-left:16px}.imo-status-btn{background:none;border:none;border-radius:50%;cursor:pointer;height:32px;padding:4px;position:relative;transition:background-color .2s,transform .2s;width:32px}.imo-status-btn:before{border-radius:50%;content:"";height:10px;position:absolute;right:2px;top:2px;width:10px}.imo-status-btn.online:before{background-color:var(--secondary)}.imo-status-btn.offline:before{background-color:var(--gray)}.imo-status-btn:hover{background-color:var(--light);transform:scale(1.1)}.imo-planet{color:var(--text);font-size:16px;font-weight:600}.imo-dark-mode-btn{background:none;border:none;border-radius:50%;color:var(--text);cursor:pointer;font-size:18px;padding:4px;transition:background-color .2s,transform .2s}.imo-dark-mode-btn:hover{background-color:var(--light);transform:scale(1.1)}@media (max-width:768px){.imo-story-circle{height:56px;width:56px}.imo-stories,.imo-top-right{gap:12px}.imo-add-story-icon{font-size:22px}.imo-add-story-plus{font-size:14px;height:18px;width:18px}}@media (max-width:480px){.imo-top-bar{padding:8px 12px}.imo-story-circle{height:48px;width:48px}.imo-story-username{font-size:11px;max-width:48px}.imo-top-right{gap:8px}.imo-planet{display:none}.imo-add-story-icon{font-size:20px}.imo-add-story-plus{font-size:12px;height:16px;width:16px}}.imo-story:hover .imo-add-story-circle,.imo-story:hover .imo-story-circle{transform:scale(1.05)}.imo-story-viewer-header{align-items:center;background:linear-gradient(180deg,#111b21b3 0,#111b2100);display:flex;justify-content:space-between;left:0;margin-top:30px;padding:16px;position:absolute;right:0;top:0;z-index:15}.imo-story-viewer-user{gap:12px}.imo-story-viewer-avatar,.imo-story-viewer-user{align-items:center;color:var(--text);display:flex}.imo-story-viewer-avatar{background:var(--light-gray);border:2px solid #e9edefcc;border-radius:50%;font-size:16px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.imo-story-viewer-info{display:flex;flex-direction:column}.imo-story-viewer-info span{color:var(--text);font-size:15px;font-weight:600;line-height:1.2}.imo-story-viewer-info small{color:var(--text-light);font-size:12px;margin-top:2px;opacity:.8}.imo-story-viewer-actions{align-items:center;display:flex;gap:12px}.imo-story-viewer-action{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a394280;border:none;border-radius:20px;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s ease}.imo-story-viewer-action:hover{background:#2a3942b3;transform:scale(1.05)}.imo-story-viewer-close{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a394280;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.imo-story-viewer-close:hover{background:#2a3942b3;transform:scale(1.1)}@media (max-width:480px){.imo-story-viewer-header{padding:12px}.imo-story-viewer-avatar{font-size:14px;height:32px;width:32px}.imo-story-viewer-info span{font-size:14px}.imo-story-viewer-action{font-size:12px;padding:5px 10px}.imo-story-viewer-close{font-size:14px;height:24px;width:24px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.imo-story-viewer-header{animation:fadeInDown .3s ease-out}.imo-story-content{background-color:#111b21;cursor:pointer;height:100vh;overflow:hidden;touch-action:pan-y}.imo-story-content,.imo-video-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.imo-video-container{height:100%}.imo-video-container video{background-color:#111b21;height:100%;object-fit:contain;width:100%}.imo-video-controls{align-items:center;bottom:20px;color:#e9edef;display:flex;font-size:14px;justify-content:space-between;left:0;opacity:0;padding:0 20px;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease}.imo-video-container:hover .imo-video-controls{opacity:1}.imo-play-pause-btn{align-items:center;background:#00a88480;border:none;border-radius:50%;color:#e9edef;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;pointer-events:auto;transition:transform .2s ease,background .2s ease;width:40px}.imo-play-pause-btn:hover{background:#00a884b3;transform:scale(1.1)}.imo-text-story{animation:textFadeIn .5s ease-out;background:#2a3942cc;border:1px solid #2a3942;border-radius:16px;color:#e9edef;font-size:24px;line-height:1.5;max-width:600px;padding:40px;text-align:center;width:90%;word-break:break-word}@keyframes textFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.imo-story-content img{animation:fadeIn .3s ease-out;max-height:100vh;max-width:100%;object-fit:contain}.imo-story-nav{height:50%;left:0;opacity:0;position:absolute;right:0;transition:opacity .2s ease;z-index:10}.imo-story-nav:hover{background:#00a8841a;opacity:.1}.imo-story-nav-top{top:0}.imo-story-nav-bottom{bottom:0}.imo-progress-container{background:#8696a04d;border-radius:3px;height:3px;left:10px;position:absolute;right:10px;top:10px;z-index:20}.imo-progress-bar{background:#00a884;border-radius:3px;height:100%;transition:width .1s linear}@media (max-width:768px){.imo-text-story{font-size:20px;padding:30px}}@media (max-width:480px){.imo-text-story{font-size:18px;padding:20px;width:95%}.imo-video-controls{bottom:10px;font-size:12px;padding:0 10px}}:root{--light:#2a3942;--light-gray:#2a3942;--gray:#8696a0;--text:#e9edef;--text-secondary:#e9edef99;--primary:#00a884;--secondary:#25d366;--border-color:#8696a04d;--hover-color:#8696a01a;--shadow:0 2px 10px #0003;--shadow-md:0 4px 12px #00000026}.imo-story-interaction{animation:fadeInUp .3s ease-out;background-color:initial;bottom:8%;display:flex;justify-content:center;left:0;padding:10px 16px;position:-webkit-sticky;position:sticky;right:0;z-index:1000}.imo-story-message{align-items:center;background-color:initial;display:flex;gap:8px;max-width:500px;position:relative;width:100%}.imo-story-message input{background-color:initial;border:1px solid #8696a04d;border:1px solid var(--border-color);border-radius:20px;color:#e9edef;color:var(--text);flex:1 1;font-size:15px;min-height:20px;outline:none;padding:9px 12px;transition:border-color .2s ease}.imo-story-message input:focus{border-color:#00a884;border-color:var(--primary)}.imo-story-message input::placeholder{color:#e9edef99;color:var(--text-secondary);opacity:.8}.imo-story-message-counter{color:#e9edef99;color:var(--text-secondary);font-size:10px;pointer-events:none;position:absolute;right:50px;top:50%;transform:translateY(-50%)}.imo-story-send{align-items:center;background-color:initial;border:none;border-radius:50%;color:#25d366;color:var(--secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:40px}.imo-story-send:hover{background-color:#8696a01a;background-color:var(--hover-color);transform:scale(1.05)}.imo-story-send:disabled{color:#e9edef99;color:var(--text-secondary);cursor:not-allowed;opacity:.5;transform:none}.imo-story-send:active:not(:disabled){transform:scale(.95)}.imo-story-reactions-container{position:relative}.imo-story-reaction-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#e9edef;color:var(--text);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:40px}.imo-story-reaction-toggle:hover{background-color:#8696a01a;background-color:var(--hover-color)}.imo-story-reactions{animation:fadeIn .2s ease-out;background-color:#2a3942;background-color:var(--light);border:1px solid #8696a04d;border:1px solid var(--border-color);border-radius:30px;bottom:100%;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;gap:8px;margin-bottom:10px;padding:8px 16px;position:absolute}.imo-story-reaction{align-items:center;background:none;border:none;border-radius:50%;color:#e9edef;color:var(--text);cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:36px}.imo-story-reaction:hover{background:#8696a01a;background:var(--hover-color);transform:scale(1.2) translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.imo-story-reaction:active{animation:pop .3s ease;color:#25d366;color:var(--secondary)}@media (max-width:768px){.imo-story-interaction{bottom:5%;padding:8px 12px}.imo-story-message input{font-size:14px;padding:8px 12px}.imo-story-reaction-toggle,.imo-story-send{font-size:22px;height:36px;width:36px}.imo-story-reaction{font-size:20px;height:32px;width:32px}.imo-story-message-counter{font-size:9px;right:45px}}@media (max-height:600px){.imo-story-interaction{bottom:2%;gap:8px}.imo-story-reactions{margin-bottom:8px}}.imo-story-viewers-list{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111b21f2;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -5px 15px #0000004d;color:var(--text);left:0;max-height:60vh;overflow-y:auto;padding:20px;position:absolute;right:0;transform:translateY(0);transition:transform .3s ease;z-index:20}.imo-story-viewers-list h4{font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.imo-story-viewer-item,.imo-story-viewers-list h4{border-bottom:1px solid var(--light-gray);color:var(--text)}.imo-story-viewer-item{align-items:center;display:flex;gap:12px;padding:10px 0;transition:background-color .2s ease}.imo-story-viewer-item:last-child{border-bottom:none}.imo-story-viewer-item:hover{background-color:#2a39424d;border-radius:8px;padding:10px}.imo-viewer-avatar{align-items:center;background:linear-gradient(45deg,var(--primary),var(--secondary),#dc2743,#cc2366,#bc1888);border-radius:50%;color:var(--text);display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.imo-story-viewers-list::-webkit-scrollbar{width:6px}.imo-story-viewers-list::-webkit-scrollbar-track{background:#8696a01a;border-radius:3px}.imo-story-viewers-list::-webkit-scrollbar-thumb{background:#8696a04d;border-radius:3px}.imo-story-viewers-list::-webkit-scrollbar-thumb:hover{background:#8696a080}@media (max-width:480px){.imo-story-viewers-list{max-height:70vh;padding:16px}.imo-story-viewer-item{gap:10px;padding:8px 0}.imo-viewer-avatar{font-size:14px;height:32px;width:32px}}@media (max-height:600px){.imo-story-viewers-list{max-height:50vh}}.imo-reactions-popup{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--dark);border:1px solid var(--light-gray);box-shadow:0 5px 20px #0000004d;max-height:200px;max-width:240px;overflow-y:auto;padding:12px 16px;transform-origin:bottom right;z-index:15}.imo-reaction-item{align-items:center;animation:slideIn .3s ease-out forwards;border-bottom:1px solid var(--light-gray);color:var(--text);display:flex;justify-content:space-between;opacity:0;padding:8px 0;transform:translateY(10px)}.imo-reaction-item:last-child{border-bottom:none}.imo-reaction-item span{font-size:20px;margin-right:12px}.imo-reaction-item small{color:var(--text-light);font-size:13px;max-width:160px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.imo-reaction-item:first-child{animation-delay:.1s}.imo-reaction-item:nth-child(2){animation-delay:.2s}.imo-reaction-item:nth-child(3){animation-delay:.3s}.imo-reaction-item:nth-child(4){animation-delay:.4s}.imo-reaction-item:nth-child(5){animation-delay:.5s}.imo-reactions-popup::-webkit-scrollbar{width:4px}.imo-reactions-popup::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.imo-reactions-popup::-webkit-scrollbar-thumb{background:var(--gray);border-radius:2px}@media (max-width:480px){.imo-reactions-popup{bottom:70px;max-width:200px;padding:10px 14px;right:15px}.imo-reaction-item span{font-size:18px}.imo-reaction-item small{font-size:12px;max-width:120px}}.imo-reactions-popup:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--dark);bottom:-8px;content:"";filter:blur(1px);height:0;position:absolute;right:20px;width:0}.imo-story-viewer-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#111b21e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.imo-story-viewer{background:var(--dark);border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:420px;overflow:hidden;position:relative;width:100%}.imo-story-progress-container{display:flex;gap:4px;left:12px;padding:8px 0;position:absolute;right:12px;top:12px;z-index:10}.imo-story-progress-track{background:#8696a04d;border-radius:3px;flex:1 1;height:3px;overflow:hidden}.imo-story-progress{background:#e9edefe6;height:100%;transition:width .1s linear}.imo-story-progress.active{background:linear-gradient(90deg,var(--primary),var(--secondary),#dc2743,#cc2366,#bc1888)}.imo-story-progress.completed{background:#e9edefe6}@media (max-width:480px){.imo-story-viewer{border-radius:0;height:100vh;max-height:none}.imo-story-progress-container{left:8px;right:8px;top:8px}}@media (max-height:600px){.imo-story-viewer{max-height:95vh}}.imo-story-nav-area{bottom:0;position:absolute;top:0;width:30%;z-index:5}.imo-story-nav-area.prev{left:0}.imo-story-nav-area.next{right:0}.imo-story-video{background:var(--dark);height:100%;object-fit:contain;width:100%}.imo-story-video-controls{align-items:center;background:#111b2166;border-radius:20px;bottom:20px;color:var(--text);display:flex;font-size:14px;justify-content:center;left:0;margin:0 auto;padding:8px 12px;right:0;width:-webkit-max-content;width:max-content}.imo-reactions-popup,.imo-story-video-controls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute}.imo-reactions-popup{animation:slideUp .2s ease-out;background:#111b21b3;border-radius:24px;bottom:80px;padding:10px;right:20px}.imo-viewers-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111b21cc;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;color:var(--text);left:0;max-height:50vh;overflow-y:auto;padding:16px;position:absolute;right:0;transform:translateY(0);transition:transform .3s ease}.imo-viewers-list.hidden{transform:translateY(100%)}.imo-story-close-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111b2166;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:transform .2s;width:32px;z-index:20}.imo-story-close-btn:hover{background:var(--light);transform:scale(1.1)}.imo-reaction-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111b2166;border:none;border-radius:50%;bottom:30px;color:var(--text);cursor:pointer;display:flex;height:44px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .2s;width:44px;z-index:5}.imo-reaction-btn:hover{background:var(--light);transform:translateX(-50%) scale(1.1)}.imo-story-loading{animation:spin 1s ease-in-out infinite;border:3px solid #8696a04d;border-radius:50%;border-top:3px solid var(--text);height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.imo-story-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#111b21e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.imo-story-modal{animation:fadeIn .3s ease-out;background-color:#111b21;border:1px solid #2a3942;border-radius:12px;box-shadow:0 10px 25px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.imo-story-modal-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:16px 24px}.imo-story-modal-header h3{color:#e9edef;font-size:1.25rem;font-weight:600;margin:0}.imo-close-modal{background:none;border:none;color:#8696a0;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px;transition:color .2s}.imo-close-modal:hover{color:#e9edef}.imo-story-preview-container{flex:1 1;margin:16px 0;overflow-y:auto;padding:0 24px}.imo-stories-preview h4{color:#8696a0;font-size:.95rem;font-weight:500;margin:0 0 12px}.imo-stories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:16px}.imo-story-preview-item{aspect-ratio:9/16;border:1px solid #2a3942;border-radius:8px;box-shadow:0 2px 8px #0003;overflow:hidden;position:relative}.imo-story-preview-item img,.imo-story-preview-item video{height:100%;object-fit:cover;width:100%}.imo-text-preview{background:linear-gradient(135deg,#00a884,#25d366);font-size:1rem;height:100%;overflow:hidden;padding:16px;text-align:center;width:100%;word-break:break-word}.imo-remove-story,.imo-text-preview{align-items:center;color:#e9edef;display:flex;justify-content:center}.imo-remove-story{background-color:#2a3942cc;border:none;border-radius:50%;cursor:pointer;font-size:12px;height:24px;position:absolute;right:6px;top:6px;transition:all .2s;width:24px}.imo-remove-story:hover{background-color:#f00c;transform:scale(1.1)}.imo-story-creation-options{background-color:#111b21;border-bottom:1px solid #2a3942;border-top:1px solid #2a3942;display:flex;justify-content:space-around;padding:12px 24px}.imo-story-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:8px 12px;transition:all .2s}.imo-story-option:hover{background-color:#2a3942}.imo-story-option input[type=file]{display:none}.imo-story-option-icon{align-items:center;background-color:#2a3942;border-radius:50%;color:#e9edef;display:flex;font-size:1.8rem;height:48px;justify-content:center;margin-bottom:6px;transition:all .2s;width:48px}.imo-story-option:hover .imo-story-option-icon{background-color:#3a4a52;transform:scale(1.05)}.imo-story-option span{color:#e9edef;font-size:.85rem;font-weight:500}.imo-text-story-input-container{padding:16px 24px}.imo-text-story-input-container textarea{background-color:#2a3942;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-size:1rem;min-height:120px;padding:12px;resize:none;transition:border .2s;width:100%}.imo-text-story-input-container textarea:focus{border-color:#34b7f1;box-shadow:0 0 0 2px #34b7f133;outline:none}.imo-story-privacy{border-top:1px solid #2a3942;padding:12px 24px}.imo-story-privacy h4{color:#8696a0;font-size:.95rem;font-weight:500;margin:0 0 8px}.imo-story-privacy select{background-color:#2a3942;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-size:.95rem;padding:10px 12px;transition:all .2s;width:100%}.imo-story-privacy select:focus{border-color:#34b7f1;box-shadow:0 0 0 2px #34b7f133;outline:none}.imo-story-modal-buttons{background-color:#111b21;border-top:1px solid #2a3942;display:flex;gap:12px;padding:16px 24px}.imo-story-modal-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px;transition:all .2s}.imo-cancel-btn{background-color:#2a3942;color:#8696a0}.imo-cancel-btn:hover{background-color:#3a4a52}.imo-add-btn{background-color:#00a884;color:#e9edef}.imo-add-btn:hover{background-color:#008069}.imo-add-btn:disabled{background-color:#2a3942;cursor:not-allowed;opacity:.7}.imo-post-all-btn{background-color:#25d366;color:#e9edef}.imo-post-all-btn:hover{background-color:#1db954}@media (max-width:480px){.imo-story-modal{max-height:85vh}.imo-story-creation-options{padding:8px 12px}.imo-story-option-icon{font-size:1.5rem;height:40px;width:40px}.imo-story-option span{font-size:.75rem}.imo-story-modal-buttons{flex-wrap:wrap}.imo-story-modal-buttons button{min-width:calc(50% - 6px)}.imo-stories-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.user-profile-dropdown{display:inline-block;position:relative}.user-profile-button{background:none;border:none;border-radius:50%;cursor:pointer;margin:0;padding:0;transition:transform .2s ease}.user-profile-button:hover{transform:scale(1.05)}.user-avatar-image{border:2px solid #0000;border-radius:50%;object-fit:cover;transition:border-color .2s ease}.user-avatar-image:hover{border-color:#8696a04d}.default-avatar{align-items:center;background-color:#00a884;border-radius:50%;color:#0b1216;display:flex;font-size:calc(var(--size)*.5);font-weight:500;justify-content:center;-webkit-user-select:none;user-select:none}.user-profile-panel{animation:fadeIn .2s ease-out;background:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 2px 10px #0006;color:#e9edef;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-profile-panel.mobile{right:-10px;width:280px}.panel-header{border-bottom:1px solid #2a3942;padding:16px}.user-info{align-items:center;display:flex;gap:12px}.panel-avatar{border:1px solid #2a3942;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.panel-avatar:hover{transform:scale(1.1)}.panel-default-avatar{align-items:center;background-color:#00a884;border-radius:50%;color:#0b1216;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:40px;justify-content:center;transition:transform .2s ease;width:40px}.panel-default-avatar:hover{transform:scale(1.1)}.user-details{flex:1 1;min-width:0}.user-name{color:#e9edef;font-size:14px;font-weight:500}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#8696a0;font-size:12px}.panel-menu{padding:8px 0}.menu-section{border-bottom:1px solid #2a3942;padding:4px 0}.menu-section-bottom{border-bottom:none}.panel-item{align-items:center;background:none;border:none;color:#e9edef;cursor:pointer;display:flex;font-size:13px;padding:10px 24px;text-align:left;transition:background-color .2s ease;width:100%}.panel-item:hover{background-color:#2a394280}.icon-wrapper{align-items:center;color:#8696a0;display:flex;height:20px;justify-content:center;margin-right:16px;width:20px}@media (max-width:768px){.user-profile-panel{right:-10px;width:280px}.panel-header{padding:12px}.panel-item{padding:10px 20px}}.account-management{background-color:#0b1216;box-sizing:border-box;color:#e9edef;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:900px;padding:1.5rem;width:100%}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 0}.account-header h2{color:#e9edef;font-size:1.25rem;font-weight:500;margin:0}.account-tabs{background-color:#0b1216;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.25rem}.account-tabs button{background:#0000;border:none;border-radius:6px;color:#8696a0;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.account-tabs button.active{background:#00a884;color:#0b1216}.action-card{background:#0b1216;border:1px solid #2a3942;border-radius:8px;margin-bottom:1rem;padding:1rem}.action-card h3{align-items:center;color:#e9edef;display:flex;font-size:1rem;gap:.75rem;margin:0 0 .5rem}.action-card p{color:#8696a0;font-size:.85rem;line-height:1.4;margin:0 0 .75rem}.form-group{margin-bottom:1rem}.form-group label{color:#8696a0;display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#0b1216;border:1px solid #2a3942;border-radius:6px;box-sizing:border-box;color:#e9edef;font-size:.85rem;height:40px;padding:.5rem .8rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a88433;outline:none}.toggle-switch{display:inline-block;height:20px;position:relative;width:36px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#2a3942;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.2s;width:14px}input:checked+.toggle-slider{background-color:#00a884}input:checked+.toggle-slider:before{transform:translateX(16px)}.btn{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;height:40px;justify-content:center;padding:.5rem 1rem;text-align:center}.btn-primary{background:#00a884;color:#0b1216;font-weight:500}.btn-secondary{background:#2a3942;color:#e9edef}.session-item{border-bottom:1px solid #2a3942;font-size:.85rem;gap:.5rem;padding:.75rem 0}.session-info,.session-item{display:flex;flex-direction:column}.session-info{color:#8696a0;gap:.25rem}.session-info span{font-size:.75rem}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.form-group.checkbox{align-items:center;display:flex;gap:.75rem}.form-group.checkbox input[type=checkbox]{height:auto;width:auto}.action-card.warning{border-left:6px solid #ff9800}.action-card.danger{border-left:6px solid #f15e6c}.deletion-select{height:auto;min-height:100px}.deletion-select option{padding:.4rem}.no-data-types,.no-sessions{color:#8696a0;font-size:.85rem;padding:1rem 0;text-align:center}@media (max-width:768px){.account-management{padding:1rem}.account-header h2{font-size:1.1rem}.account-tabs button{font-size:.75rem;padding:.4rem .6rem}.action-card h3{font-size:.9rem}.action-card p{font-size:.75rem}.btn,.form-group input,.form-group label,.form-group select{font-size:.75rem;height:36px;padding:.4rem .6rem}.toggle-switch{height:16px;width:30px}.toggle-slider:before{height:12px;width:12px}input:checked+.toggle-slider:before{transform:translateX(12px)}}@media (max-width:480px){.account-management{padding:.75rem}.form-actions{flex-direction:column}.btn{margin-bottom:.5rem;width:100%}.btn:last-child{margin-bottom:0}}.privacy-management{background-color:#0b1216;border-radius:0;box-sizing:border-box;color:#e9edef;font-family:Segoe UI,Helvetica Neue,sans-serif;margin-top:3%;max-width:min(900px,96vw);padding:clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) 130px;width:100%}.privacy-header{align-items:center;background-color:#0b1216;display:flex;justify-content:space-between;margin-bottom:clamp(.25rem,1vw,.5rem);padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem)}.privacy-header h2{color:#e9edef;font-size:clamp(1.1rem,4vw,1.25rem);font-weight:550;margin:0}.privacy-tabs{background-color:#0b1216;border-radius:clamp(6px,1vw,8px);display:flex;gap:clamp(.25rem,1vw,.5rem);margin-bottom:clamp(.5rem,1.5vw,.75rem);padding:clamp(.15rem,.5vw,.25rem)}.privacy-tabs button{background:#0000;border:none;border-radius:clamp(4px,.8vw,6px);color:#8696a0;cursor:pointer;flex:1 1;font-size:clamp(.75rem,3vw,.85rem);font-weight:500;padding:clamp(.4rem,1.2vw,.5rem);transition:all .2s ease;white-space:nowrap}.privacy-tabs button.active{background:#00a884;color:#0b1216}.action-card{background-color:#0b1216;border-radius:clamp(6px,1vw,8px);box-shadow:0 1px 3px #00000014;margin-bottom:clamp(.25rem,1vw,.5rem);min-height:clamp(50px,8vw,60px);padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem)}.action-card,.setting-header{align-items:center;display:flex}.setting-header{gap:clamp(.5rem,2vw,1rem);width:100%}.setting-icon{color:#8696a0;flex-shrink:0;font-size:clamp(.9rem,3.5vw,1rem);height:clamp(20px,5vw,24px);width:clamp(20px,5vw,24px)}.setting-info{flex:1 1;min-width:0}.setting-info h3{color:#e9edef;font-size:clamp(.9rem,3.5vw,1rem);font-weight:500;margin:0}.setting-info h3,.setting-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-info p{color:#8696a0;font-size:clamp(.75rem,3vw,.85rem);margin:clamp(1px,.5vw,2px) 0 0}.switch{height:clamp(16px,5vw,20px);width:clamp(30px,8vw,36px)}.slider{border-radius:34px;transition:.2s}.slider:before{bottom:clamp(2px,.8vw,3px);height:clamp(12px,3.5vw,14px);left:clamp(2px,.8vw,3px);transition:.2s;width:clamp(12px,3.5vw,14px)}input:checked+.slider:before{transform:translateX(clamp(12px,4vw,16px))}.privacy-select{background:#0b1216;border:1px solid #2a3942;border-radius:clamp(4px,1vw,6px);color:#e9edef;font-size:clamp(.75rem,3vw,.85rem);height:clamp(30px,8vw,36px);min-width:clamp(100px,25vw,140px);padding:clamp(.3rem,1vw,.4rem) clamp(.6rem,1.5vw,.8rem)}.privacy-select:focus{border-color:#00a884;outline:none}.contacts-list{background-color:#0b1216;border-radius:clamp(4px,1vw,6px);margin:clamp(.25rem,1vw,.5rem) 0;max-height:min(300px,50vh);overflow-y:auto}.contact-item{align-items:center;display:flex;min-height:clamp(48px,8vw,56px);padding:clamp(.4rem,1.5vw,.6rem) clamp(.75rem,2vw,1rem)}.contact-info{flex:1 1;min-width:0}.contact-info .name{color:#e9edef;font-size:clamp(.8rem,3.2vw,.9rem);font-weight:500}.contact-info .phone{color:#8696a0;font-size:clamp(.7rem,2.8vw,.8rem)}.btn{border:none;border-radius:clamp(4px,1vw,6px);cursor:pointer;font-size:clamp(.75rem,3vw,.85rem);height:clamp(30px,8vw,36px);padding:clamp(.4rem,1.2vw,.5rem) clamp(.8rem,2vw,1rem);transition:all .2s ease}.btn-reset{background:#2a3942;color:#e9edef}.btn-confirm{background:#00a884;color:#0b1216;font-weight:500}.btn-cancel{background:#2a3942;color:#e9edef}.btn-unblock,.btn-unmute{background:#0000;border:1px solid #00a884;color:#00a884;padding:clamp(.3rem,1vw,.4rem) clamp(.6rem,1.5vw,.8rem)}.btn-manage{background:#00a884;color:#0b1216;font-weight:500;margin-top:clamp(.25rem,1vw,.5rem);width:100%}.form-actions{grid-gap:clamp(.5rem,1.5vw,.75rem);display:grid;gap:clamp(.5rem,1.5vw,.75rem);grid-template-columns:1fr 1fr;margin-top:clamp(.5rem,1.5vw,1rem)}.reset-confirm p{margin:0 0 clamp(.5rem,1.5vw,.75rem)}.no-contacts,.reset-confirm p{color:#8696a0;font-size:clamp(.75rem,3vw,.85rem)}.no-contacts{background-color:#0b1216;border-radius:clamp(4px,1vw,6px);margin:clamp(.25rem,1vw,.5rem) 0;padding:clamp(.5rem,2vw,1rem);text-align:center}@media (max-width:900px) and (orientation:landscape){.privacy-management{max-height:90vh;overflow-y:auto}.contacts-list{max-height:min(200px,40vh)}}@media (prefers-reduced-motion:no-preference){.action-card,.btn,.privacy-management,.privacy-tabs button{transition:all .3s ease}}@media (max-width:768px){.privacy-management{max-width:100%;padding:clamp(.5rem,2vw,.75rem) clamp(.5rem,2vw,.75rem) 130px}.form-actions{grid-template-columns:1fr}.privacy-select{width:100%}.action-card{align-items:flex-start;flex-direction:column;gap:clamp(.5rem,2vw,.75rem)}.setting-control{align-self:flex-end}body,html{height:100%;margin:0;overflow:hidden;padding:0}.privacy-management{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:100vh;max-width:100%;overflow-y:scroll;padding:30px 16px 130px;scrollbar-width:none}}@media (max-width:768px){.privacy-management::-webkit-scrollbar{display:none}.form-actions{grid-template-columns:1fr}.privacy-select{width:100%}.action-card{align-items:flex-start;flex-direction:column;gap:clamp(.5rem,2vw,.75rem)}.setting-control{align-self:flex-end}*{max-width:100%;overflow-wrap:break-word}@supports (-webkit-touch-callout:none){.privacy-management{height:-webkit-fill-available}}}.chats-settings-container{background-color:#0b1216;box-sizing:border-box;color:#e9edef;font-family:Segoe UI,Helvetica Neue,sans-serif;margin:0 auto;max-width:900px;padding:1rem;width:100%}.wallpaper-modal{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background-color:#0b1216;border:1px solid #2a3942;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:800px;width:90%}@keyframes slideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}@media (max-width:768px){.chats-settings-container{padding:.75rem}.settings-item{min-height:56px;padding:.6rem .8rem}.settings-content h3{font-size:.9rem}.settings-content p{font-size:.8rem}}@media (max-width:480px){.chats-settings-container{padding:.5rem}.settings-item{min-height:52px;padding:.5rem .75rem}.settings-icon{height:20px;margin-right:.75rem;width:20px}}.notifications-settings-container{background-color:#0b1216;border-bottom:1px solid #2a3942;box-sizing:border-box;color:#e9edef;font-family:Segoe UI,Helvetica Neue,sans-serif;height:auto;margin:0 auto;max-width:900px;padding:1rem;width:100%}.settings-section{grid-gap:.5rem;border:none;display:grid;gap:.5rem;grid-template-columns:1fr;padding:.5rem 0}.settings-item{align-items:center;background-color:#0b1216;border-bottom:1px solid #2a3942;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;min-height:60px;padding:.75rem 1rem;transition:background-color .2s ease}.settings-item.clickable{cursor:pointer}.settings-item.clickable:hover{background-color:#ffffff05}.settings-icon{align-items:center;color:#8696a0;display:flex;height:24px;justify-content:center;margin-right:1rem;width:24px}.settings-icon svg{height:100%;width:100%}.settings-content{flex:1 1;min-width:0}.settings-content h3{color:#e9edef;font-size:1rem;font-weight:500;margin:0}.settings-content h3,.settings-content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-content p{color:#8696a0;font-size:.85rem;margin:2px 0 0}.settings-arrow{color:#8696a0;flex-shrink:0;margin-left:.5rem}.settings-arrow svg{height:24px;width:24px}.settings-toggle{flex-shrink:0;margin-left:.5rem}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#2a3942;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#00a884}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}@media (max-width:600px){body,html{height:100%;margin:0;overflow:hidden;padding:0}.notifications-settings-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:100vh;max-width:100%;overflow-y:scroll;padding:30px .5rem 130px;scrollbar-width:none}.notifications-settings-container::-webkit-scrollbar{display:none}.settings-item{min-height:56px;padding:.6rem .8rem}.settings-content h3{font-size:.9rem}.settings-content p{font-size:.8rem}.switch{height:20px;width:42px}.slider:before{height:14px;width:14px}input:checked+.slider:before{transform:translateX(22px)}*{max-width:100%;overflow-wrap:break-word}@supports (-webkit-touch-callout:none){.notifications-settings-container{height:-webkit-fill-available}}}@media (min-width:768px){.notifications-settings-container{border:1px solid #2a3942;border-radius:8px;box-shadow:0 4px 12px #0003;margin:1.5rem auto;padding:1.25rem 1.5rem}.settings-section{gap:.6rem}.settings-item{padding:.8rem 1.25rem}}@media (min-width:1200px){.notifications-settings-container{margin:2rem auto;max-width:1000px;padding:1.5rem 2rem}.settings-item{padding:.8rem 1.5rem}.settings-content h3{font-size:1.05rem}}.avatar-upload{flex-direction:column;margin-bottom:20px}.avatar-preview,.avatar-upload{align-items:center;display:flex;position:relative}.avatar-preview{background-color:#0b1216;border:2px solid #2a3942;border-radius:50%;cursor:pointer;height:130px;justify-content:center;margin-top:-8%;overflow:hidden;transition:opacity .2s;width:130px}.avatar-preview:hover{opacity:.9}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-edit-indicator{align-items:center;background-color:initial;border-radius:50%;bottom:0;color:#0000;display:flex;height:30px;justify-content:center;position:absolute;right:10;width:30px}.avatar-edit-indicator .camera-icon{font-size:16px}.default-avatar .user-circle-icon{color:#8696a0}.avatar-edit-menu{background-color:#0b1216;border:1px solid #2a3942;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:-webkit-fit-content;max-width:fit-content;position:absolute;top:100%;z-index:10}.edit-menu-content{padding:8px 0}.edit-option{padding:12px 16px}.edit-option.remove-option:hover{color:#f15e6c}.option-icon{font-size:18px;margin-right:12px}.avatar-confirm-actions{display:flex;gap:10px;margin-top:15px}.avatar-confirm-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:5px;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 16px}.confirm-btn{background-color:initial;color:#e9edef}.cancel-btn{background-color:initial;color:orange}.avatar-fullscreen{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.fullscreen-content{align-items:center;display:flex;flex-direction:column;max-width:600px;width:100%}.fullscreen-image-container{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.fullscreen-image-container img{border:2px solid #2a3942;border-radius:50%;height:300px;object-fit:cover;width:300px}.default-avatar-fullscreen{color:#8696a0;display:flex;justify-content:center}.fullscreen-actions{display:flex;gap:1rem}.fullscreen-actions button{align-items:center;background-color:initial;border:.1px solid #2a3942;border-radius:15px;color:#e9edef;cursor:pointer;display:flex;font-size:12px;font-weight:200;gap:.1rem;padding:.8rem 1.5rem}.fullscreen-actions button:hover{background-color:#ffffff0d}.edit-btn{color:#e9edef}.close-btn{color:orange}.avatar-edit-menu-fullscreen{background-color:#0b1216;border-radius:15px;bottom:2px;font-size:smaller;margin-left:0;max-height:-webkit-fit-content;max-height:fit-content;max-width:-webkit-fit-content;max-width:fit-content;position:fixed;z-index:1001}.edit-menu-content{display:flex;flex-direction:column;font-size:12px;font-weight:200;padding:0}.edit-option{align-items:center;border-bottom:1px solid #2a3942;color:#e9edef;cursor:pointer;display:flex;gap:1rem;padding:1rem}.edit-option:last-child{border-bottom:none}.edit-option:hover{background-color:#ffffff05}.remove-option{color:#e9edef}.remove-option:hover{color:#f15e6c}.option-icon{color:#8696a0;font-size:1.2rem;font-size:12px;margin-right:0}:root{--radius-sm:8px;--radius-md:12px;--transition:all 0.2s ease;--primary-color:#00a884;--primary-hover:#06cf9f;--error-color:#f15e6c;--success-color:#00a884;--warning-color:#ff9800;--text-primary:#e9edef;--text-secondary:#8696a0;--text-tertiary:#667781;--bg-primary:#0b1216;--bg-secondary:#202c33;--bg-input:#2a3942;--bg-hover:#e9edef0d;--border-color:#8696a026}.profile-info-container{background:#0b1216;background:var(--bg-primary);box-sizing:border-box;color:#e9edef;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:1px;width:100%}.profile-actions{display:flex;gap:0;margin-top:12px}.cancel-button{border-radius:8px;border-radius:var(--radius-sm);color:#ff9800;color:var(--warning-color);cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease;transition:var(--transition)}.cancel-button,.cancel-button:hover,.save-button{background:#0000}.save-button{border:none;color:#0ab40a;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.save-button:hover{background:#0000}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}.profile-section{margin-bottom:2px}.section-title{align-items:center;border-bottom:1px solid #8696a026;border-bottom:1px solid var(--border-color);display:flex;font-size:15px;font-weight:300;margin-bottom:1px;padding-bottom:1px}.section-icon,.section-title{color:#e9edef;color:var(--text-primary)}.section-icon{font-size:16px;margin-left:-10px;margin-right:20px}.profile-field{margin-bottom:1px}.field-wrapper{display:flex;gap:10px;margin-top:2px}.field-icon{align-items:center;color:#8696a0;color:var(--text-secondary);display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:1px;width:18px}.field-icon svg{color:#d3d3d3;height:18px;margin-left:-25px;width:18px}.field-content{flex:1 1;font-size:12;min-width:0}.field-content label{color:#e9edef;color:var(--text-primary);display:block;font-size:12px;font-weight:480;line-height:20px;margin-bottom:3px}.profile-input,.profile-textarea,.social-input{background:#202c33;background:var(--bg-secondary);border:1px solid #8696a026;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#e9edef;color:var(--text-primary);font-size:10px;outline:none;padding:8px 12px;transition:all .2s ease;transition:var(--transition);width:95%}.profile-input:focus,.profile-textarea:focus,.social-input:focus{border-color:#00a884;border-color:var(--primary-color);box-shadow:0 0 0 2px #00a88433}.textarea-container{position:relative}.profile-textarea{line-height:1.5;min-height:80px;resize:none}.char-counter{margin-top:4px;text-align:right}.char-counter,.field-value{color:#8696a0;color:var(--text-secondary);font-size:12px}.field-value{line-height:1.4;margin-top:-2px;padding:-10px 0;word-break:break-word}.social-links-container{flex-wrap:wrap;gap:8px}.social-link{background:#202c33;background:var(--bg-secondary);border-radius:8px;border-radius:var(--radius-sm);color:#e9edef;color:var(--text-primary);flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;font-size:14px;gap:0;min-width:calc(50% - 8px);transition:var(--transition)}.social-link:hover{background:#e9edef0d;background:var(--bg-hover)}.social-link svg{height:18px;width:18px}.no-social-links{color:#8696a0;color:var(--text-secondary);font-size:14px;padding:-1px 0}.has-error .profile-input,.has-error .profile-textarea,.has-error .social-input{border-color:#f15e6c;border-color:var(--error-color)}.has-error .profile-input:focus,.has-error .profile-textarea:focus,.has-error .social-input:focus{box-shadow:0 0 0 2px #f15e6c33}.error-message{color:#f15e6c;color:var(--error-color);font-size:12px;margin-top:4px}::placeholder{color:#667781;color:var(--text-tertiary);opacity:.8}.avatar-edit-button{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#00a884;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:500;margin-left:45%;margin-top:-30px;padding:6px 12px;transition:all .2s ease;transition:var(--transition)}.avatar-edit-button:hover{background:#00a8841a}@media (max-width:768px){body,html{height:100%;margin:0;overflow:hidden;padding:0}.profile-info-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:100vh;overflow-y:scroll;padding:16px;scrollbar-width:none}.profile-info-container::-webkit-scrollbar{display:none}.profile-section{margin-bottom:1px}.profile-field{margin-bottom:12px}.field-icon{margin-top:14px}.social-link{flex:1 1 100%;min-width:100%}.avatar-edit-button{display:block;margin:10px auto 20px}.profile-input,.profile-textarea,.social-input{font-size:11px;padding:12px 16px;width:100%}.profile-textarea{min-height:120px}.field-content label{font-size:14px}.field-value{font-size:12px;padding:0}.section-title{font-size:16px;margin-bottom:12px;padding-bottom:8px}.profile-info-container{padding-bottom:130px;padding-top:30px}}*{max-width:100%;overflow-wrap:break-word}@supports (-webkit-touch-callout:none){.profile-info-container{background-color:initial;height:-webkit-fill-available}}.social-links-container{display:flex;flex-direction:column;gap:12px}.social-link{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:10px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.social-link:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.social-link.twitter{background-color:#0000000d}.social-link.linkedin{background-color:#0077b50d}.social-link.facebook{background-color:#1877f20d}.social-link.instagram{background-color:#e4405f0d}.no-social-links{color:#666;font-style:italic;padding:8px 0}body,html{height:100%;overflow:hidden!important;position:fixed;width:100%}::-webkit-scrollbar{background:#0000!important;display:none!important;height:0!important;width:0!important}.profile-management{color:#e9edef;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;padding:0;width:100vw}.profile-management,.profile-sidebar{background-color:#0b1216;display:flex;overflow:hidden}.profile-sidebar{flex-direction:column;height:100%;min-width:280px;width:30%}.settings-header{align-items:center;background-color:#0b1216;border-bottom:none!important;display:flex;justify-content:space-between;padding:16px 0 8px;text-decoration:none!important}.settings-header h2{color:#e9edef;font-size:14px;font-weight:550;margin:0}.profile-header-section{align-items:center;background-color:#0b1216;border-bottom:1px solid #2a3942;display:flex;padding:16px;position:relative}.profile-header-avatar-container{flex-shrink:0;height:60px;margin-right:12px;width:60px}.profile-header-avatar{border-radius:50%}.profile-header-info{flex:1 1;min-width:0}.profile-header-name{color:#e9edef;font-size:12px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-header-bio,.profile-header-phone{color:#8696a0;font-size:13px;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-profile-button{align-items:center;background:none;border:none;border-radius:50%;color:#008069;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:16px;top:16px}.edit-profile-button:hover{background-color:#0b1216}.settings-tabs-container{display:flex;flex:1 1;flex-direction:column;margin-left:0;overflow:hidden;padding-left:0}.profile-tab{align-items:center;background:none;color:#e9edef;cursor:pointer;display:flex;margin:0;padding:10px 0 10px 16px;text-align:left;transition:all .2s;width:100%}.profile-tab:hover{background-color:#ffffff05}.profile-tab.active{background-color:initial;color:#00a884}.tab-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:10px;width:28px}.tab-icon-wrapper svg{color:#8696a0;height:20px;width:20px}.profile-tab.active .tab-icon-wrapper svg{color:#00a884}.tab-content{background-color:#0b1216;display:flex;flex:1 1;flex-direction:column;min-width:0}.tab-title{color:#e9edef;font-size:14px;font-weight:500;margin-bottom:2px}.tab-subtitle,.tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-subtitle{color:#8696a0;font-size:11px;line-height:1.3}.profile-content{background-color:#0b1216;flex:1 1;height:100%;overflow:hidden;position:relative}.profile-content.full-width{width:100%}.mobile-content-header{align-items:center;background-color:#0b1216;display:flex;padding:12px 5px}.back-to-sidebar{align-items:center;background-color:initial;border:none;color:#00a884;cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:6px}.back-to-sidebar svg{background-color:initial;height:20px;width:20px}.mobile-content-title{color:#e9edef;font-size:16px;font-weight:600;margin:0;text-decoration:none!important}.status-message{background-color:initial;border-radius:4px;bottom:20px;box-shadow:0 2px 8px #0003;color:#e9edef;font-size:14px;max-width:300px;padding:12px 20px;position:fixed;right:20px;z-index:1000}.status-message.success{border-left:4px solid #00a884}.status-message.error{border-left:4px solid #f15e6c}.mobile-empty-state{align-items:center;color:#8696a0;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:20px;text-align:center}.mobile-empty-state .empty-content{max-width:300px}.mobile-empty-state h4{color:#e9edef;font-weight:400;margin:10px 0}.tab-divider{background-color:initial;height:1px;margin:0 16px}@media (max-width:768px){.profile-management{background-color:#0b1216;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.profile-sidebar{height:100%;left:0;min-width:auto;overflow:hidden;position:absolute;top:0;transform:translateX(-100%);width:100%;z-index:10}.profile-sidebar.visible{transform:translateX(0)}.profile-content{background-color:#0b1216;height:100%;padding:0;width:100%}.profile-header-section{border-bottom:1px solid #2a3942;padding:2px}.profile-header-avatar-container{height:60px;width:60px}.profile-header-name{font-size:12px}.profile-header-bio,.profile-header-phone{font-size:11px}.profile-tab{background-color:#0b1216;margin-left:-7px;margin-top:1px;padding:1px 0 1px .1px}.tab-icon-wrapper{height:30px;margin-right:-9px;width:30px}.tab-icon-wrapper svg{height:20px;width:20x}.tab-title{font-size:12px}.tab-subtitle{font-size:11px}.mobile-content-header{display:flex}.profile-sidebar.visible~.profile-content .mobile-content-header{display:none}.profile-management{margin-left:0;margin-top:0}}.avatar-fullscreen-overlay{cursor:pointer}.avatar-fullscreen-container{cursor:default;max-height:90vh;max-width:90vw;text-align:center}.avatar-fullscreen-image{box-shadow:0 4px 20px #0000004d}.avatar-fullscreen-footer{color:#fff;margin-top:20px}.avatar-fullscreen-footer h3{font-size:14px;font-weight:500;margin:0}.avatar-fullscreen-footer p{border-top:none;color:#fff;font-size:12px;font-weight:100;margin:0}.avatar-close-button{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;top:0;transition:background-color .2s;width:40px}.avatar-close-button:hover{background-color:#fff3}.avatar-close-button svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.profile-header-avatar-container{border-radius:50%;cursor:pointer;height:80px;margin-right:20px;overflow:hidden;position:relative;transition:transform .2s;width:80px}.profile-header-avatar-container:hover{transform:scale(1.03)}.profile-header-avatar{height:100%;object-fit:cover;width:100%}.avatar-edit-icon{align-items:center;background-color:initial;border-radius:50%;bottom:0;display:flex;height:30px;justify-content:center;opacity:0;position:absolute;right:0;transition:opacity .2s;width:30px}.profile-header-avatar-container:hover .avatar-edit-icon{opacity:1}.avatar-fullscreen-overlay{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}.avatar-fullscreen-container{align-items:center;animation:scaleUp .3s ease;display:flex;flex-direction:column;max-height:95%;max-width:95%;position:relative}.avatar-fullscreen-image{border-radius:8px;max-height:70vh;max-width:100%;object-fit:contain}.avatar-fullscreen-footer{color:#90ee90;margin-top:0;text-align:center;width:100%}.avatar-actions{display:flex;gap:16px;justify-content:center;margin-top:10px}.avatar-action-button{align-items:center;background:#0000;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:100;gap:5px;margin-top:10px;padding:3px 10px;transition:all .2s ease}.avatar-action-button:hover{background:#fff3;transform:translateY(-2px)}.avatar-action-button svg{height:20px;width:20px}.avatar-close-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;position:absolute;right:0;top:-40px;transition:transform .2s ease}.avatar-close-button:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95)}to{transform:scale(1)}}[aria-current=true]{position:relative}[aria-current=true]:after{background-color:currentColor;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}
/*# sourceMappingURL=main.1e8c2164.css.map*/