:root{--gradient-primary:linear-gradient(90deg,#1598b3,#0a6172);--gradient-hover:linear-gradient(90deg,#17a9c9,#0c7385);--gradient-light:linear-gradient(135deg,#1598b3,#17a9c9);--color-primary:#1598b3;--color-primary-dark:#0a6172;--color-primary-light:#17a9c9;--bg-gradient-subtle:linear-gradient(135deg,#e0f7fc,#f0f9fc);--shadow-primary:0 10px 30px #1598b366;--shadow-primary-hover:0 15px 40px #1598b380;--bg-color:#f0f0f0;--bg-color-secondary:#fff;--text-color:#000;--text-color-secondary:#666;--card-bg:#fff;--border-color:#ddd;--input-bg:#fff;--shadow-default:0 2px 8px #0000001a}[data-theme=dark]{--gradient-primary:linear-gradient(90deg,#17a9c9,#0c7385);--gradient-hover:linear-gradient(90deg,#1fc4e8,#0e8aa0);--gradient-light:linear-gradient(135deg,#17a9c9,#1fc4e8);--color-primary:#17a9c9;--color-primary-dark:#0c7385;--color-primary-light:#1fc4e8;--bg-gradient-subtle:linear-gradient(135deg,#1a1a1a,#2d2d2d);--shadow-primary:0 10px 30px #17a9c94d;--shadow-primary-hover:0 15px 40px #17a9c966;--bg-color:#1a1a1a;--bg-color-secondary:#2d2d2d;--text-color:#e0e0e0;--text-color-secondary:#a0a0a0;--card-bg:#2d2d2d;--border-color:#444;--input-bg:#333;--shadow-default:0 2px 8px #00000080}@font-face{font-family:ARL;src:url(/static/media/ARL.e0b4989b2095bff370be.ttf)}@font-face{font-family:BAL;src:url(/static/media/BAR.9ba001954032c3ac7de4.ttf)}@font-face{font-family:CRM;src:url(/static/media/CRM.cf3092e1f5f6f7251a45.ttf)}@font-face{font-family:RBK;src:url(/static/media/RBK.3a4acc0356c6ea73f2c3.ttf)}@font-face{font-family:Carlito;src:url(/static/media/Carlito-Bold.910f4aa7ec3415c34240.ttf)}@font-face{font-family:Sen;src:url(/static/media/Sen-Bold.cbd6ade41391beaa0f3f.ttf)}@font-face{font-family:SenR;src:url(/static/media/Sen-Regular.848a576c0dd60bc604ad.ttf)}@font-face{font-family:SenB;src:url(/static/media/Sen-Bold.cbd6ade41391beaa0f3f.ttf)}@font-face{font-family:RIV;src:url(/static/media/RIV.d83d9d961a7aaca406c2.ttf)}@font-face{font-family:RIVE;src:url(/static/media/RIVE.3a4acc0356c6ea73f2c3.ttf)}@font-face{font-family:NUM;src:url(/static/media/NUM.ca50e34670d66e0b3f6d.ttf)}@font-face{font-family:SRI;src:url(/static/media/SRI.6a60c21d509f96e940c5.ttf)}@font-face{font-family:MUT;src:url(/static/media/MUT.7e687123cd4528224ce5.ttf)}@font-face{font-family:SB;src:url(/static/media/Sansation_Bold.01acb21b3a650eee9aa6.ttf)}@keyframes scale-out-center{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(0)}}body{background:#f0f0f0;background:var(--bg-color);color:#000;color:var(--text-color);margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.profile-nav-container{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:58px;position:relative;transition:background-color .2s ease;width:58px}.profile-nav-container:hover{background-color:#0000000d}.profile-avatar-nav-container{transition:transform .2s ease}.profile-avatar-nav-container:hover{transform:scale(1.05)}.profile-avatar-nav-container:active{transform:scale(.95)}.profile-nav-avatar{border:2px solid #6c757d;box-shadow:0 1px 3px #0000001f;transition:box-shadow .2s ease}.profile-nav-avatar:hover{box-shadow:0 2px 6px #00000029}.status-indicator-nav.offline{background-color:#9e9e9e}.status-indicator-nav.online{animation:pulse 2s infinite;background-color:#4caf50}.profile-info-nav{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.profile-name-nav{color:#333;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-meta-nav{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.status-text{border-radius:3px;font-size:9px;font-weight:500;padding:1px 4px;transition:all .2s ease}.status-text.online{background-color:#4caf501a;color:#2e7d32}.status-text.offline{background-color:#9e9e9e1a;color:#757575}.following-badge-nav{background-color:#2196f31a;border:1px solid #2196f333;border-radius:4px;color:#1976d2}.connection-badge,.following-badge-nav{font-size:9px;font-weight:500;padding:2px 5px}.connection-badge{align-items:center;border-radius:4px;display:inline-flex;gap:2px}.connection-badge.offline{animation:blink 2s infinite;background-color:#d32f2f1a;border:1px solid #d32f2f33;color:#d32f2f}.post-nav-count-badge{align-items:center;animation:pop .3s ease;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.profile-nav-container{height:52px;width:52px}.profile-nav-avatar{height:40px;width:40px}.profile-name-nav{font-size:9px}.status-indicator-nav{bottom:0;height:10px!important;right:2px;width:10px!important}.connection-badge,.following-badge-nav,.status-text{font-size:8px;padding:1px 3px}.post-nav-count-badge{font-size:9px;height:16px;right:-3px;top:-3px;width:16px}}.profile-nav-container.loading .status-indicator-nav{animation:loading-pulse 1.5s infinite;background-color:#bdbdbd}@keyframes loading-pulse{0%,to{opacity:.4}50%{opacity:1}}.profile-nav-container:focus-within{outline:2px solid #2196f3;outline-offset:2px}.profile-avatar-nav-container:focus{outline:none}@media (prefers-contrast:high){.status-indicator-nav.online{background-color:#2e7d32;border-width:3px}.status-indicator-nav.offline{background-color:#424242;border-width:3px}}@media (prefers-reduced-motion:reduce){.connection-badge.offline,.post-nav-count-badge,.status-indicator-nav.online{animation:none}.profile-avatar-nav-container:active,.profile-avatar-nav-container:hover{transform:none}}@media (prefers-color-scheme:dark){.profile-nav-container:hover{background-color:#ffffff14}.profile-name-nav{color:#e0e0e0}.profile-nav-avatar{border-color:#424242}.status-indicator-nav{border-color:#1e1e1e}.status-text.online{background-color:#4caf5026;color:#81c784}.status-text.offline{background-color:#9e9e9e26;color:#bdbdbd}.following-badge-nav{background-color:#2196f326;border-color:#2196f34d;color:#64b5f6}.connection-badge.offline{background-color:#d32f2f26;border-color:#d32f2f4d;color:#ef5350}}.status-indicator-nav.loading{animation:pulse 1.5s infinite;background-color:#ff9800!important}.status-text.loading{background-color:#ff98001a;color:#ff9800}.status-text.hidden{background-color:#9e9e9e1a;color:#757575;font-style:italic}.profile-nav-container.loading{opacity:.7}.profile-nav-container.loading .profile-nav-avatar{filter:grayscale(.3)}.status-indicator-nav{border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0003;height:12px;position:absolute;right:2px;transition:all .3s ease;width:12px;z-index:10}.profile-avatar-nav-container{display:inline-block;position:relative}.profile-nav-avatar{border-radius:50%;height:45px;object-fit:cover;width:45px}@media (max-width:768px){.status-indicator-nav{border-width:1.5px;bottom:1px;height:10px;right:1px;width:10px}}.person-componentN{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.person-componentN:hover{background-color:#f5f5f5}.avatar-container{margin-right:12px;position:relative}.person-avatar{border:2px solid #eee;border-radius:50%;height:50px;object-fit:cover;width:50px}.status-indicator{border-radius:12px;bottom:-5px;color:#fff;display:block!important;font-size:10px;font-weight:700;opacity:1!important;right:-5px;visibility:visible!important}.status-indicator.online{background-color:#4caf50}.status-indicator.offline{background-color:#9e9e9e}.person-info{flex:1 1}.person-name{color:#333;font-size:16px;font-weight:500;margin:0}.person-tag{color:#666;font-size:12px;margin:4px 0 0}.search-result-item{transition:all .2s ease}.search-result-item:hover{border-color:#d1d5db}.search-result-avatar{border:1px solid #e5e5e5}.soq-play-overlay{cursor:pointer}.search-result-meta{align-items:center}.search-result-context{border:1px solid #e5e7eb}.search-result-topic{line-height:1.3}.search-result-tag{border:1px solid #e5e7eb}@media (max-width:768px){.search-result-item{gap:10px;padding:10px}.search-result-avatar,.soq-result-icon{height:40px;width:40px}.search-result-name{font-size:14px}.search-result-details,.soq-meta-info{align-items:flex-start;flex-direction:column;gap:4px}.search-result-description{-webkit-line-clamp:1;font-size:12px}.soq-play-overlay{height:32px;width:32px}.soq-play-overlay svg{height:16px;width:16px}.search-result-meta{align-items:flex-start;flex-direction:column;gap:4px}}.search-result-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.search-result-item:focus{outline:2px solid #3b82f6;outline-offset:2px}.search-loading{align-items:center;display:flex;gap:8px;justify-content:center}.search-loading:after{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;width:16px}.search-empty{color:#6b7280;font-style:italic}.search-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;text-align:center}@media (max-width:480px){.search-results{max-height:calc(100vh - 200px);padding:10px}.search-result-item{padding:8px}.search-result-avatar{height:36px;width:36px}.search-result-name{font-size:13px}.search-result-description,.search-result-stat{font-size:12px}}.search-component-overlay{align-items:flex-start;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding-top:5%;position:fixed;right:0;top:0;z-index:1000}.search-component-container{animation:fadeIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.search-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.search-header h2{font-size:1.5rem;margin:0}.close-search{background:none;border:none;color:#666;cursor:pointer;padding:4px}.search-tabs{border-bottom:1px solid #eee;display:flex}.search-tabs button{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:1rem;padding:12px;transition:background-color .2s,color .2s}.search-tabs button:hover{background-color:#f5f5f5;color:#333}.search-tabs button.active{border-bottom:3px solid #4a90e2;color:#4a90e2;font-weight:700}.search-form{align-items:center;border-bottom:1px solid #eee;display:flex;flex-direction:row;padding:16px}.search-input-container{align-items:center;border:1px solid #ddd;border-radius:10px;display:flex;position:relative;width:90%}.search-icon{color:#4586b7;height:20px;width:20px}.search-input-container input{border:none!important;font-size:1rem;margin-top:0!important;padding:12px 16px 12px 40px;width:100%}.search-input-container input:focus{outline:none}.search-input-container:focus{border-color:#4a90e2;outline:none}.clear-search{background:none;border:none;color:#999;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-form button[type=submit]{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:5px;transition:background-color .2s;width:15%}.search-form button[type=submit]:hover{background-color:#3a7bc8}.search-form button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.no-results,.search-loading{color:#666;padding:16px;text-align:center}.recent-searches,.search-results{padding:16px}.recent-searches h3,.search-results h3{color:#333;margin-bottom:12px;margin-top:0}.search-result-item{border-bottom:1px solid #eee;padding:12px 0}.search-result-item:hover{background-color:#f5f5f5}.recent-search-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0}.recent-search-item:hover{color:#4a90e2}.recent-search-item small{color:#999;font-size:.8rem}.search-results{max-height:calc(100vh - 250px);overflow-y:auto;padding:15px}.search-empty,.search-error,.search-loading{color:#666;font-size:14px;padding:40px 20px;text-align:center}.search-error{color:#e74c3c}.search-result-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:background-color .2s}.search-result-item:hover{background-color:#f8f9fa;transform:translateX(2px)}.search-result-avatar{border-radius:8px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.search-result-info{flex:1 1;min-width:0}.search-result-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.search-result-name{color:#1a1a1a;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-icon{color:#666;flex-shrink:0}.verified-badge{align-items:center;background:#1da1f2;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;height:18px;justify-content:center;width:18px}.search-result-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.search-result-stat{align-items:center;color:#666;display:flex;font-size:13px;gap:4px}.search-result-stat svg{flex-shrink:0}.membership-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:11px;font-weight:500;padding:2px 8px}.search-result-stats{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.search-result-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.4;margin:6px 0 0;overflow:hidden;text-overflow:ellipsis}.soq-search-results .search-result-item{align-items:flex-start;flex-direction:row}.soq-result-item{position:relative}.soq-result-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.soq-accessibility-badge{flex-shrink:0;font-size:16px}.soq-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.soq-owner{color:#666}.soq-context,.soq-owner{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.soq-context{border-radius:12px;padding:2px 8px}.soq-context.personal{background:#e8f5e9;color:#2e7d32}.soq-context.group{background:#e3f2fd;color:#1565c0}.soq-context.organization{background:#fff3e0;color:#e65100}.soq-details{flex-wrap:wrap;gap:10px;margin-top:6px}.soq-detail-item,.soq-details{align-items:center;display:flex}.soq-detail-item{color:#666;font-size:12px;gap:4px}.soq-mode-badge,.soq-type-badge{border-radius:12px;font-size:11px;padding:2px 8px;text-transform:capitalize}.soq-type-badge{background:#f3e5f5;color:#7b1fa2}.soq-mode-badge{background:#e1f5fe;color:#0277bd}.soq-timestamp{align-items:center;color:#999;display:flex;font-size:11px;gap:4px;margin-top:8px}.clear-search-btn{border-radius:4px;padding:4px;transition:background-color .2s}.clear-search-btn:hover{background-color:#f0f0f0}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.search-result-item{padding:10px}.search-result-avatar,.soq-result-icon{height:40px;width:40px}.search-result-name{font-size:14px}.search-result-details,.soq-meta-info{align-items:flex-start;flex-direction:column;gap:4px}.search-result-description{-webkit-line-clamp:1}}.soq-avatar-container{position:relative}.soq-avatar-container,.soq-play-overlay{align-items:center;display:flex;justify-content:center}.soq-play-overlay{background:#000000b3;border-radius:50%;color:#fff;height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:40px}.search-result-item:hover .soq-play-overlay{opacity:1}.public-icon{color:#10b981}.private-icon{color:#ef4444}.group-icon{color:#3b82f6}.soq-type{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:.75rem;font-weight:500;padding:2px 8px}.search-result-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.search-result-context{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:.75rem;padding:2px 6px}.search-result-date{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:4px}.search-result-topic{color:#4b5563;font-size:.875rem;font-weight:500;margin:4px 0}.search-result-tag{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;font-size:.75rem;gap:4px;padding:2px 6px}.create-group-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.create-group-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.create-group-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.create-group-content{flex:1 1;overflow-y:auto;padding:1.5rem}.create-group-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.info-banner{background-color:#eff6ff;border:1px solid #bfdbfe}.info-icon{color:#3b82f6}.info-title{color:#1e40af}.info-description{color:#3b82f6}.selected-header-icon{color:#10b981}.selected-members-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.selected-member-chip{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.member-avatar{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:2rem;justify-content:center;overflow:hidden;width:2rem}.member-name{color:#1e40af;font-weight:500}.remove-member-button{border-radius:4px;color:#6b7280;padding:.125rem;transition:all .2s}.remove-member-button:hover{background-color:#fef2f2;color:#ef4444}.members-header{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.members-header-icon{color:#6b7280;height:1rem;width:1rem}.members-loading{display:flex;flex-direction:column;gap:.75rem}.member-skeleton{gap:.75rem;padding:.75rem}.member-skeleton,.no-members{align-items:center;display:flex}.no-members{color:#6b7280;flex-direction:column;justify-content:center;padding:3rem 1rem}.no-members-icon{color:#d1d5db;height:3rem;margin-bottom:1rem;width:3rem}.members-list{display:flex;flex-direction:column;gap:.25rem}.member-item{align-items:center;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s;width:100%}.member-item:hover{background-color:#f9fafb}.member-item.selected{background-color:#eff6ff;border:1px solid #bfdbfe}.member-avatar-large{height:60px;overflow:hidden;position:relative;width:60px}.member-avatar-image,.member-avatar-large{align-items:center;border-radius:50%;display:flex;justify-content:center}.member-avatar-image{background-color:#3b82f6;color:#fff}.member-status{border:2px solid #fff;border-radius:50%;bottom:0;height:.75rem;position:absolute;right:0;width:.75rem}.member-status.online{background-color:#10b981}.member-status.offline{background-color:#9ca3af}.member-fullname{color:#111827;font-weight:600;margin-bottom:.125rem}.member-username{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.member-lastseen{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:.25rem}.member-lastseen-icon{height:.75rem;width:.75rem}.member-check{color:#10b981}.member-check-icon{height:1.25rem;width:1.25rem}.type-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.type-option{align-items:center;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center;transition:all .2s}.type-option:hover{border-color:#bfdbfe}.type-option.selected{background-color:#eff6ff;border-color:#3b82f6}.type-icon{color:#6b7280;height:1.5rem;width:1.5rem}.type-option.selected .type-icon{color:#3b82f6}.type-description{color:#6b7280;font-size:.75rem;margin:0}.selected-members-preview{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.preview-member{align-items:center;background-color:#f3f4f6;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.preview-avatar{background-color:#3b82f6}.preview-name{color:#374151}.more-members{background-color:#e5e7eb;border-radius:6px;color:#6b7280;font-size:.75rem;font-weight:500;padding:.5rem}.group-avatar-preview-image{height:100%;object-fit:cover;width:100%}.member-avatar-fallback,.preview-avatar-fallback{align-items:center;background-color:#e0e0e0;display:flex;justify-content:center}.member-avatar-initials,.member-avatar-initials-large,.preview-avatar-initials{align-items:center;color:#666;display:flex;font-weight:600;justify-content:center}.member-avatar-initials{font-size:12px}.member-avatar-initials-large{font-size:16px}.app-nav{align-items:center;background:#eeedff00;display:flex;gap:10px;height:60px;justify-content:space-around;padding:0 5px;position:fixed;top:5px;width:-webkit-fill-available;z-index:3}#curaST{background:url(/static/media/curazon-logo.937d838b9d64464b12d4.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;flex-shrink:0;height:60px;transition:all .3s ease;width:200px}#curaST:hover{transform:scale(1.05)}.nav-scroll-container{align-items:center;background:var(--card-bg);border-radius:60px;box-shadow:var(--shadow-default);display:flex;flex-direction:row;gap:10px;height:100%;overflow-x:hidden;overflow-y:hidden;padding:0 10px;transition:all .3s ease;width:20vw}.nav-scroll-container:hover{overflow-x:auto}.nav-scroll-container::-webkit-scrollbar{height:6px}.nav-scroll-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.nav-scroll-container::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.nav-scroll-container::-webkit-scrollbar-thumb:hover{background:#0006}.nav-icon-container{align-items:center;background:var(--card-bg);border-radius:50%;box-shadow:var(--shadow-default);display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.nav-user-avatar-container{border:2px solid var(--border-color)}.nav-user-avatar{height:100%;object-fit:cover;width:100%}.nav-organizations-list{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:flex-start}.nav-icon-button{align-items:center;background:none;background:var(--bg-color);border:none;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;padding:10px;transition:background-color .2s;width:50px}.nav-icon-button:hover{background:linear-gradient(90deg,#1598b31a,#0a61721a);transform:scale(1.05);transition:all .3s ease}.nav-icon{color:var(--color-primary);font-size:24px}.nav-search-form{background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-default);left:60px;position:absolute;top:0;z-index:10}.nav-search-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);outline:none;padding:8px 15px;width:200px}.nav-friends-list{flex-direction:row;flex-wrap:nowrap;gap:5px}.nav-friends-list,.nav-item{align-items:center;display:flex}.nav-item{cursor:pointer;flex-shrink:0;height:auto;justify-content:center;min-width:70px}.nav-section-title{color:var(--text-color);flex-shrink:0;font-size:x-large;margin:0;padding-left:10px}.nav-section-icon{flex-shrink:0}.nav-groups-list{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:flex-start}.create-group-button,.create-organization-button{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:SenB;font-size:x-large;height:30px;justify-content:center;transition:all .3s ease;width:30px}.create-group-button:hover,.create-organization-button:hover{background:var(--gradient-hover);box-shadow:var(--shadow-primary);transform:scale(1.1)}.nav-group-avatar,.nav-org-avatar{background:#6c757d;border:2px solid var(--border-color);border-radius:50%;height:45px;object-fit:cover;width:45px}.nav-group-item:hover,.nav-org-item:hover{background:linear-gradient(90deg,#1598b31a,#0a61721a);border-radius:12px;transition:all .3s ease}.nav-group-item,.nav-org-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:auto;justify-content:center;min-width:70px;padding:5px;transition:background-color .2s ease}.nav-group-name,.nav-org-name{color:var(--text-color);font-family:SB;font-size:10px;max-width:60px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-friend-name,.nav-group-name,.nav-org-name{display:inline-block;max-width:60px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.nav-no-items{color:var(--text-color-secondary);font-size:12px;padding:10px;text-align:center}.nav-phone-viewport{display:contents}@media (max-width:768px){#curaST{height:55px;width:160px}.app-nav{gap:8px}}@media (max-width:480px){.nav-phone-viewport,.settings-nav{display:none}#curaST{height:50px;width:140px}.app-nav{background:linear-gradient(135deg,#e0f2fe,#fae8ff 50%,#fce7f3);gap:5px;height:80px;padding:0 3px;top:0}}.mobile-nav-container{display:none}@media (max-width:480px){.mobile-nav-container{bottom:20px;display:block;position:fixed;right:20px;z-index:1000}.mobile-discussion-fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:56px}.mobile-discussion-fab:active{transform:scale(.95)}.mobile-main-fab{align-items:center;background:linear-gradient(135deg,#1598b3,#0a6172);border:none;border-radius:50%;box-shadow:0 6px 20px #0003;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:32px;font-weight:700;height:64px;justify-content:center;transition:all .3s ease;width:64px}.mobile-main-fab.active{background:linear-gradient(135deg,#e74c3c,#c0392b)}.mobile-main-fab:active{transform:scale(.95)}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-content{animation:slideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:24px 24px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:70vh;overflow:hidden;padding:20px;position:fixed;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-menu-tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:10px;margin-bottom:15px;padding-bottom:15px}.mobile-menu-tab{align-items:center;background:#f8f9fa;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:12px;transition:all .3s ease}.mobile-menu-tab.active{background:linear-gradient(135deg,#1598b3,#0a6172);color:#fff;transform:scale(1.05)}.mobile-menu-tab:active{transform:scale(.95)}.mobile-menu-body{flex:1 1;overflow-y:auto}.mobile-menu-section{display:flex;flex-direction:column;gap:10px}.mobile-create-button{background:linear-gradient(135deg,#1598b3,#0a6172);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.mobile-create-button:active{transform:scale(.98)}.mobile-menu-items{display:flex;flex-direction:column;gap:8px}.mobile-menu-item{align-items:center;background:#f8f9fa;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:all .3s ease}.mobile-menu-item:active{background:#e9ecef;transform:scale(.98)}.mobile-menu-item img{border:2px solid #e0e0e0;border-radius:50%;height:45px;object-fit:cover;width:45px}.mobile-menu-item span{color:#333;color:var(--text-color,#333);flex:1 1;font-weight:500}.online-indicator{background:#4caf50;border-radius:50%;height:10px;position:absolute;right:12px;width:10px}.mobile-menu-empty{color:#999;font-size:14px;padding:20px;text-align:center}.mobile-discussion-fab.active{background:linear-gradient(135deg,#764ba2,#667eea);transform:rotate(0deg)}.mobile-discussions-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-discussions-container{animation:slideUp .3s ease;border-radius:24px 24px 0 0;bottom:0;flex-direction:column;left:0;max-height:85vh;overflow:hidden;position:fixed;right:0}.mobile-discussions-container,.mobile-discussions-header{background:#fff;background:var(--card-bg,#fff);display:flex}.mobile-discussions-header{align-items:center;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:20px}.mobile-discussions-header h3{color:#333;color:var(--text-color,#333);font-family:SenB,sans-serif;font-size:20px;font-weight:700;margin:0}.mobile-discussions-close{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:40px}.mobile-discussions-close:active{background:#ef444433;transform:scale(.95)}.mobile-discussions-content{background:#fafbfc;background:var(--bg-color,#fafbfc);flex:1 1;overflow-y:auto;padding:0}.mobile-discussions-placeholder{color:#999;font-size:14px;padding:40px 20px;text-align:center}.mobile-discussions-content .aside-container{left:0;max-width:100%;position:relative;top:0;width:100%}.mobile-discussions-content .app-aside{border-radius:0;max-height:none;min-height:auto;width:100%}}.create-organization-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.create-organization-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.create-organization-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.create-organization-content{flex:1 1;overflow-y:auto;padding:1.5rem}.create-organization-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.step-indicator{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.step-dots{display:flex;gap:.25rem}.step-dot{background-color:#d1d5db;border-radius:50%;height:8px;width:8px}.step-dot.active{background-color:#3b82f6}.step-dot.completed{background-color:#10b981}.step-text{color:#6b7280;font-size:.875rem}.close-button{border-radius:6px;padding:.25rem}.close-button:hover{background-color:#f3f4f6;color:#374151}.info-banner{align-items:flex-start;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.info-icon{color:#0369a1;flex-shrink:0}.info-title{color:#0369a1;font-weight:600;margin-bottom:.25rem}.info-description{color:#0284c7;font-size:.875rem}.search-icon{top:50%;transform:translateY(-50%)}.search-input{border-radius:8px;font-size:.875rem}.selected-header{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.selected-header-icon{color:#f59e0b;height:1rem;width:1rem}.selected-admins-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.selected-admin-chip{align-items:center;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:20px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.admin-avatar{align-items:center;background-color:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.admin-name{color:#92400e;font-weight:500}.remove-admin-button{border-radius:4px;color:#6b7280;padding:.125rem;transition:all .2s}.remove-admin-button:hover{background-color:#fef2f2;color:#ef4444}.admins-header{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.admins-header-icon{color:#6b7280;height:1rem;width:1rem}.admins-loading{display:flex;flex-direction:column;gap:.75rem}.admin-skeleton{align-items:center;display:flex;gap:.75rem;padding:.75rem}.skeleton-avatar{height:3rem;width:3rem}.skeleton-avatar,.skeleton-line{animation:pulse 2s infinite;background-color:#e5e7eb}.skeleton-line{border-radius:4px;height:.75rem}.skeleton-line-short{width:60%}.no-admins{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.no-admins-icon{color:#d1d5db;height:3rem;margin-bottom:1rem;width:3rem}.admins-list{display:flex;flex-direction:column;gap:.25rem}.admin-item{align-items:center;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s;width:100%}.admin-item:hover{background-color:#f9fafb}.admin-item.selected{background-color:#fffbeb;border:1px solid #fcd34d}.admin-avatar-large{height:60px;overflow:hidden;position:relative;width:60px}.admin-avatar-image,.admin-avatar-large{align-items:center;border-radius:50%;display:flex;justify-content:center}.admin-avatar-image{background-color:#f59e0b;color:#fff;font-size:1rem;font-weight:600;height:3rem;width:3rem}.admin-status{border:2px solid #fff;border-radius:50%;bottom:0;height:.75rem;position:absolute;right:0;width:.75rem}.admin-status.online{background-color:#10b981}.admin-status.offline{background-color:#9ca3af}.admin-info{flex:1 1}.admin-fullname{color:#111827;font-weight:600;margin-bottom:.125rem}.admin-username{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.admin-lastseen{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:.25rem}.admin-lastseen-icon{height:.75rem;width:.75rem}.admin-check{color:#f59e0b}.admin-check-icon{height:1.25rem;width:1.25rem}.settings-section{display:flex;flex-direction:column;gap:1.5rem}.form-input{border-radius:8px;font-size:.875rem;padding:.75rem;transition:all .2s}.form-textarea{min-height:80px;resize:vertical}.char-count{color:#6b7280;text-align:right}.tags-input-container{display:flex;flex-direction:column;gap:.5rem}.tags-input{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:.5rem;padding:.75rem}.tags-icon{color:#9ca3af;flex-shrink:0}.tags-field{border:none;flex:1 1;font-size:.875rem;outline:none}.add-tag-button{background-color:#3b82f6;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s}.add-tag-button:hover:not(:disabled){background-color:#2563eb}.add-tag-button:disabled{background-color:#d1d5db;cursor:not-allowed}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#eff6ff;color:#1e40af;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.remove-tag{border-radius:2px;color:#6b7280;padding:.125rem;transition:all .2s}.remove-tag:hover{background-color:#fef2f2;color:#ef4444}.selected-admins-preview{flex-wrap:wrap}.preview-admin,.selected-admins-preview{align-items:center;display:flex;gap:.5rem}.preview-admin{background-color:#fffbeb;border:1px solid #fcd34d;border-radius:6px;padding:.5rem}.preview-avatar{align-items:center;background-color:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.preview-name{color:#92400e;font-size:.875rem;font-weight:500}.preview-crown{color:#f59e0b}.more-admins{background-color:#e5e7eb;border-radius:6px;color:#6b7280;font-size:.75rem;font-weight:500;padding:.5rem}.error-message{color:#ef4444;font-size:.875rem;gap:.5rem;padding:.75rem}.error-icon{height:1rem;width:1rem}.back-button{border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.back-button:hover{background-color:#f9fafb}.action-buttons{gap:.75rem}.create-button,.next-button{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.create-button:hover:not(:disabled),.next-button:hover:not(:disabled){background-color:#2563eb}.create-button:disabled,.next-button:disabled{background-color:#d1d5db;cursor:not-allowed}.spinner{border:2px solid #0000;border-top-color:#fff;height:1rem;width:1rem}.avatar-upload-container{align-items:flex-start;display:flex;gap:20px;margin-bottom:10px}.avatar-preview{align-items:center;background-color:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.org-avatar-preview-image{height:100%;object-fit:cover;width:100%}.avatar-upload-controls{flex:1 1;flex-direction:column;gap:10px}.avatar-file-input{display:none}.avatar-upload-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s}.avatar-upload-button:hover{background-color:#0056b3}.avatar-remove-button{align-items:center;background-color:#dc3545;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s}.avatar-remove-button:hover{background-color:#c82333}.avatar-help-text{color:#6c757d;font-size:12px;margin-top:5px}.admin-avatar-image,.admin-avatar-image-large,.preview-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.admin-avatar-fallback,.preview-avatar-fallback{align-items:center;background-color:#e0e0e0;display:flex;justify-content:center}.admin-avatar-initials,.admin-avatar-initials-large,.preview-avatar-initials{align-items:center;color:#666;display:flex;font-weight:600;justify-content:center}.admin-avatar-initials{font-size:12px}.admin-avatar-initials-large{font-size:16px}.preview-avatar-initials{font-size:10px}.theme-toggle{align-items:center;background:var(--card-bg);border:none;border-radius:50%;box-shadow:var(--shadow-default);color:var(--text-color);cursor:pointer;display:flex;height:45px;justify-content:center;margin:0 10px;transition:all .3s ease;width:45px}.theme-toggle:hover:not(:disabled){background:var(--gradient-primary);box-shadow:var(--shadow-primary);color:#fff;transform:translateY(-2px) scale(1.05)}.theme-toggle:active:not(:disabled){transform:translateY(0) scale(.95)}.theme-toggle:disabled{cursor:not-allowed;opacity:.5}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover:not(:disabled) svg{transform:rotate(20deg)}@keyframes rotate-in{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.theme-toggle svg{animation:rotate-in .3s ease}.nav-notification-container{align-items:center;background:var(--card-bg);border-radius:50%;box-shadow:var(--shadow-default);display:inline-block;display:flex;height:50px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:50px}.nav-notification-container:hover{box-shadow:0 12px 35px #667eea66,0 6px 18px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.03)}.nav-notification-bell{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;transition:all .3s ease;width:100%}.nav-notification-bell:active{transform:scale(.95)}.nav-notification-bell.has-unread .bell-icon{animation:gentleRing 1.5s ease-in-out infinite}.bell-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:24px}.connection-dot{border:2px solid #fff;border-radius:50%;bottom:6px;box-shadow:0 2px 4px #0003;height:12px;position:absolute;right:6px;width:12px}.connection-dot.connected{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#45a049)}.connection-dot.disconnected{background:linear-gradient(135deg,#f44,#c00)}.notification-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:2px solid #fff;border-radius:12px;box-shadow:0 3px 8px #ff6b6b66,0 2px 4px #0003;font-size:11px;min-width:20px;padding:3px 8px}.notification-dropdown{animation:slideDownFade .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000026,0 8px 25px #0000001a;max-width:90vw;overflow:hidden;position:absolute;top:calc(100% + 15px);width:440px;z-index:1000}.notification-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.notification-header:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.notification-header h3{font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.notification-actions{gap:8px}.mark-all-read-btn,.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.mark-all-read-btn:hover,.refresh-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.notification-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px}.filter-group{display:flex;gap:8px;margin-bottom:12px}.filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-1px)}.filter-btn:hover:not(.active){background:#f1f5f9;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.category-filters{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000d;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.category-btn:hover:not(.active){background:#f1f5f9;transform:translateY(-1px)}.category-icon{font-size:14px}.category-count{background:#fff3;border-radius:8px;color:inherit;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.notification-list{max-height:500px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.notification-item{align-items:flex-start;animation:slideInUp .4s ease;background:#fff;border-bottom:1px solid #f1f5f9;gap:16px;padding:20px 24px;transition:all .3s ease}.notification-item:hover{background:#f8fafc;box-shadow:0 4px 15px #0000000d;transform:translateX(4px)}.notification-item.unread{background:linear-gradient(135deg,#f0f4ff,#f8faff);border-left:4px solid #667eea}.notification-item.unread:hover{background:linear-gradient(135deg,#e6edff,#f0f4ff)}.notification-item.high-priority{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b}.notification-item.critical-priority{animation:criticalPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444}.notification-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.notification-item.unread .notification-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.sender-avatar{border-radius:14px;height:100%;object-fit:cover;width:100%}.type-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:20px}.notification-header-line{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.notification-title{color:#1e293b;flex:1 1;font-size:15px;font-weight:700;line-height:1.4}.priority-badge{border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;line-height:1.5;margin:6px 0;overflow:hidden}.notification-meta{align-items:center;display:flex;gap:12px;margin-top:8px}.notification-time{color:#94a3b8;font-weight:500}.notification-sender{color:#667eea;font-size:12px;font-weight:600}.notification-actions{display:flex;flex-direction:column;gap:4px;opacity:0;transition:all .3s ease}.notification-item:hover .notification-actions{opacity:1}.mark-read-btn,.notification-delete{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.mark-read-btn:hover{background:#10b981;color:#fff;transform:scale(1.1)}.notification-delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.unread-indicator{animation:indicatorPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 6px #667eea66;left:12px}.notification-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border:3px solid #f1f5f9;border-top-color:#667eea;box-shadow:0 4px 12px #0000001a;height:44px;margin-bottom:16px;width:44px}.notification-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{filter:grayscale(.3);font-size:64px;margin-bottom:16px;opacity:.7}.notification-empty p{color:#475569;font-size:16px;font-weight:600;margin:0 0 8px}.notification-empty small{color:#94a3b8;font-size:14px}.load-more-container{border-top:1px solid #f1f5f9;padding:16px 24px}.load-more-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 15px #0000001a;transform:translateY(-1px)}.small-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.notification-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 24px;position:relative}.footer-actions{gap:12px;margin-bottom:12px}.mark-all-read-btn.footer,.view-all-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.view-all-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.mark-all-read-btn.footer{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;color:#475569}.mark-all-read-btn.footer:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.connection-status{color:#64748b;font-weight:600;gap:8px;justify-content:center}.status-dot{height:8px;width:8px}.status-dot.connected{animation:pulse 2s ease-in-out infinite;background:#10b981}.status-dot.disconnected{background:#ef4444}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gentleRing{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-8deg) scale(1.05)}75%{transform:rotate(8deg) scale(1.05)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes indicatorPulse{0%,to{box-shadow:0 2px 6px #667eea66;transform:translateY(-50%) scale(1)}50%{box-shadow:0 4px 12px #667eea99;transform:translateY(-50%) scale(1.3)}}@keyframes criticalPulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef44441a}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-notification-container{position:static;right:16px;top:16px}.notification-dropdown{border-radius:20px;max-width:calc(100vw - 32px);right:-8px;width:calc(100vw - 32px)}.notification-list{max-height:60vh}.notification-header,.notification-item{padding:16px 20px}.notification-filters,.notification-footer{padding:12px 20px}.category-filters{gap:4px}.category-btn{font-size:12px;padding:6px 12px}}@media (prefers-color-scheme:light){.notification-dropdown{background:#1e293b;border:1px solid #334155}.notification-header{background:linear-gradient(135deg,#4c51bf,#7e22ce)}.notification-filters{background:#0f172a;border-bottom-color:#334155}.filter-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.filter-btn.active{background:linear-gradient(135deg,#4c51bf,#7e22ce)}.filter-btn:hover:not(.active){background:#334155}.category-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.notification-item{background:#1e293b;border-bottom-color:#334155}.notification-item:hover{background:#334155}.notification-item.unread{background:linear-gradient(135deg,#1e1b4b,#1e293b)}.notification-title{color:#f1f5f9}.notification-message{color:#94a3b8}.notification-footer{background:#0f172a;border-top-color:#334155}.load-more-btn{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#cbd5e1}.mark-read-btn,.notification-delete{background:#334155;border-color:#475569;color:#cbd5e1}}.category-btn:focus-visible,.filter-btn:focus-visible,.nav-notification-bell:focus-visible,.notification-item:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.notification-dropdown{border:2px solid}.notification-item.unread{border-left:4px solid}}.settings-overlay{align-items:center;animation:fadeIn .3s ease;-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:2000}.settings-container{animation:slideUp .3s ease;border-radius:24px;box-shadow:0 20px 60px #0000004d;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.settings-container,.settings-header{background:#fff;background:var(--card-bg,#fff);display:flex}.settings-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;padding:24px 32px}.settings-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1598b3,#0a6172);-webkit-background-clip:text;color:#1f2937;color:var(--text-color,#1f2937);font-size:28px;font-weight:700;margin:0}.settings-close-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.settings-close-btn:hover{background:#ef444433;transform:scale(1.1)}.settings-tabs{background:#fafbfc;background:var(--bg-color,#fafbfc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;overflow-x:auto;padding:16px 32px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;color:var(--text-color-secondary,#6b7280);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.settings-tab:hover{background:#1598b31a;color:#1f2937;color:var(--text-color,#1f2937)}.settings-tab.active{background:linear-gradient(135deg,#1598b3,#0a6172);box-shadow:0 4px 12px #1598b34d;color:#fff}.settings-tab svg{flex-shrink:0}.settings-content{background:#fafbfc;background:var(--bg-color,#fafbfc);flex:1 1;overflow-y:auto;padding:32px}.settings-section{margin:0 auto;max-width:600px}.settings-section h3{font-size:20px;margin:0 0 24px}.settings-section h3,.settings-section-title{color:#1f2937;color:var(--text-color,#1f2937);font-weight:600}.settings-section-title{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);font-size:18px;margin:32px 0 16px;padding-top:24px}.settings-form-group{margin-bottom:24px}.settings-form-group label{color:#374151;color:var(--text-color,#374151);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.settings-form-group input,.settings-form-group select,.settings-form-group textarea{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#1f2937;color:var(--text-color,#1f2937);font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.settings-form-group input:focus,.settings-form-group select:focus,.settings-form-group textarea:focus{border-color:#1598b3;box-shadow:0 0 0 3px #1598b31a;outline:none}.settings-form-group input:disabled{background:#f3f4f6;background:var(--bg-color,#f3f4f6);cursor:not-allowed;opacity:.6}.settings-form-group small{color:#6b7280;color:var(--text-color-secondary,#6b7280);display:block;font-size:13px;margin-top:6px}.settings-form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.settings-toggle-group{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:20px;transition:all .3s ease}.settings-toggle-group:hover{border-color:#1598b3;box-shadow:0 4px 12px #1598b31a}.settings-toggle-info{align-items:center;display:flex;flex:1 1;gap:16px}.settings-toggle-icon{align-items:center;background:linear-gradient(135deg,#1598b3,#0a6172);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.settings-toggle-info h4{color:#1f2937;color:var(--text-color,#1f2937);font-size:16px;font-weight:600;margin:0 0 4px}.settings-toggle-info p{color:#6b7280;color:var(--text-color-secondary,#6b7280);font-size:14px;margin:0}.settings-toggle{display:inline-block;flex-shrink:0;height:32px;position:relative;width:56px}.settings-toggle input{height:0;opacity:0;width:0}.settings-toggle-slider{background-color:#cbd5e1;border-radius:32px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.settings-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:24px;left:4px;position:absolute;transition:.4s;width:24px}.settings-toggle input:checked+.settings-toggle-slider{background:linear-gradient(135deg,#1598b3,#0a6172)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(24px)}.settings-save-btn{align-items:center;background:linear-gradient(135deg,#1598b3,#0a6172);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:24px;padding:14px 24px;transition:all .3s ease;width:100%}.settings-save-btn:hover:not(:disabled){box-shadow:0 8px 20px #1598b366;transform:translateY(-2px)}.settings-save-btn:disabled{cursor:not-allowed;opacity:.6}.settings-footer{background:#fff;background:var(--card-bg,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:20px 32px}.settings-logout-btn{align-items:center;background:#ef44441a;border:2px solid #dc2626;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.settings-logout-btn:hover{background:#dc2626;box-shadow:0 8px 20px #dc26264d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.settings-container{max-height:95vh;width:95%}.settings-header{padding:20px 24px}.settings-header h2{font-size:24px}.settings-tabs{padding:12px 24px}.settings-tab{font-size:14px;padding:10px 16px}.settings-content{padding:24px}.settings-footer{padding:16px 24px}}@media (max-width:480px){.settings-container{border-radius:0;max-height:100vh;width:100%}.settings-header{padding:16px 20px}.settings-header h2{font-size:20px}.settings-tabs{gap:4px;padding:12px 20px}.settings-tab{font-size:13px;padding:8px 12px}.settings-tab span{display:none}.settings-content{padding:20px}.settings-toggle-group{padding:16px}.settings-toggle-icon{height:40px;width:40px}.settings-toggle-info h4{font-size:14px}.settings-toggle-info p{font-size:12px}}[data-theme=dark]{.settings-container,.settings-header{background:#1f2937}.settings-header,.settings-tabs{border-bottom-color:#374151}.settings-content,.settings-tabs{background:#111827}.settings-footer{background:#1f2937;border-top-color:#374151}.settings-form-group input,.settings-form-group select,.settings-form-group textarea{background:#1f2937;border-color:#374151;color:#f3f4f6}.settings-form-group input:disabled{background:#111827}.settings-toggle-group{background:#1f2937;border-color:#374151}.settings-toggle-slider{background-color:#4b5563}}.post-soq-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:20px auto;max-width:800px}.post-soq-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.post-soq-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;color:#666;font-size:1.5rem;height:35px;transition:background-color .2s;width:35px}.close-btn:hover{background:#e0e0e0}.post-soq-form{padding:20px}.user-info{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:20px;padding-bottom:15px}.user-avatar{height:50px;margin-right:15px;width:50px}.user-name{color:#333;font-size:1.1rem;font-weight:600}.post-textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-bottom:20px;padding:15px;transition:border-color .2s}.post-textarea:focus{border-color:#007bff;outline:none}.post-textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.selected-soq-preview{background:#f8fbff;border:2px solid #007bff;border-radius:8px;margin-bottom:25px;padding:15px;position:relative}.soq-preview-header{margin-bottom:10px}.soq-preview-header h4{color:#333;font-size:1.1rem}.remove-soq-btn{background:#dc3545;border-radius:4px;color:#fff;font-size:.8rem;padding:4px 8px}.remove-soq-btn:hover:not(:disabled){background:#c82333}.soq-preview-details{gap:10px}.soq-mode,.soq-topic,.soq-type{background:#007bff;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.soq-description{font-size:.9rem}.soq-selection-section{margin-bottom:25px}.soq-selection-section h3{color:#333;font-size:1.2rem;margin:0 0 15px}.soq-search-container{margin-bottom:20px;position:relative}.soq-search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 40px 12px 15px;transition:border-color .2s;width:100%}.soq-search-input:focus{border-color:#007bff;outline:none}.soq-search-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.clear-search-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:25px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:25px}.clear-search-btn:hover{background:#f0f0f0;border-radius:50%;color:#333}.soq-list-container{border:1px solid #e0e0e0;border-radius:8px;padding:10px}.error-message,.loading-soqs,.no-soqs-found{color:#666;font-style:italic;padding:40px;text-align:center}.error-message{font-style:normal}.soq-grid{padding:5px}.soq-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.soq-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff1a;transform:translateY(-2px)}.soq-card.selected{background:#f8fbff;border-color:#007bff}.soq-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.soq-card-header h4{color:#333;font-size:1rem;margin:0}.selected-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.soq-card-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.soq-mode-badge,.soq-type-badge{background:#6c757d;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;padding:2px 6px}.soq-topic-text{color:#666;font-size:.85rem;margin:0 0 10px}.soq-stats{color:#888;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:10px}.soq-card-actions{display:flex;justify-content:flex-end}.select-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background-color .2s}.select-btn:hover{background:#0056b3}.select-btn.selected{background:#28a745}.select-btn:disabled{cursor:not-allowed;opacity:.6}.form-actions{border-top:1px solid #f0f0f0;gap:15px;padding-top:20px}.cancel-btn,.post-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:10px 20px;transition:all .2s}.cancel-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.post-btn{background:#007bff;color:#fff}.post-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.post-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.create-soq-btn{background:#28a745;border-radius:4px;padding:8px 16px}.create-soq-btn:hover{background:#218838}.soq-list-container::-webkit-scrollbar{width:6px}.soq-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.soq-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.soq-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.post-soq-embedded{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;width:100%}.soq-selector-header{padding:20px}.soq-selector-header h3{color:#333;font-size:1.25rem}.close-soq-selector{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.close-soq-selector:hover{background:#f0f0f0}.soq-selector-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin-top:auto;padding:15px}.confirm-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px}.confirm-btn:hover:not(:disabled){background:#0056b3}.confirm-btn:disabled{background:#ccc;cursor:not-allowed}.soq-list-container{flex:1 1;max-height:400px;overflow-y:auto}.soq-grid{grid-gap:15px;gap:15px;padding:10px}.post-image-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:900px;overflow:hidden;width:90%}.modal-header{background-color:#f8f9fa;padding:20px 24px}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{font-size:28px;height:40px;padding:5px;width:40px}.close-button:hover{background-color:#e9ecef}.close-button:disabled{opacity:.6}.content-tabs{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:15px 20px;transition:all .3s ease}.tab-button.active{background-color:#fff;border-bottom-color:#007bff;color:#007bff}.tab-button:hover:not(.active){background-color:#f0f0f0;color:#333}.tab-content{max-height:400px;overflow-y:auto;padding:0}.existing-images-section{padding:20px}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border-top-color:#007bff;margin-bottom:15px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.image-card{background-color:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.image-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.image-card.selected{border-color:#007bff;box-shadow:0 4px 16px #007bff4d}.card-image{height:120px;overflow:hidden}.card-img{display:block;height:100%;object-fit:cover;width:100%}.card-info{padding:12px}.image-caption{font-size:14px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-meta{color:#666;font-size:12px}.upload-section{padding:30px}.upload-container{background-color:#fafafa;border:2px dashed #ddd;border-radius:12px;transition:all .3s ease}.upload-container:hover{background-color:#f0f8ff;border-color:#007bff}.upload-prompt{cursor:pointer;padding:60px 40px;text-align:center}.upload-icon-large{font-size:64px;margin-bottom:20px;opacity:.7}.upload-title{color:#333;font-size:20px;font-weight:600;margin-bottom:10px}.upload-subtitle{color:#666;font-size:14px;margin-bottom:5px}.upload-details{color:#999;font-size:12px;margin-bottom:20px}.browse-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.browse-button:hover{background-color:#0056b3}.image-preview{padding:20px}.preview-header{margin-bottom:15px}.preview-header h4{color:#333;margin:0}.remove-preview{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:5px}.remove-preview:hover{color:#333}.preview-content{gap:20px}.preview-image{border-radius:8px;height:120px;width:120px}.preview-info{flex:1 1}.file-name{color:#333;font-weight:600;margin-bottom:8px;word-break:break-all}.file-size,.file-type{color:#666;font-size:14px;margin-bottom:4px}.selection-preview{background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:15px 20px}.preview-summary{align-items:center;display:flex;gap:15px}.summary-thumbnail{border:1px solid #ddd;border-radius:4px;height:50px;object-fit:cover;width:50px}.summary-info{flex:1 1}.summary-name{color:#333;font-weight:600;margin-bottom:4px}.summary-type{color:#666;font-size:12px}.error-message{background-color:#f8d7da;border-radius:6px;gap:10px;margin:15px 20px;padding:12px 20px}.modal-actions{background-color:#f8f9fa;border-top:1px solid #e0e0e0;gap:12px;padding:20px 24px}.cancel-button,.confirm-button{border-radius:6px;font-size:14px;font-weight:600;transition:all .3s ease}.cancel-button:hover:not(:disabled){background-color:#545b62}.confirm-button{align-items:center;background-color:#007bff;display:flex;gap:8px}.confirm-button:hover:not(:disabled){background-color:#0056b3}.confirm-button:disabled{background-color:#ccc;cursor:not-allowed}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.post-image-embedded{padding:0}.image-selector-tabs{border-bottom:1px solid #e0e0e0;display:flex}.images-grid-compact{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:200px;overflow-y:auto;padding:15px}.image-thumbnail-compact{border:2px solid #0000;border-radius:6px;cursor:pointer;overflow:hidden;transition:all .3s ease}.image-thumbnail-compact:hover{border-color:#007bff}.image-thumbnail-compact.selected{border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.thumbnail-img{display:block;height:80px;object-fit:cover;width:100%}.upload-area{border:2px dashed #ddd;border-radius:8px;cursor:pointer;margin:15px;padding:30px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{background-color:#f0f8ff;border-color:#007bff}.embedded-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:15px}.empty-state{padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.empty-state h3{color:#333;margin:0 0 10px}.empty-state p{font-size:14px;margin:0 0 20px}.upload-first-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.no-images-message{color:#666;padding:40px 20px;text-align:center}.switch-to-upload{background:none;border:none;color:#007bff;cursor:pointer;margin-top:10px;text-decoration:underline}@media (max-width:768px){.post-image-modal{margin:20px;width:95%}.images-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.preview-content{text-align:center}.modal-actions,.preview-content{flex-direction:column}.cancel-button,.confirm-button{width:100%}}@media (max-width:480px){.images-grid{grid-template-columns:repeat(2,1fr)}.card-image{height:100px}.upload-prompt{padding:40px 20px}.upload-icon-large{font-size:48px}}.add-new-post{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:500px;position:relative}.post-prompt{cursor:pointer;padding:16px;transition:background-color .3s ease}.post-prompt:hover{background-color:#f8f9fa}.prompt-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.user-avatar{border:2px solid #e1e5e9;border-radius:50%;height:40px;object-fit:cover;width:40px}.prompt-text{background-color:#f0f2f5;border-radius:24px;color:#65676b;cursor:pointer;flex:1 1;font-size:16px;padding:12px 16px;transition:background-color .3s ease}.prompt-text:hover{background-color:#e4e6ea}.prompt-actions{display:flex;gap:8px;justify-content:space-around}.prompt-action-btn{background:none;border:none;border-radius:6px;color:#65676b;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.prompt-action-btn:hover{background-color:#f2f3f4}.post-form-container{padding:16px}.post-form-header{align-items:center;border-bottom:1px solid #e4e6ea;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.post-form-header h3{color:#1c1e21;font-size:20px;font-weight:600;margin:0}.close-form-btn{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:background-color .3s ease;width:32px}.close-form-btn:hover{background-color:#f2f3f4}.form-user-info{align-items:center;display:flex;gap:12px;margin-bottom:16px}.form-user-avatar{border:2px solid #e1e5e9;border-radius:50%;height:40px;object-fit:cover;width:40px}.form-user-name{color:#1c1e21;font-weight:600}.post-textarea{background-color:initial;border:none;color:#1c1e21;font-family:inherit;font-size:18px;min-height:100px;outline:none;padding:12px;resize:vertical;width:100%}.post-textarea::placeholder{color:#65676b;font-size:18px}.post-textarea:disabled{opacity:.6}.image-preview-container{border:1px solid #e4e6ea;border-radius:8px;margin:16px 0;overflow:hidden;position:relative}.image-preview{display:block;height:auto;max-height:400px;object-fit:cover;width:100%}.remove-image-btn{background:#000000b3;font-size:18px;height:32px;transition:background-color .3s ease;width:32px}.remove-image-btn:hover{background:#000000e6}.post-options{border:1px solid #e4e6ea;border-radius:8px;margin:16px 0;padding:16px}.add-to-post{align-items:center;display:flex;justify-content:space-between}.add-to-post span{color:#1c1e21;font-weight:600}.option-buttons{display:flex;gap:8px}.option-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:background-color .3s ease,transform .2s ease;width:36px}.option-btn:hover:not(:disabled){transform:scale(1.1)}.option-btn:disabled{cursor:not-allowed;opacity:.5}.photo-option{background-color:#45bd62;color:#fff}.photo-option:hover:not(:disabled){background-color:#42b883}.tag-option{background-color:#1877f2;color:#fff}.feeling-option{background-color:#f7b928;color:#fff}.location-option{background-color:#f5533d;color:#fff}.form-actions{margin-top:16px}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background-color .3s ease}.cancel-btn{background-color:#e4e6ea;color:#1c1e21}.cancel-btn:hover:not(:disabled){background-color:#d8dadf}.submit-btn{background-color:#1877f2;color:#fff;min-width:80px}.submit-btn:hover:not(:disabled){background-color:#166fe5}.submit-btn:disabled{background-color:#e4e6ea;color:#bcc0c4;cursor:not-allowed}.message-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.message-modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:24rem;padding:1.5rem;text-align:center;width:100%}.message-text{color:#1f2937;font-size:1.125rem}.modal-ok-btn{background-color:#4f46e5;border-radius:.375rem;color:#fff;margin-top:1rem;padding:.5rem 1rem;transition-duration:.15s;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-ok-btn:hover{background-color:#4338ca}.loading-overlay{border-radius:12px;color:#65676b;flex-direction:column;font-size:16px}.loading-overlay .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e4e6ea;border-radius:50%;border-top-color:#1877f2;height:32px;margin-bottom:12px;width:32px}@media (max-width:768px){.add-new-post{border-radius:0;margin:0 0 16px}.post-textarea{font-size:16px;min-height:80px}.post-textarea::placeholder{font-size:16px}.prompt-actions{gap:4px}.prompt-action-btn{font-size:12px;padding:6px 8px}.form-actions{gap:8px}.cancel-btn,.submit-btn{font-size:12px;padding:8px 16px}}.soq-preview-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:10px 0;padding:12px}.soq-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.soq-preview-header h4{color:#1a1a1a;font-size:16px;margin:0}.remove-soq-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:4px}.remove-soq-btn:hover{color:#f44}.soq-preview-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.soq-mode,.soq-topic,.soq-type{background:#e9ecef;border-radius:12px;color:#495057;font-size:12px;padding:2px 8px}.soq-description{color:#666;font-size:14px;margin:0}.soq-selector-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.soq-selector-modal{background:#fff;border-radius:12px;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.soq-selector-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.soq-selector-header h3{color:#1a1a1a;margin:0}.close-soq-selector{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.soq-list{max-height:400px;overflow-y:auto;padding:16px}.no-soqs{padding:40px 20px;text-align:center}.create-soq-btn{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.create-soq-btn:hover{background:#166fe5}.soq-item{align-items:center;border:1px solid #e0e0e0;cursor:pointer;justify-content:space-between;margin-bottom:8px;padding:12px;transition:background-color .2s}.soq-item:hover{background-color:#f8f9fa}.soq-item-info h4{color:#1a1a1a;margin:0 0 4px}.soq-meta span{background:#e9ecef;border-radius:10px;color:#495057;font-size:11px;padding:2px 6px}.select-soq-btn{background:#1877f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.select-soq-btn:hover{background:#166fe5}.prompt-action-btn.soq-btn{background:#28a745;color:#fff}.prompt-action-btn.soq-btn:hover{background:#218838}.option-btn.soq-option{background:#28a745;color:#fff}.option-btn.soq-option:hover{background:#218838}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.comments-container{background:#fff!important;border-radius:8px;border-radius:20px;box-shadow:0 2px 8px #0000001a;margin-left:50px;max-height:35rem;overflow-y:auto;padding:20px;width:40%}.comments-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.comments-header,.header-left{align-items:center;display:flex}.header-left{gap:10px}.comment-icon{color:#1598b3;font-size:24px}.comments-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.connection-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.connection-status.connected{background:#d4edda;color:#155724}.header-right{position:relative}.notification-bell{background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:24px;padding:8px;position:relative;transition:all .3s ease}.notification-bell:hover{background:#f0f0f0;color:#1598b3}.notification-bell.has-unread{animation:bellShake .5s ease-in-out;color:#1598b3}@keyframes bellShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.notification-badge{background:#f44;border-radius:10px;min-width:18px;padding:2px 6px;right:2px;text-align:center;top:2px}.notifications-dropdown{box-shadow:0 4px 16px #00000026;margin-top:8px;max-height:400px;overflow:hidden;width:350px}.notifications-header{border-bottom:1px solid #e0e0e0;padding:12px 16px}.notifications-header h4{color:#333;font-size:16px}.mark-all-read{background:#0000;color:#1598b3;font-size:13px;transition:background .2s}.mark-all-read:hover{background:#1598b31a}.notifications-list{max-height:340px}.no-notifications{padding:40px 20px}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .2s}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#e8f4f8}.notification-item.unread:hover{background:#d4e9f0}.notification-avatar{background:#e0e0e0;border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.notification-avatar img{height:100%;object-fit:cover;width:100%}.notification-avatar .avatar-fallback{align-items:center;background:linear-gradient(135deg,#1598b3,#0e7a8f);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.notification-content{flex:1 1;min-width:0}.notification-content p{color:#333;font-size:14px;line-height:1.4;margin:0 0 4px}.notification-content strong{color:#1598b3;font-weight:600}.notification-time{color:#999;font-size:12px}.unread-indicator{background:#1598b3;border-radius:50%;height:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px}.comment-input-container{margin-bottom:24px}.replying-to-banner{align-items:center;background:#e8f4f8;border-left:3px solid #1598b3;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.replying-to-banner span{color:#0e7a8f;font-size:14px;font-weight:500}.replying-to-banner button{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.replying-to-banner button:hover{background:#0000001a;color:#333}.comment-form{display:flex;flex-direction:column;gap:12px}.comment-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.comment-textarea:focus{border-color:#1598b3;outline:none}.image-preview{margin-top:12px;max-width:200px}.image-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s;width:28px}.remove-image-btn:hover{background:#000c}.link-input-container{align-items:center;display:flex;gap:8px;margin-top:8px}.link-input{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.close-link-btn{align-items:center;background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-link-btn:hover{background:#e0e0e0;color:#333}.comment-form-actions{align-items:center;display:flex;justify-content:space-between}.attachment-buttons{display:flex;gap:8px}.attachment-btn{align-items:center;background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.attachment-btn:hover{background:#1598b3;color:#fff}.submit-comment-btn-soq{align-items:center;background:#1598b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .3s}.containerE.comment-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:4px;padding:6px 12px;position:relative;transition:all .2s ease}.containerE.comment-button:hover{background:#007bff1a;transform:translateY(-1px)}.containerE.comment-button:active{transform:translateY(0)}.containerE.comment-button:disabled{cursor:not-allowed;opacity:.6}.comment-count{background:#f0f0f0;color:#555;font-size:12px;font-weight:600;min-width:20px;transition:all .2s ease}.containerE.comment-button:hover .comment-count{background:#e3f2fd;color:#007bff}.unread-badge{animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:10px;box-shadow:0 2px 4px #ff6b6b4d;height:16px;min-width:16px;padding:2px 5px;z-index:10}@keyframes pulse-badge{0%,to{box-shadow:0 2px 4px #ff6b6b4d;transform:scale(1)}50%{box-shadow:0 4px 8px #ff6b6b80;transform:scale(1.1)}}.containerE.comment-button.has-unread{animation:wiggle 1s ease-in-out 3}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.socket-indicator{height:8px;position:relative;width:8px}.socket-indicator.offline{animation:blink 2s infinite;background:#ff6b6b}.socket-indicator.online{background:#51cf66;box-shadow:0 0 4px #51cf6680}.targ.comment-activity{background:#e3f2fd;border-radius:12px;color:#1976d2;font-weight:600;padding:4px 12px}.targ.unread-activity{animation:highlight-unread 2s ease-in-out infinite;background:#ffebee;border-radius:12px;color:#d32f2f;font-weight:700;padding:4px 12px}@keyframes highlight-unread{0%,to{background:#ffebee}50%{background:#ffcdd2}}.targ.last-activity{background:#f5f5f5;color:#666}.targ.last-activity,.targ.realtime-indicator{border-radius:12px;font-size:11px;padding:4px 12px}.targ.realtime-indicator{font-weight:600}@media (max-width:768px){.containerE.comment-button{padding:4px 8px}.comment-count{font-size:11px;padding:1px 4px}.unread-badge{font-size:9px;height:14px;min-width:14px;padding:1px 4px}}@media (prefers-color-scheme:dark){.comment-count{background:#333;color:#ccc}.containerE.comment-button:hover .comment-count{background:#1976d2;color:#fff}.targ.comment-activity{background:#1565c0;color:#e3f2fd}.targ.last-activity{background:#424242;color:#bdbdbd}}.submit-comment-btn-soq:hover:not(:disabled){background:#0e7a8f}.submit-comment-btn-soq:disabled{background:#ccc;cursor:not-allowed}.typing-indicator{background:#f8f9fa;border-radius:6px;color:#666;font-style:italic;padding:8px 12px}.comments-list{display:flex;flex-direction:column;gap:16px}.no-comments{color:#999;padding:60px 20px;text-align:center}.no-comments p{font-size:16px;margin:0}.comment-item{background:#fafafa!important;border-radius:8px;display:flex;gap:12px;padding:16px;transition:background .2s}.comment-item:hover{background:#f0f0f0}.comment-item.reply{background:#f5f5f5;margin-left:20px}.comment-item.depth-0{margin-left:0}.comment-item.depth-1{border-left:3px solid #e0e0e0;margin-left:30px;padding-left:16px}.comment-item.depth-2{border-left:3px solid #d0d0d0;margin-left:60px;padding-left:16px}.comment-item.depth-3{border-left:3px solid silver;margin-left:90px;padding-left:16px}.comment-item.depth-4{border-left:3px solid #b0b0b0;margin-left:120px;padding-left:16px}.comment-item.depth-5{border-left:3px solid #a0a0a0;margin-left:150px;padding-left:16px}.comment-avatar{background:#e0e0e0;border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.comment-avatar img{display:block;height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#1598b3,#0e7a8f);color:#fff;display:none;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.avatar-fallback.hidden{display:none}.comment-content{flex:1 1;min-width:0}.comment-header{justify-content:space-between;margin-bottom:8px}.comment-author-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.author-name{color:#333;font-size:14px;font-weight:600}.comment-time{color:#999;font-size:12px}.edited-badge{background:#e0e0e0;border-radius:4px;color:#666;font-size:11px;padding:2px 6px}.comment-options{position:relative}.options-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.options-btn:hover{background:#0000001a}.options-menu{background:#fff;border-radius:6px;box-shadow:0 2px 12px #00000026;margin-top:4px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.options-menu button{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:background .2s;width:100%}.options-menu button:hover{background:#f0f0f0}.options-menu button.delete-option{color:#dc3545}.options-menu button.delete-option:hover{background:#fff5f5}.edit-comment-form{margin-top:8px}.edit-textarea{border:2px solid #1598b3;border-radius:6px;font-family:inherit;font-size:14px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.edit-actions{display:flex;gap:8px;margin-top:8px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.btn-save{background:#1598b3;color:#fff}.btn-save:hover{background:#0e7a8f}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover{background:#d0d0d0}.comment-text{word-wrap:break-word;color:#333;font-size:14px;line-height:1.6;margin:0 0 8px}.comment-image{margin:12px 0;max-width:100%}.comment-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%}.comment-link{align-items:center;background:#e8f4f8;border-radius:6px;color:#1598b3;display:inline-flex;font-size:14px;gap:6px;margin:8px 0;padding:6px 10px;text-decoration:none;transition:background .2s}.comment-link:hover{background:#d4e9f0;text-decoration:underline}.comment-actions{display:flex;gap:16px;margin-top:8px}.action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .2s}.action-btn:hover:not(:disabled){background:#1598b31a;color:#1598b3}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.liked{color:#dc3545}.action-btn.expand-btn{font-weight:500}.replies-container{display:flex;flex-direction:column;gap:12px;margin-top:16px}.loading-comments{color:#666;font-size:16px;padding:40px 20px;text-align:center}@media (prefers-color-scheme:dark){.comments-container{background:#1a1a1a;color:#e0e0e0}.comments-header{border-bottom-color:#333}.comment-item{background:#2a2a2a}.comment-item:hover{background:#333}.comment-textarea{background:#2a2a2a;border-color:#444;color:#e0e0e0}.notification-bell:hover{background:#333}.notifications-dropdown{background:#2a2a2a}.notification-item{border-bottom-color:#333}.notification-item:hover{background:#333}}@media (max-width:768px){.comments-container{padding:16px}.notifications-dropdown{right:-20px;width:90vw}.comment-item.depth-1{margin-left:20px}.comment-item.depth-2{margin-left:40px}.comment-item.depth-3,.comment-item.depth-4,.comment-item.depth-5{margin-left:60px}}@media (max-width:480px){.comment-avatar{height:32px;width:32px}.comment-item{padding:12px}.comment-item.depth-1,.comment-item.depth-2,.comment-item.depth-3,.comment-item.depth-4,.comment-item.depth-5{margin-left:16px}}.modern-post-card{background:#e4e4e4;border-radius:24px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;overflow:hidden;position:relative;transition:all .3s ease}.post-hover-gradient{background:linear-gradient(135deg,#1598b30d,#0000);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.modern-post-header{align-items:flex-start;display:flex;gap:15px;padding:20px 20px 0;position:relative}.post-avatar-wrapper{cursor:pointer;flex-shrink:0;position:relative}.post-avatar-modern{border:2px solid #1598b3;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:48px;object-fit:cover;width:48px}.online-indicator{background:#4ade80;border:2px solid #fff;bottom:0;box-shadow:0 2px 4px #0003;height:12px;right:0;width:12px}.post-author-info-modern{flex:1 1;min-width:0}.post-author-name-modern{color:#1c1c1c;cursor:pointer;font-family:Sansation,Inter,sans-serif;font-size:15px;font-weight:700;margin-bottom:2px;transition:color .2s ease}.post-author-name-modern:hover{color:#1598b3}.post-timestamp-modern{color:#1598b3;font-family:Sansation,Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.context-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-right:6px;margin-top:6px;padding:4px 10px}.org-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.group-badge{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}.soq-badge{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.post-options-modern{position:relative}.options-button-modern{align-items:center;background:none;border:none;border-radius:50%;color:#1598b3;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.options-button-modern:hover{background:#1598b31a;color:#108198}.options-menu-modern{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:140px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.options-menu-modern button{background:none;border:none;border-radius:8px;color:#1c1c1c;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.options-menu-modern button:hover{background:#1598b31a}.delete-option-modern{color:#ef4444!important}.delete-option-modern:hover{background:#ef44441a!important}.modern-post-content{padding:16px 20px 20px}.post-text-modern{word-wrap:break-word;color:#1c1c1c;font-size:14px;line-height:1.6;margin:0}.post-text-modern,.show-more-button{font-family:Sansation,Inter,sans-serif}.show-more-button{align-items:center;background:none;border:none;color:#1598b3;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:4px;margin-top:8px;padding:4px 0;transition:opacity .2s ease}.show-more-button:hover{opacity:.8}.edit-post-form-modern{margin:12px 0}.edit-textarea-modern{border:2px solid #e5e7eb;border-radius:12px;font-family:Sansation,Inter,sans-serif;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.edit-textarea-modern:focus{border-color:#1598b3;outline:none}.edit-buttons-modern{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.cancel-button-modern,.save-button-modern{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.save-button-modern{background:linear-gradient(135deg,#1598b3,#108198);color:#fff}.save-button-modern:hover:not(:disabled){box-shadow:0 4px 12px #1598b366;transform:translateY(-1px)}.save-button-modern:disabled{cursor:not-allowed;opacity:.5}.cancel-button-modern{background:#f3f4f6;color:#1c1c1c}.cancel-button-modern:hover{background:#e5e7eb}.soq-preview-modern{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #4ade80;border-radius:16px;margin-top:16px;padding:16px}.soq-header{gap:12px;margin-bottom:12px}.soq-icon{color:#22c55e;font-size:24px}.soq-header h4{color:#166534;font-size:16px;font-weight:700;margin:0 0 6px}.soq-badges-modern{display:flex;flex-wrap:wrap;gap:6px}.badge-mode,.badge-type{border-radius:8px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.badge-type{background:#22c55e}.badge-mode{background:#fb923c}.take-quiz-button{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.take-quiz-button:hover{box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.media-container-modern{background:#f9fafb;border-radius:16px;margin-top:16px;overflow:hidden;position:relative}.media-nav{justify-content:space-between;left:0;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.media-nav,.media-nav-button{align-items:center;display:flex}.media-nav-button{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#1598b3;cursor:pointer;height:36px;justify-content:center;pointer-events:all;transition:all .2s ease;width:36px}.media-nav-button:hover{background:#fff;transform:scale(1.1)}.media-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;pointer-events:all}.media-display{max-height:500px;width:100%}.media-image-modern,.media-video-modern{display:block;height:100%;object-fit:cover;width:100%}.modern-post-actions{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.actions-left{display:flex;gap:24px}.action-btn-modern{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:4px;transition:all .2s ease}.action-btn-modern:disabled{cursor:not-allowed;opacity:.5}.icon-default{color:#1598b3;transition:color .2s ease}.icon-liked{color:#d44f7d}.icon-bookmarked{color:#1598b3}.action-count{color:#1598b3;font-family:Sansation,Inter,sans-serif;font-size:12px;font-weight:700}.comments-wrapper-modern{background:#fafafa;border-top:1px solid #f0f0f0;padding:20px}.loading-overlay-modern{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:24px;display:flex;inset:0;justify-content:center;position:absolute;z-index:50}.spinner-modern{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#1598b3;height:40px;width:40px}@media (max-width:768px){.modern-post-card{border-radius:16px;margin-bottom:16px}.comments-wrapper-modern,.modern-post-actions,.modern-post-content,.modern-post-header{padding:16px}.post-avatar-modern{height:42px;width:42px}.actions-left{gap:16px}.action-btn-modern{gap:6px}.media-nav-button{height:32px;width:32px}}@media (max-width:480px){.modern-post-content,.modern-post-header{padding:12px}.modern-post-actions{gap:12px;padding:12px}.actions-left{gap:12px}.post-author-name-modern{font-size:14px}.post-text-modern{font-size:13px}}@media (color-scheme:dark){.modern-post-card{background:#1a1a1a;box-shadow:0 4px 12px #0006}.post-author-name-modern{color:#fff}.post-text-modern{color:#e5e7eb}.edit-textarea-modern{background:#262626;border-color:#404040;color:#fff}.options-menu-modern{background:#262626;box-shadow:0 8px 24px #0009}.options-menu-modern button{color:#fff}.comments-wrapper-modern{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;pointer-events:all}.media-display{max-height:500px;width:100%}}.post-comments{background:#fff;background:var(--background-color,#fff);border-top:1px solid #e4e6ea;border-top:1px solid var(--border-color,#e4e6ea);margin-top:16px;padding-top:16px;transition:all .3s ease}.comments-list{animation:fadeInUp .4s ease-out;margin-bottom:20px}.comment-item{border-radius:12px;margin-bottom:16px;padding:8px 12px;position:relative;transition:all .2s ease}.comment-item:hover{background-color:#f8f9fa;background-color:var(--hover-color,#f8f9fa)}.comment-item:last-child{margin-bottom:0}.comment-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:6px}.comment-author-avatar{border:2px solid #e1e5e9;border:2px solid var(--avatar-border,#e1e5e9);border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;transition:transform .2s ease,border-color .2s ease;width:36px}.comment-author-avatar:hover{border-color:#1877f2;border-color:var(--primary-color,#1877f2);transform:scale(1.05)}.comment-content-wrapper{flex:1 1;min-width:0}.comment-bubble{word-wrap:break-word;background-color:#f0f2f5;background-color:var(--comment-bubble-bg,#f0f2f5);border-radius:18px;box-shadow:0 1px 2px #0000000d;display:inline-block;max-width:100%;padding:12px 16px;position:relative;transition:background-color .2s ease}.comment-bubble:hover{background-color:#e4e6e9;background-color:var(--comment-bubble-hover,#e4e6e9)}.comment-author-name{color:#1c1e21;color:var(--text-primary,#1c1e21);display:block;font-size:14px;font-weight:700;line-height:1.2;margin-bottom:4px}.comment-author-name:hover{cursor:pointer;text-decoration:underline}.comment-text{color:#1c1e21;color:var(--text-primary,#1c1e21);font-size:15px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.comment-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-left:16px;margin-top:8px}.comment-timestamp{color:#65676b;color:var(--text-secondary,#65676b);font-size:12px;font-weight:500}.comment-like-btn,.comment-reply-btn{align-items:center;background:none;border:none;border-radius:6px;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:all .2s ease}.comment-like-btn:hover,.comment-reply-btn:hover{background-color:#f0f2f5;background-color:var(--hover-color,#f0f2f5);color:#1877f2;color:var(--primary-color,#1877f2);text-decoration:none}.comment-like-btn.liked{color:#e41e3f;color:var(--like-color,#e41e3f);font-weight:700}.comment-like-btn.liked:hover{color:#c41a35;color:var(--like-hover,#c41a35)}.comment-options{display:flex;gap:12px;margin-left:auto}.delete-comment-btn,.edit-comment-btn{background:none;border:none;border-radius:6px;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;font-size:12px;font-weight:600;opacity:0;padding:4px 8px;transition:all .2s ease}.comment-item:hover .delete-comment-btn,.comment-item:hover .edit-comment-btn{opacity:1}.edit-comment-btn:hover{background-color:#f0f2f5;background-color:var(--hover-color,#f0f2f5);color:#1877f2;color:var(--primary-color,#1877f2);text-decoration:none}.delete-comment-btn:hover{background-color:#fdf2f2;background-color:var(--error-bg,#fdf2f2);color:#e41e3f;color:var(--error-color,#e41e3f);text-decoration:none}.edit-comment-form{animation:slideDown .3s ease-out;margin-top:12px}.edit-comment-textarea{background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #dddfe2;border:2px solid var(--border-color,#dddfe2);border-radius:12px;font-family:inherit;font-size:15px;line-height:1.4;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.edit-comment-textarea:focus{background-color:#fff;background-color:var(--input-focus-bg,#fff);border-color:#1877f2;border-color:var(--primary-color,#1877f2);box-shadow:0 0 0 3px #1877f21a;outline:none}.edit-comment-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.cancel-edit-btn,.save-edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:8px 20px;transition:all .2s ease}.save-edit-btn{background-color:#1877f2;background-color:var(--primary-color,#1877f2);box-shadow:0 2px 4px #1877f233;color:#fff}.save-edit-btn:hover:not(:disabled){background-color:#166fe5;background-color:var(--primary-hover,#166fe5);box-shadow:0 4px 8px #1877f24d;transform:translateY(-1px)}.save-edit-btn:disabled{background-color:#e4e6ea;background-color:var(--disabled-bg,#e4e6ea);box-shadow:none;color:#bcc0c4;color:var(--disabled-color,#bcc0c4);cursor:not-allowed;transform:none}.cancel-edit-btn{background-color:#e4e6ea;background-color:var(--secondary-bg,#e4e6ea);color:#1c1e21;color:var(--text-primary,#1c1e21)}.cancel-edit-btn:hover:not(:disabled){background-color:#d8dadf;background-color:var(--secondary-hover,#d8dadf);transform:translateY(-1px)}.show-less-comments-btn,.show-more-comments-btn{background:none;border:1px solid #e4e6ea;border:1px solid var(--border-color,#e4e6ea);border-radius:8px;color:#1877f2;color:var(--primary-color,#1877f2);cursor:pointer;display:block;font-size:14px;font-weight:600;margin:12px auto;padding:10px 20px;text-align:center;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.show-less-comments-btn:hover,.show-more-comments-btn:hover{background-color:#1877f2;background-color:var(--primary-color,#1877f2);border-color:#1877f2;border-color:var(--primary-color,#1877f2);box-shadow:0 4px 12px #1877f233;color:#fff;transform:translateY(-1px)}.add-comment-form{animation:slideUp .3s ease-out;background-color:#f8f9fa;background-color:var(--section-bg,#f8f9fa);border:1px solid #e4e6ea;border:1px solid var(--border-color,#e4e6ea);border-radius:12px;margin-top:16px;padding:16px}.comment-input-container{align-items:flex-start;display:flex;gap:12px}.current-user-avatar{border:2px solid #e1e5e9;border:2px solid var(--avatar-border,#e1e5e9);border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.current-user-avatar:hover{transform:scale(1.05)}.comment-input-wrapper{align-items:flex-end;background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #e4e6ea;border:2px solid var(--border-color,#e4e6ea);border-radius:24px;display:flex;flex:1 1;min-height:44px;padding:12px 52px 12px 16px;position:relative;transition:all .2s ease}.comment-input-wrapper:focus-within{border-color:#1877f2;border-color:var(--primary-color,#1877f2);box-shadow:0 0 0 3px #1877f21a}.comment-input{background:none;border:none;color:#1c1e21;color:var(--text-primary,#1c1e21);flex:1 1;font-family:inherit;font-size:15px;line-height:1.4;max-height:120px;outline:none;overflow-y:auto;padding:0;resize:none}.comment-input::placeholder{color:#8a8d91;color:var(--text-tertiary,#8a8d91)}.comment-input:disabled{cursor:not-allowed;opacity:.6}.submit-comment-btn{align-items:center;background:#1877f2;background:var(--primary-color,#1877f2);border:none;border-radius:50%;bottom:50%;box-shadow:0 2px 4px #1877f233;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;position:absolute;right:8px;transform:translateY(50%);transition:all .2s ease;width:36px}.submit-comment-btn:hover:not(:disabled){background-color:#166fe5;background-color:var(--primary-hover,#166fe5);box-shadow:0 4px 8px #1877f24d;transform:translateY(50%) scale(1.05)}.submit-comment-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:translateY(50%)}.comment-loading{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);display:flex;justify-content:center;padding:20px}.comment-loading-spinner{animation:spin 1s linear infinite;border:2px solid #e4e6ea;border-top:2px solid #1877f2;border:2px solid var(--border-color,#e4e6ea);border-radius:50%;border-top-color:var(--primary-color,#1877f2);height:20px;margin-right:8px;width:20px}.comments-empty-state{color:#65676b;color:var(--text-secondary,#65676b);padding:40px 20px;text-align:center}.comments-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.comments-empty-text{font-size:16px;font-weight:500;margin-bottom:8px}.comments-empty-subtext{font-size:14px;opacity:.8}@media (max-width:768px){.post-comments{margin-top:12px;padding-top:12px}.comment-item{margin-bottom:12px;padding:6px 8px}.comment-header{gap:8px}.comment-author-avatar{height:32px;width:32px}.current-user-avatar{height:36px;width:36px}.comment-bubble{border-radius:16px;padding:10px 14px}.comment-author-name{font-size:13px}.comment-text{font-size:14px}.comment-meta{gap:12px;margin-left:12px}.comment-timestamp{font-size:11px}.comment-like-btn,.comment-reply-btn{font-size:12px;padding:3px 6px}.delete-comment-btn,.edit-comment-btn{font-size:11px;padding:3px 6px}.comment-input-wrapper{border-radius:20px;min-height:40px;padding:10px 48px 10px 14px}.comment-input{font-size:14px}.submit-comment-btn{font-size:16px;height:32px;right:6px;width:32px}.show-less-comments-btn,.show-more-comments-btn{font-size:13px;margin:8px auto;padding:8px 16px}.add-comment-form{padding:12px}}@media (max-width:480px){.comment-header{gap:6px}.comment-author-avatar{height:28px;width:28px}.current-user-avatar{height:32px;width:32px}.comment-input-container{gap:8px}.comment-bubble{border-radius:14px;padding:8px 12px}.comment-meta{gap:8px;margin-left:8px}.comment-options{gap:8px}.show-less-comments-btn,.show-more-comments-btn{margin-left:0;width:100%}.edit-comment-buttons{flex-direction:column;gap:8px}.cancel-edit-btn,.save-edit-btn{min-width:auto;width:100%}}@media (prefers-color-scheme:dark){.post-comments{--border-color:#3e4042;--background-color:#242526;--hover-color:#3a3b3c;--text-primary:#e4e6ea;--text-secondary:#b0b3b8;--text-tertiary:#8a8d91;--primary-color:#2d88ff;--primary-hover:#4599ff;--comment-bubble-bg:#3a3b3c;--comment-bubble-hover:#4e4f50;--input-bg:#3a3b3c;--input-focus-bg:#4e4f50;--section-bg:#3a3b3c;--secondary-bg:#4e4f50;--secondary-hover:#5f6062;--disabled-bg:#4e4f50;--disabled-color:#8a8d91;--avatar-border:#4e4f50;--like-color:#f5535e;--like-hover:#ff6b78;--error-color:#f5535e;--error-bg:#3a2a2c}}@media (prefers-contrast:high){.comment-bubble{border:1px solid}.comment-input-wrapper{border:2px solid}.submit-comment-btn{border:1px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.posts-main{margin:0 auto;max-width:680px;padding:0 16px}.posts-main-header{margin-bottom:20px;padding:0 4px}.posts-main-header h2{color:#1c1e21;font-size:28px;font-weight:700;margin:0;text-align:center}@media (max-width:768px){.posts-main{max-width:100%;padding:0}.posts-main-header{margin-bottom:16px;padding:0 16px}.posts-main-header h2{font-size:24px}}@media (max-width:480px){.posts-main-header h2{font-size:20px}}.soq-filtration{width:100%}.filtration-tabs{border-bottom:2px solid #e1e5e9;display:flex;margin-bottom:20px}.filtration-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.filtration-tab.active{border-bottom-color:#007bff;color:#007bff}.filtration-tab:hover:not(.active){border-bottom-color:#adb5bd;color:#495057}.filtration-content{min-height:400px}.history-list{gap:12px}.history-item{background:#f8f9fa;padding:16px}.history-action{background:#007bff;border-radius:4px;color:#fff;font-size:12px;margin-right:8px;padding:4px 8px}.history-details{gap:12px;margin-top:8px}.history-details span{background:#e9ecef;padding:4px 8px}.filter-tabs button{background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:12px}.filter-tabs button.active{background:#007bff;border-color:#007bff;color:#fff}.soq-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.soq-item{border:1px solid #e1e5e9;border-radius:8px;padding:16px}.soq-item.archived{background:#f8f9fa;opacity:.7}.soq-item-header{align-items:center;justify-content:space-between;margin-bottom:12px}.soq-item-header h4{color:#333}.archived-badge{background:#6c757d;border-radius:12px;font-size:10px}.soq-item-info{gap:4px;margin-bottom:12px}.soq-item-info span{color:#6c757d;font-size:12px}.soq-item-actions button{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.soq-item-actions .view-btn{background:#28a745;border-color:#28a745;color:#fff}.soq-item-actions .edit-btn{background:#ffc107;border-color:#ffc107;color:#212529}.soq-item-actions .archive-btn{background:#dc3545;border-color:#dc3545;color:#fff}.soq-item-actions .unarchive-btn{background:#6c757d;border-color:#6c757d;color:#fff}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;text-align:center}.stat-card h4{color:#6c757d;font-size:14px;font-weight:500;margin:0 0 12px}.stat-value{color:#007bff;font-size:24px;font-weight:600}.coming-soon{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px;text-align:center}.coming-soon h4{color:#6c757d;margin-bottom:8px}.coming-soon p{color:#6c757d;margin:0}.loading-spinner{color:#6c757d;padding:40px}.error-message{background:#f8d7da;border-radius:4px;color:#721c24;margin:20px 0;padding:12px}.no-data{color:#6c757d;font-style:italic;padding:40px}.soq-history{width:100%}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;transition:all .3s ease}.history-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.history-info h4{color:#333;font-size:18px;margin:0 0 8px}.session-status{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.session-status.in-progress{background:#e3f2fd;color:#1976d2}.session-status.completed{background:#e8f5e8;color:#2e7d32}.session-status.abandoned{background:#ffebee;color:#c62828}.history-date{color:#6c757d;font-size:12px;margin-left:12px}.history-details{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}.history-details span{background:#f8f9fa;border-radius:4px;color:#495057;font-size:12px;padding:6px 12px}.history-actions{margin-top:12px}.view-session-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s ease}.soq-action-buttons{flex-wrap:wrap;gap:8px}.new-soq,.soq-action-buttons{align-items:center;display:flex;justify-content:center}.new-soq{background:linear-gradient(135deg,#1598b3,#2bcdee);color:#fff;font-family:SB;font-size:x-large}.view-session-btn:hover{background:#0056b3}@media (max-width:768px){.history-item{padding:16px}.history-details{gap:8px}.history-details,.history-info{flex-direction:column}.history-date{margin-left:0;margin-top:4px}}.soq-my-soq{padding:20px}.my-soq-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.breadcrumb-nav{gap:10px}.collection-item.drag-over{background-color:#6366f11a;border:2px dashed #6366f1!important}.back-folder.drag-over{background-color:#ef44441a;border:2px dashed #ef4444!important}.back-btn{background:#f3f4f6}.back-btn:hover{background:#e5e7eb}.add-soq-btn,.create-collection-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.create-collection-btn{background:#f3f4f6;color:#374151}.create-collection-btn:hover{background:#e5e7eb}.add-soq-btn{background:#6366f1}.add-soq-btn:hover{background:#4f46e5}.filter-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px;padding-bottom:8px}.filter-tabs button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.filter-tabs button:hover{background:#f3f4f6;color:#374151}.filter-tabs button.active{background:#ede9fe;color:#6366f1}.soq-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.collection-item[draggable=true]{cursor:move}.collection-item.drag-over{background:#ede9fe;border-style:dashed}.collection-header{align-items:flex-start;justify-content:space-between}.soq-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.soq-item[draggable=true]{cursor:move}.soq-item.archived{border-color:#d1d5db;opacity:.6}.soq-item-header{align-items:flex-start;display:flex;gap:8px;position:relative}.soq-item-header h4{color:#111827;flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0}.archived-badge{background:#f59e0b;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.soq-item-info{color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:6px}.soq-item-info span{display:block}.edit-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s}.view-btn{background:#6366f1;color:#fff}.view-btn:hover{background:#4f46e5}.edit-btn{background:#f3f4f6;color:#374151}.edit-btn:hover{background:#e5e7eb}.context-menu-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.context-menu-btn:hover{background:#f3f4f6;color:#374151}.context-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.context-menu{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:180px;padding:6px;position:fixed}.context-menu button{align-items:center;background:#0000;border-radius:4px;color:#374151;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:all .15s}.context-menu button:hover{background:#f3f4f6}.context-menu button svg{flex-shrink:0}.modal-overlay{animation:fadeIn .2s ease;background:#00000080}.modal-content{animation:slideUp .3s ease;border-radius:12px;box-shadow:0 20px 50px #0000004d;padding:24px}.modal-content h3{color:#111827;font-size:18px;margin:0 0 16px}.collection-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.collection-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.collection-body h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.collection-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 8px}.collection-stats{color:#6b7280;font-size:13px;margin:0}.soq-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.item-description,.item-notes{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.tag{font-size:12px;font-weight:500;padding:2px 8px}.rating{color:#f59e0b}.back-folder{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;cursor:pointer;transition:all .3s ease}.back-folder:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#6366f1;transform:translateY(-2px)}.back-folder .collection-body h4{color:#475569}.back-folder .collection-description{color:#64748b;font-size:13px}.remove-btn{background:#ef4444;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.remove-btn:hover{background:#dc2626;transform:translateY(-1px)}.soq-item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.soq-item-actions .remove-btn{margin-left:auto}.collection-actions{justify-content:flex-end;margin-top:12px}.collection-item{position:relative}.back-folder.drag-over{background:#ede9fe;border-color:#6366f1;border-style:solid}.collection-item.drag-over{background:#f0f9ff;border-color:#6366f1}.breadcrumb-nav{align-items:center;display:flex;gap:12px}.back-btn{border:2px solid #e2e8f0;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.back-btn:hover{border-color:#cbd5e1;transform:translateX(-2px)}.empty-state-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}@media (max-width:768px){.soq-item-actions{flex-direction:column}.soq-item-actions .remove-btn{margin-left:0;margin-top:8px}.empty-state-actions{align-items:center;flex-direction:column}.empty-state-actions .btn{max-width:250px;width:100%}}.modal-content textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:16px;min-height:80px;padding:10px 12px;resize:vertical;width:100%}.modal-content textarea:focus{border-color:#6366f1;outline:none}.modal-content input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:16px;padding:10px 12px;transition:border-color .2s;width:100%}.modal-content input:focus{border-color:#6366f1;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.modal-actions button:first-child{background:#f3f4f6;color:#374151}.modal-actions button:first-child:hover{background:#e5e7eb}.modal-actions button.primary{background:#6366f1;color:#fff}.modal-actions button.primary:hover{background:#4f46e5}.error-toast{align-items:center;animation:slideInRight .3s ease;background:#ef4444;border-radius:8px;bottom:20px;box-shadow:0 10px 25px #ef44444d;color:#fff;display:flex;gap:12px;padding:12px 16px;position:fixed;right:20px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.error-toast button{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.error-toast button:hover{background:#fff3}.no-data{color:#9ca3af;font-size:16px;grid-column:1/-1;padding:60px 20px;text-align:center}.loading-spinner{color:#6b7280;padding:60px}.collection-item.dragging,.soq-item.dragging{cursor:grabbing;opacity:.5}.soq-grid.drag-over{background:#f9fafb;border:2px dashed #6366f1;border-radius:12px}.favorites-modal{display:flex;flex-direction:column;max-height:80vh;max-width:600px}.modal-header{margin-bottom:16px}.close-btn{background:#0000;border-radius:4px;color:#6b7280;font-size:28px;height:32px;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#f3f4f6;color:#374151}.search-box{margin-bottom:16px}.search-box input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.search-box input:focus{border-color:#6366f1;outline:none}.soq-selection-list{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;margin-bottom:16px;max-height:400px;overflow-y:auto;padding:8px}.soq-selection-item{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.soq-selection-item:hover{background:#f9fafb}.soq-selection-item.selected{background:#ede9fe;border-color:#6366f1}.soq-selection-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.soq-selection-info{flex:1 1}.soq-selection-info h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.soq-selection-info p{color:#6b7280;font-size:12px;margin:0}.modal-footer{align-items:center;border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:16px}.selected-count{color:#6b7280;font-size:14px;font-weight:500}.modal-actions button.primary{align-items:center;display:flex;gap:6px}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.item-notes{background:#f9fafb;border-left:3px solid #6366f1;border-radius:4px;margin:8px 0;padding:8px 12px}.item-notes p{color:#374151;font-size:13px;font-style:italic;margin:0}.item-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tag{background:#ede9fe;border-radius:12px;padding:4px 10px;text-transform:uppercase}.no-access{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-access p{color:#6b7280;font-size:16px;margin-top:16px}.add-item-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.add-item-btn:hover{background:#4f46e5}@media (max-width:768px){.soq-grid{gap:16px;grid-template-columns:1fr}.my-soq-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.add-soq-btn,.create-collection-btn{flex:1 1}.filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.filter-tabs button{white-space:nowrap}}.collection-item.dragging{cursor:grabbing!important;opacity:.5}.collection-item[draggable=true]:not(.default-collection){cursor:grab}.collection-item[draggable=true]:not(.default-collection):active{cursor:grabbing}.drag-handle{color:#9ca3af;font-size:16px;margin-left:auto;padding:4px}.drag-handle:active{cursor:grabbing}.collection-item.default-collection{cursor:pointer!important}.collection-item.drag-over:not(.dragging){background-color:#6366f11a;border:2px dashed #6366f1!important;transform:scale(1.02)}.soq-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1200px;padding:20px}.soq-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff80;border-radius:50px;box-shadow:0 4px 20px #0000000d;font-family:SB,sans-serif;gap:.5rem;height:3.5rem;justify-content:center;margin:0 auto 30px;padding:5px;width:-webkit-fit-content;width:fit-content}.soq-navigation,.soq-tabs{align-items:center;display:flex}.soq-navigation{flex-direction:column;width:100%}.soq-tab{align-items:center;background:#0000;border:none;border-radius:50px;color:#666;cursor:pointer;display:flex;font-weight:600;height:100%;justify-content:center;padding:0 24px;transition:all .3s ease}.soq-tab:hover{background:#1598b30d;color:var(--color-primary)}.soq-tab.active{background:var(--gradient-primary);box-shadow:0 4px 12px #1598b34d;color:#fff}.soq-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.soq-header-actions{align-items:center;display:flex;gap:12px}.add-soq-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 4px 12px #1598b333;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.add-soq-btn:hover{background:var(--gradient-hover);box-shadow:0 6px 16px #1598b34d;transform:translateY(-2px)}.soq-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.soq-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff9;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.soq-card:before{opacity:0;transition:opacity .3s ease;width:100%}.soq-card:hover{border-color:#1598b333;box-shadow:0 12px 30px #00000014;transform:translateY(-8px)}.soq-card:hover:before{opacity:1}.new-soq-card{align-items:center;background:#ffffff80;border:2px dashed #cbd5e1;border-radius:20px;cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:all .3s ease}.new-soq-card:hover{background:#fffc;border-color:var(--color-primary);transform:translateY(-5px)}.new-soq-content{align-items:center;color:#64748b;display:flex;flex-direction:column;font-weight:600;gap:12px}.new-soq-card:hover .plus-icon{background:var(--gradient-primary);color:#fff;transform:scale(1.1) rotate(90deg)}.soq-card-header{border-bottom:1px solid #0000000d;margin-bottom:16px;padding-bottom:12px}.soq-title{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin:0}.soq-meta{color:#666;display:block;font-size:13px;font-weight:500;margin-top:6px}.soq-card-body{flex-grow:1;margin-bottom:20px}.soq-description{flex-wrap:wrap;gap:8px}.soq-tag{background:#1598b314;border:1px solid #1598b326;border-radius:20px;color:var(--color-primary);font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s ease}.soq-tag:hover{background:var(--gradient-primary);border-color:#0000;color:#fff}.soq-card-footer{align-items:center;border-top:1px solid #0000000d;display:flex;gap:10px;justify-content:space-between;padding-top:16px}.soq-action-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 10px #1598b333;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.soq-permalink{color:#94a3b8;font-size:12px;margin-left:auto;padding:6px 0;text-decoration:none;transition:color .2s}.soq-permalink:hover{color:var(--color-primary);text-decoration:underline}@media (max-width:768px){.soq-grid{grid-template-columns:1fr}.soq-header{align-items:stretch;flex-direction:column;gap:16px}.soq-header-actions{justify-content:space-between}.soq-tabs{justify-content:flex-start;overflow-x:auto;padding:5px 10px;width:100%}.soq-tab{white-space:nowrap}}.cor-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1200px;padding:20px}.cor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.cor-header-actions{align-items:center;display:flex;gap:12px}.add-cor-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 4px 12px #1598b333;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.add-cor-btn:hover{background:var(--gradient-hover);box-shadow:0 6px 16px #1598b34d;transform:translateY(-2px)}.cor-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cor-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff9;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cor-card:before{background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;width:100%}.cor-card:hover{border-color:#1598b333;box-shadow:0 12px 30px #00000014;transform:translateY(-8px)}.cor-card:hover:before{opacity:1}.new-cor-card{align-items:center;background:#ffffff80;border:2px dashed #cbd5e1;border-radius:20px;cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:all .3s ease}.new-cor-card:hover{background:#fffc;border-color:var(--color-primary);transform:translateY(-5px)}.new-cor-content{color:#64748b;flex-direction:column;font-weight:600;gap:12px}.new-cor-content,.plus-icon{align-items:center;display:flex}.plus-icon{background:#1598b31a;border-radius:50%;color:var(--color-primary);font-size:32px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.new-cor-card:hover .plus-icon{background:var(--gradient-primary);color:#fff;transform:scale(1.1) rotate(90deg)}.cor-card-header{border-bottom:1px solid #0000000d;margin-bottom:16px;padding-bottom:12px}.cor-title{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin:0}.cor-meta{color:#666;display:block;font-size:13px;font-weight:500;margin-top:6px}.cor-card-body{flex-grow:1;margin-bottom:20px}.cor-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:15px;line-height:1.6;margin:0 0 16px;overflow:hidden}.cor-details{background:#f8fafccc;border:1px solid #0000000d;border-radius:12px;color:#64748b;font-size:14px;padding:12px}.cor-details p{align-items:center;display:flex;gap:8px;margin:4px 0}.cor-card-footer{align-items:center;border-top:1px solid #0000000d;display:flex;gap:10px;justify-content:space-between;padding-top:16px}.cor-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.view-btn{background:#1598b31a;color:var(--color-primary);flex:1 1;justify-content:center}.view-btn:hover{background:var(--gradient-primary);box-shadow:0 4px 10px #1598b333;color:#fff;transform:translateY(-2px)}.edit-btn{background:#4caf501a;color:#2e7d32}.edit-btn:hover{background:#4caf50;color:#fff}.delete-btn{background:#f443361a;color:#c62828}.delete-btn:hover{background:#f44336;color:#fff}.connection-status{align-items:center;background:#fffc;border:1px solid #0000000d;border-radius:20px;box-shadow:0 2px 8px #0000000d;display:flex;font-size:13px;padding:6px 12px}.status-dot{border-radius:50%;box-shadow:0 0 0 2px #ffffff80;height:10px;margin-right:8px;width:10px}.status-connected .status-dot{background-color:#4caf50;box-shadow:0 0 8px #4caf5066}.status-disconnected .status-dot{background-color:#f44336}.status-error .status-dot{background-color:#ff9800}.status-reconnecting .status-dot{animation:pulse 1.5s infinite;background-color:#ff9800}.status-text{color:#4a5568;font-weight:600}.loading-spinner{font-size:18px;height:200px}.cor-permalink{color:#94a3b8;font-size:12px;margin-left:auto;padding:6px 0;text-decoration:none;transition:color .2s}.cor-permalink:hover{color:var(--color-primary);text-decoration:underline}.no-cor-message{background:#ffffff80;border:2px dashed #cbd5e1;border-radius:20px;color:#6b7280;font-size:16px;grid-column:1/-1;padding:60px 20px;text-align:center}.error-alert{align-items:center;animation:slideDown .3s ease-out;background-color:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.error-alert button{background:none;border:none;border-radius:6px;color:#991b1b;cursor:pointer;font-weight:700;padding:4px 8px}.error-alert button:hover{background:#0000000d}.auth-required{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;margin:20px 0;padding:60px 40px;text-align:center}.auth-required h3{color:#1a1a1a;font-size:24px;margin-bottom:16px}.auth-required p{color:#666;font-size:16px;margin-bottom:24px}.auth-required button{background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 4px 12px #1598b333;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.auth-required button:hover{background:var(--gradient-hover);box-shadow:0 6px 16px #1598b34d;transform:translateY(-2px)}@media (max-width:768px){.cor-grid{grid-template-columns:1fr}.cor-header{align-items:stretch;flex-direction:column;gap:16px}.cor-header-actions{justify-content:space-between}}.images-container{padding:20px}.images-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.images-header h2{color:#333;margin:0}.upload-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.upload-button:hover{background-color:#0056b3}.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:1000}.modal-content{max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{margin:0}.close-button{color:#666}.close-button:hover{color:#333}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.file-preview{margin-top:10px;text-align:center}.preview-image{max-height:150px;max-width:200px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-button{background-color:#6c757d}.cancel-button,.upload-submit-button{border:none;border-radius:4px;cursor:pointer;padding:10px 20px}.upload-submit-button{background-color:#28a745;color:#fff}.upload-submit-button:disabled{background-color:#ccc;cursor:not-allowed}.images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.image-item{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.image-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-container{overflow:hidden;position:relative}.image-thumbnail{display:block;height:200px;object-fit:cover;width:100%}.delete-image-button{align-items:center;background-color:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s;width:30px}.image-container:hover .delete-image-button{opacity:1}.delete-image-button:hover{background-color:red}.image-info{padding:15px}.image-caption{color:#333;font-size:16px;margin:0 0 10px}.image-description{color:#666;font-size:14px;line-height:1.4;margin:0 0 10px}.image-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.privacy-badge{background-color:#e9ecef;border-radius:12px;color:#495057;font-size:12px;padding:2px 8px;text-transform:capitalize}.image-date{color:#999;font-size:12px}.image-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{background-color:#007bff;border-radius:4px;color:#fff;font-size:11px;padding:2px 6px}.no-items-message{color:#666;grid-column:1/-1;padding:40px 20px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:15px}.upload-first-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.loading{color:#666;padding:40px;text-align:center}@media (max-width:768px){.images-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.images-header{align-items:flex-start;flex-direction:column;gap:15px}.modal-content{margin:20px;width:95%}}@media (max-width:480px){.images-grid{grid-template-columns:1fr}.image-thumbnail{height:150px}}.form-group input[type=file]{display:none}.file-input-container{margin-bottom:15px;position:relative}.file-input-label{align-items:center;background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:40px 20px;text-align:center;transition:all .3s ease}.file-input-label:hover{background-color:#f0f8ff;border-color:#007bff}.file-input-label.drag-over{background-color:#e6f3ff;border-color:#007bff;transform:scale(1.02)}.file-input-icon{color:#6c757d;font-size:48px;margin-bottom:10px;transition:color .3s ease}.file-input-label:hover .file-input-icon{color:#007bff}.file-input-text{color:#6c757d;font-size:16px;margin-bottom:5px}.file-input-hint{color:#999;font-size:12px;margin-top:5px}.file-input-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:background-color .3s ease}.file-input-button:hover{background-color:#0056b3}.file-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:15px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.preview-title{color:#333;font-weight:600;margin:0}.preview-remove{align-items:center;background:none;border:none;color:#dc3545;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;width:24px}.preview-remove:hover{color:#c82333}.preview-content{align-items:center;display:flex;gap:15px}.preview-image{border:1px solid #ddd;border-radius:4px;height:80px;object-fit:cover;width:80px}.preview-details{flex:1 1}.preview-filename{color:#333;font-weight:600;margin-bottom:5px;word-break:break-all}.preview-info{color:#666;display:flex;font-size:12px;gap:15px}.preview-size{background-color:#e9ecef}.preview-size,.preview-type{border-radius:3px;padding:2px 6px}.preview-type{background-color:#d1ecf1;color:#0c5460}.file-input-loading{cursor:not-allowed;opacity:.6}.file-input-loading .file-input-label{cursor:not-allowed}.file-input-loading .file-input-label:hover{background-color:#fafafa;border-color:#ddd}.file-input-error{background-color:#f8d7da!important;border-color:#dc3545!important}.error-message{color:#dc3545;font-size:12px;gap:5px;margin-top:5px}.file-input-success{background-color:#d4edda!important;border-color:#28a745!important}@media (max-width:768px){.file-input-label{min-height:100px;padding:30px 15px}.file-input-icon{font-size:36px}.file-input-text{font-size:14px}.preview-content{flex-direction:column;gap:10px;text-align:center}.preview-info{justify-content:center}}@keyframes fileSelect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.file-selected{animation:fileSelect .3s ease}.file-input-variant-primary .file-input-label:hover{background-color:#f0f8ff;border-color:#007bff}.file-input-variant-success .file-input-label:hover{background-color:#f0fff4;border-color:#28a745}.file-input-variant-warning .file-input-label:hover{background-color:#fffbf0;border-color:#ffc107}.groups-container{margin:0 auto;max-width:1200px;padding:20px}.groups-header{margin-bottom:24px}.groups-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.groups-empty,.groups-loading{color:#666;padding:60px 20px;text-align:center}.groups-empty h3{color:#333;font-size:20px;font-weight:600;margin-bottom:12px}.groups-empty p{color:#666;font-size:16px;line-height:1.5;margin:0 auto;max-width:500px}.groups-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.group-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s ease}.group-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.group-card-header{display:flex;gap:16px}.group-avatar-container{flex-shrink:0;position:relative}.group-avatar{border:2px solid #f0f0f0;border-radius:8px;height:80px;object-fit:cover;width:80px}.group-visibility{border-radius:12px;bottom:-8px;font-size:11px;font-weight:600;left:50%;padding:4px 8px;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.group-visibility.public{background:#10b981;color:#fff}.group-visibility.private{background:#6366f1;color:#fff}.group-info{flex:1 1;min-width:0}.group-name{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.4;margin:0;overflow:hidden}.group-card-body{display:flex;flex-direction:column;gap:12px}.group-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;gap:24px;padding:12px 0}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-value{color:#1a1a1a;font-size:18px;font-weight:700}.stat-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.group-tags{display:flex;flex-wrap:wrap;gap:8px}.group-tag{background:#f3f4f6;color:#4b5563;font-weight:500}.group-tag,.group-tag-more{border-radius:16px;font-size:12px;padding:4px 10px}.group-tag-more{background:#e5e7eb;color:#6b7280;font-weight:600}.group-card-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;padding-top:8px}.group-permissions{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.permission-badge,.role-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.role-badge.creator{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.role-badge.admin{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.role-badge.member{background:#e0e7ff;border:1px solid #a5b4fc;color:#4338ca}.permission-badge.can-post{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.permission-badge.can-manage{background:#fce7f3;border:1px solid #fbcfe8;color:#9f1239}.group-leave-btn{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.group-leave-btn:hover{background:#dc2626;color:#fff}.group-leave-btn:active{transform:scale(.98)}@media (max-width:768px){.groups-container{padding:16px}.groups-grid{gap:16px;grid-template-columns:1fr}.group-card{padding:16px}.group-avatar{height:60px;width:60px}.group-name{font-size:16px}.group-description{font-size:13px}.group-card-footer{align-items:flex-start;flex-direction:column}.group-leave-btn{width:100%}}.members-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1200px;padding:20px}.members-header{margin-bottom:30px}.members-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:20px}.search-bar{margin-top:20px;position:relative}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000008;font-size:15px;max-width:450px;padding:14px 20px 14px 48px;transition:all .3s ease}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1598b31a;transform:translateY(-2px)}.search-bar:before{content:"🔍";font-size:18px;left:16px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.members-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.member-card{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.member-card:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.member-card:hover{box-shadow:0 12px 30px #00000014;transform:translateY(-4px)}.member-card:hover:before{opacity:1}.member-avatar{flex-shrink:0;position:relative}.member-avatar img{border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;height:64px;object-fit:cover;transition:transform .3s ease;width:64px}.member-card:hover .member-avatar img{transform:scale(1.05)}.online-indicator{background:#22c55e;border:3px solid #fff;bottom:-2px;box-shadow:0 2px 4px #0000001a;height:16px;position:absolute;right:-2px;width:16px}.member-info{flex:1 1;min-width:0}.member-name{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-username{color:#64748b;font-size:13px;font-weight:500;margin:0 0 6px}.member-email{color:#94a3b8;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{flex-shrink:0}.role-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.role-badge-creator{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.role-badge-admin{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.role-badge-member{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.member-actions{flex-shrink:0;position:relative}.dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.dropdown-toggle:hover{background:#f1f5f9;color:#1a1a1a}.member-actions-dropdown{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 40px #0000001a;min-width:200px;opacity:0;overflow:hidden;padding:8px;position:absolute;right:0;top:100%;transform:translateY(-10px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.member-actions-dropdown.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.action-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.action-item:hover{background:#f8fafc;color:var(--color-primary);transform:translateX(4px)}.action-item.promote{color:#0284c7}.action-item.promote:hover{background:#e0f2fe}.action-item.demote{color:#d97706}.action-item.demote:hover{background:#fef3c7}.action-item.remove{color:#dc2626}.action-item.remove:hover{background:#fee2e2}.no-members{background:#ffffff80;border:2px dashed #e5e7eb;border-radius:24px;color:#64748b;grid-column:1/-1;padding:60px 20px;text-align:center}.no-members p{font-size:16px;margin:0}.loading-spinner{color:#666;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.members-list{grid-template-columns:1fr}.member-card{flex-direction:column;padding:24px;text-align:center}.member-card:before{height:4px;width:100%}.member-info{text-align:center;width:100%}.member-actions{position:absolute;right:12px;top:12px}.search-input{max-width:100%}}.profile-container{border-radius:30px;flex-direction:column}.profile-container,.profile-header{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.profile-header{background:var(--gradient-primary);box-shadow:0 4px 12px #00000026;flex-direction:row;height:70vh;justify-content:flex-start;margin-bottom:0;padding:20px}.profile-header:before{background:radial-gradient(circle at top right,#ffffff1a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-meta-info{align-items:flex-start;margin-top:10px}.profile-avatar-container{align-items:center;display:flex;height:30rem;justify-content:center;position:relative;width:30rem}.profile-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:30rem;object-fit:cover;width:30rem}.avatar-border{background:linear-gradient(#fff,#fff) padding-box,var(--gradient-primary) border-box;border:8px solid #0000;border-radius:188px;inset:-8px;pointer-events:none;position:absolute;transition:all .3s ease}.follow-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:33px;color:#fff;cursor:pointer;display:flex;font-family:Sansation,sans-serif;font-size:20px;font-weight:700;justify-content:center;transition:all .3s ease}.follow-button:hover{background:#ffffff4d;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.follow-button.following{background:#fffffff2;border-color:#fffffff2;color:var(--color-primary)}.follow-button.following:hover{background:#fff}.filter-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:50px;box-shadow:var(--shadow-default);font-family:SB;gap:10px;height:60px;justify-content:space-around;margin-top:-70px;padding:0 10px}.filter-bar,.filter-item{align-items:center;display:flex}.filter-item{background-color:var(--bg-color);border:2px solid #0000;border-radius:74px;color:var(--text-color);cursor:pointer;font-size:large;font-weight:700;height:45px;justify-content:center;padding:0 1.5rem;transition:all .3s ease}.filter-item:hover{background:linear-gradient(90deg,#1598b31a,#0a61721a);transform:translateY(-2px)}.filter-item.active{background:var(--gradient-primary);border:2px solid #0000;box-shadow:var(--shadow-primary);color:#fff}.filter-button:hover{background-color:var(--hover-bg)}.filter-button.active{background-color:var(--active-bg);box-shadow:0 0 0 2px #1598b3}.posts-container{margin-top:0;padding:0}.post-card{background-color:var(--card-bg);border-radius:24px;box-shadow:var(--shadow-default);height:396px;padding:15px;position:relative;width:514px}.post-card,.post-header{margin-bottom:20px}.post-avatar{border:2px solid var(--color-primary);border-radius:50%;height:41px;margin-right:15px;width:41px}.post-info{flex:1 1}.post-author{color:var(--text-color);font-size:15px;margin:0}.post-author,.post-meta{font-family:Sansation,sans-serif;font-weight:700}.post-meta{color:var(--color-primary);font-size:8px;margin:5px 0 0}.content-container{margin-top:20px}.loading-spinner{align-items:center;color:var(--text-color-secondary);display:flex;height:100px;justify-content:center}.no-items-message{color:var(--text-color-secondary);padding:20px;text-align:center}.soq-items-container{display:flex;flex-direction:column;gap:16px}.social-button{background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;margin-top:10px;padding:10px 20px;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.social-button:hover{background:var(--gradient-hover);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.social-button.friend{background:linear-gradient(90deg,var(--color-primary-light) 0,var(--color-primary) 100%)}.social-button.blocked{background:linear-gradient(90deg,#e74c3c,#c0392b)}.social-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.social-button:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-2px)}.relationship-status{color:#f0f0f0;font-size:12px;font-weight:400;margin-top:4px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:12px;margin-left:8px;width:12px}.social-menu{z-index:1000}.social-menu button{transition:background-color .2s}.friend-action{background:linear-gradient(90deg,var(--color-primary-light) 0,var(--color-primary) 100%);color:#fff}.unfriend-action{background:linear-gradient(90deg,#e74c3c,#c0392b);color:#fff}.contact-action,.follow-action{background:var(--gradient-primary);color:#fff}.unfollow-action{background:linear-gradient(90deg,#f6bb42,#f39c12);color:#fff}.block-action{background:linear-gradient(90deg,#e74c3c,#c0392b);color:#fff}.unblock-action{background:linear-gradient(90deg,#aab2bd,#7f8c8d);color:#fff}.pending-action{background:linear-gradient(90deg,#f6bb42,#f39c12);color:#fff;cursor:not-allowed;opacity:.7}.avatar-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.avatar-modal-content{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-default);max-height:80vh;max-width:400px;overflow:auto;padding:20px;width:90%}.avatar-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.avatar-modal-header h3{color:var(--text-color);margin:0}.modal-close-btn{background:none;color:var(--text-color-secondary);font-size:24px}.modal-close-btn:hover{color:var(--text-color)}.avatar-modal-body{text-align:center}.avatar-modal-image{border:3px solid var(--border-color);border-radius:50%;height:200px;margin-bottom:20px;object-fit:cover;width:200px}.avatar-modal-buttons{display:flex;flex-direction:column;gap:10px}.avatar-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.avatar-btn:disabled{cursor:not-allowed;opacity:.5}.change-btn{background:var(--gradient-primary);color:#fff}.change-btn:hover:not(:disabled){background:var(--gradient-hover);box-shadow:var(--shadow-primary)}.remove-btn{background:linear-gradient(90deg,#dc3545,#c82333);color:#fff}.remove-btn:hover:not(:disabled){background:linear-gradient(90deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc354566}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background:#545b62}.profile-avatar.clickable{cursor:pointer;transition:transform .2s ease}.profile-avatar.clickable:hover{transform:scale(1.05)}.avatar-btn:disabled{position:relative}.avatar-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.profile-info{animation:fadeInUp .6s ease-out;display:flex;flex:1 1;flex-direction:column;gap:20px;padding:0 40px;position:relative;z-index:1}.profile-name{-webkit-text-fill-color:#0000;animation:slideInLeft .5s ease-out;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;color:#fff;display:inline-block;font-family:Sansation,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:-.5px;line-height:1.2;margin:0;position:relative;text-shadow:0 4px 20px #0000004d;width:-webkit-fit-content;width:fit-content}.profile-name:after{animation:expandWidth .8s ease-out .3s both;background:linear-gradient(90deg,#ffffffe6,#0000);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:80px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes expandWidth{0%{width:0}to{width:80px}}.profile-meta-info{animation:fadeIn .6s ease-out .2s both;display:flex;flex-direction:column;gap:8px}.profile-meta{align-items:center;color:#fffffff2;display:flex;font-family:Sansation,sans-serif;font-size:1.1rem;font-weight:500;gap:8px;margin:0;transition:all .3s ease}.profile-meta:before{content:"✉";font-size:1.2rem;opacity:.8}.profile-meta a{border-bottom:2px solid #ffffff4d;color:#fffffff2;padding-bottom:2px;text-decoration:none;transition:all .3s ease}.profile-meta a:hover{border-bottom-color:#fff;color:#fff;transform:translateY(-2px)}.profile-bio{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-left:3px solid #fff6;border-radius:12px;color:#ffffffe6;font-family:Sansation,sans-serif;font-size:1.15rem;font-weight:400;line-height:1.6;margin:8px 0 0;max-width:600px;padding:12px 16px;transition:all .3s ease}.profile-bio:hover{background:#ffffff26;border-left-color:#fff9;transform:translateX(4px)}.profile-stats{animation:fadeInUp .6s ease-out .4s both;display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.profile-stats span{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;box-shadow:0 4px 16px #0000001a;color:#fff;cursor:default;display:flex;font-family:Sansation,sans-serif;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-stats span:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-stats span:hover:before{left:100%}.profile-stats span:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 8px 24px #0003;transform:translateY(-4px) scale(1.05)}.profile-stats span strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-weight:800}.social-container{animation:fadeInUp .6s ease-out .5s both;margin-top:16px}@media (max-width:1024px){.profile-info{padding:0 30px}.profile-name{font-size:2.8rem}.profile-stats{gap:12px}.profile-stats span{font-size:.95rem;padding:12px 20px}}@media (max-width:768px){.profile-info{padding:0 20px}.profile-name{font-size:2.2rem}.profile-bio,.profile-meta{font-size:1rem}.profile-stats{gap:10px}.profile-stats span{font-size:.9rem;padding:10px 16px}}@media (max-width:480px){.profile-header{flex-direction:column;height:auto;padding:30px 20px}.profile-avatar-container{height:150px;margin-bottom:20px;width:150px}.profile-avatar{height:150px;width:150px}.profile-info{align-items:center;padding:0;text-align:center}.profile-name{font-size:1.8rem}.profile-stats{justify-content:center}}.show-post-container{background:var(--bg-color);margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.show-post-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-default);display:flex;gap:16px;margin-bottom:24px;padding:20px;transition:all .3s ease}.show-post-header:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.back-button{align-items:center;background:linear-gradient(90deg,#1598b31a,#0a61721a);border:2px solid #1598b333;border-radius:12px;color:#1598b3;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:linear-gradient(90deg,#1598b326,#0a617226);border-color:#1598b3;box-shadow:0 4px 12px #1598b333;transform:translateX(-3px)}.back-button:active{transform:translateX(-1px)}.show-post-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(118deg,#1598b3,#0a6172);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.show-post-content{margin-bottom:24px}.show-post-loading{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-default);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.spinner{border:5px solid #1598b31a;margin-bottom:20px}.show-post-loading p{color:var(--text-color-secondary);font-size:18px;font-weight:500;margin:0}.show-post-error{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-default);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:50px;text-align:center}.error-icon{animation:bounce 2s ease-in-out infinite;font-size:72px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.show-post-error h3{-webkit-text-fill-color:#0000;background:linear-gradient(118deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0 0 12px}.show-post-error p{color:var(--text-color-secondary);font-size:16px;line-height:1.6;margin:0 0 30px;max-width:500px}.error-actions{gap:12px}.back-btn,.retry-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.retry-btn{background:linear-gradient(90deg,#1598b3,#0a6172);color:#fff}.retry-btn:hover{box-shadow:0 8px 20px #1598b366;transform:translateY(-2px)}.retry-btn:active{transform:translateY(0)}.back-btn{background:linear-gradient(90deg,#1598b31a,#0a61721a);border:2px solid #1598b333;color:#1598b3}.back-btn:hover{background:linear-gradient(90deg,#1598b326,#0a617226);border-color:#1598b3;transform:translateY(-2px)}.back-btn:active{transform:translateY(0)}.show-post-context{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-default);margin-top:20px;padding:20px}.context-info{background:var(--bg-color);border-radius:12px;color:var(--text-color);font-size:15px;font-weight:500;gap:12px;margin-bottom:12px;padding:12px 16px;transition:all .2s ease}.context-info:last-child{margin-bottom:0}.context-info:hover{background:var(--hover-bg);transform:translateX(3px)}.context-icon{flex-shrink:0;font-size:20px}@media (max-width:768px){.show-post-container{padding:12px}.show-post-header{border-radius:12px;margin-bottom:16px;padding:16px}.show-post-header h2{font-size:24px}.back-button{font-size:13px;padding:8px 16px}.show-post-error,.show-post-loading{border-radius:16px;min-height:350px;padding:30px 20px}.error-icon{font-size:56px}.show-post-error h3{font-size:24px}.show-post-error p{font-size:15px}.error-actions{flex-direction:column;width:100%}.back-btn,.retry-btn{justify-content:center;width:100%}.show-post-context{border-radius:12px;padding:16px}.context-info{font-size:14px;padding:10px 14px}}@media (max-width:480px){.show-post-container{padding:8px}.show-post-header{gap:12px;padding:12px}.show-post-header h2{font-size:20px}.back-button{font-size:12px;padding:6px 12px}.show-post-error,.show-post-loading{min-height:300px;padding:24px 16px}.spinner{height:50px;width:50px}.error-icon{font-size:48px}.show-post-error h3{font-size:20px}.show-post-error p{font-size:14px}.back-btn,.retry-btn{font-size:14px;padding:10px 20px}}.app-main{background:#fff;border-radius:30px;box-shadow:0 2px 4px #0000001a;margin-top:75px;width:calc(100% - 160px)}.home-feed{margin:0 auto;max-width:800px}.raduis-left{left:1.25vw}.raduis-left,.raduis-right{position:fixed;top:80px;z-index:1}.raduis-right{right:1.25vw}.home-feed-container{margin:0 auto;max-width:680px;padding:20px}.feed-controls{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-default);margin-bottom:20px;padding:20px}.feed-controls h2{color:var(--text-color);font-size:24px;font-weight:600;margin:0 0 15px}.control-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.algorithm-selector{align-items:center;display:flex;gap:10px}.algorithm-selector label{color:var(--text-color-secondary);font-size:14px;font-weight:500}.algorithm-selector select{background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.algorithm-selector select:focus{border-color:#667eea;outline:none}.feed-stats{border-top:1px solid var(--border-color);color:var(--text-color-secondary);display:flex;font-size:14px;gap:20px;padding-top:15px}.feed-stats span{align-items:center;display:flex;gap:5px}.posts-container{display:flex;flex-direction:column;gap:16px}.post-wrapper{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-default);overflow:hidden;transition:transform .2s,box-shadow .2s}.post-wrapper:hover{box-shadow:var(--shadow-hover)}.post-feed-meta{align-items:center;background:var(--bg-color);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 16px}.feed-source{font-size:12px;font-weight:500}.dismiss-btn,.feed-source{color:var(--text-color-secondary)}.dismiss-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s}.dismiss-btn:hover{background:var(--hover-bg);color:var(--text-color)}.empty-feed,.error-state,.loading-state{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-default);padding:60px 40px;text-align:center}.spinner{border:4px solid var(--border-color);border-top:4px solid #667eea;height:50px;margin:0 auto 20px;width:50px}.loading-more{align-items:center;display:flex;flex-direction:column;gap:10px;padding:30px}.spinner-small{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #667eea;height:30px;width:30px}.loading-more p,.loading-state p{color:var(--text-color-secondary);font-size:16px;margin:0}.error-state{color:#e41e3f}.error-state button{background:#e41e3f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 24px;transition:background .2s}.error-state button:hover{background:#c71935}.empty-feed h3{color:var(--text-color);font-size:20px;margin:0 0 10px}.empty-feed p{color:var(--text-color-secondary);font-size:14px;margin:0 0 20px}.empty-feed button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s}.empty-feed button:hover{transform:translateY(-2px)}.end-of-feed{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-default);padding:40px;text-align:center}.end-of-feed p{color:var(--text-color-secondary);font-size:16px;margin:0}@media (max-width:768px){.home-feed-container{padding:10px}.feed-controls{padding:15px}.control-buttons{align-items:stretch;flex-direction:column}.refresh-btn{width:100%}.algorithm-selector{justify-content:space-between;width:100%}.algorithm-selector select{flex:1 1}.feed-stats{flex-direction:column;gap:8px}}.new-posts-indicator{animation:slideDown .3s ease-out;display:flex;justify-content:center;margin:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.show-new-posts-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.show-new-posts-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.show-new-posts-btn:active{transform:translateY(0)}.aside-container{left:8px;position:fixed;top:80px;width:68px;z-index:100}.app-aside{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-radius:24px;box-shadow:var(--shadow-default);max-height:85vh;min-height:55vh;overflow-x:hidden;overflow-y:auto;padding:10px 4px;scrollbar-width:none;transition:background-color .3s ease,border-color .3s ease}.app-aside::-webkit-scrollbar{display:none}.discussions-header{border-bottom:none;padding:4px 0 12px}.add-button,.discussions-header,.header-actions-aside{display:flex;justify-content:center}.add-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:14px;box-shadow:0 4px 12px #667eea59,0 2px 4px #667eea33;color:#fff;cursor:pointer;font-family:DM Sans;font-size:30px;font-weight:800;height:44px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.add-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-button:hover{box-shadow:0 8px 20px #667eea66,0 4px 8px #667eea40;transform:translateY(-2px) scale(1.05)}.add-button:hover:before{left:100%}.add-button:active{transform:translateY(0) scale(.98)}.discussion-list{gap:8px;list-style:none;margin:0;padding:0}.discussion-item,.discussion-list{display:flex;flex-direction:column}.discussion-item{align-items:center;border:none;border-radius:50%;cursor:pointer;justify-content:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.discussion-item:before{background:#0000;border-radius:16px;content:"";inset:0;position:absolute;transition:all .25s ease}.discussion-item:hover:before{background:var(--hover-bg)}.discussion-item:hover{transform:scale(1.08)}.discussion-item.active{background:var(--active-bg);border-radius:10px;padding:3px}.discussion-item.self-discussion .discussion-avatar{border:2px solid #667eea4d}.discussion-avatar-container{align-items:center;display:flex;justify-content:center}.discussion-avatar{background:var(--bg-color);border:2px solid var(--card-bg);border-radius:14px;box-shadow:0 2px 8px #0000001a;height:44px;transition:all .3s ease;width:44px}.discussion-item:hover .discussion-avatar{border-color:#667eea4d;box-shadow:0 4px 16px #667eea40}.status-indicator{border:2.5px solid var(--card-bg);border-radius:50%;bottom:-2px;box-shadow:0 2px 4px #00000026;height:14px;position:absolute;right:-2px;transition:all .3s ease;width:14px}.status-indicator.online{animation:pulse-online 2s infinite;background:linear-gradient(135deg,#10b981,#059669)}.status-indicator.offline{background:#9ca3af}@keyframes pulse-online{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.unread-badge{align-items:center;animation:badge-pop .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid var(--card-bg);border-radius:9px;box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.discussion-details,.discussion-subtitle,.last-activity,.last-message-preview{display:none}.error,.error-container,.loading{font-size:11px;padding:16px 8px;text-align:center}.loading{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;gap:8px}.loading:before{animation:spin .8s linear infinite;border:2px solid #667eea33;border-radius:50%;border-top-color:#667eea;content:"";height:24px;width:24px}.error{color:#ef4444;font-weight:500}.error-container{align-items:center;display:flex;flex-direction:column;gap:8px}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s ease}.retry-button:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.05)}.no-discussions{align-items:center;display:flex;flex-direction:column;gap:8px;padding:20px 8px;text-align:center}.no-discussions-title{color:var(--text-color);font-size:11px;font-weight:600;margin:0}.no-discussions-subtitle{color:var(--text-color-secondary);font-size:9px;line-height:1.3;margin:0}.start-discussion-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:10px;font-weight:600;margin-top:8px;padding:8px 12px;transition:all .3s ease}.start-discussion-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.discussion-item:after{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-default);color:var(--text-color);content:attr(data-tooltip);font-size:12px;font-weight:500;left:calc(100% + 12px);opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(.9);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap;z-index:1000}.discussion-item:hover:after{opacity:1;transform:translateY(-50%) scale(1);visibility:visible}.app-aside:hover{scrollbar-width:thin}.app-aside:hover::-webkit-scrollbar{display:block;width:4px}.app-aside:hover::-webkit-scrollbar-track{background:#0000}.app-aside:hover::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:2px}@media (max-width:768px){.aside-container{left:8px;top:70px;width:60px}.app-aside{border-radius:20px;padding:10px 6px}.add-button{font-size:22px}.add-button,.discussion-avatar{border-radius:12px;height:40px;width:40px}.status-indicator{height:12px;width:12px}.unread-badge{font-size:9px;height:16px;min-width:16px}}.discussion-component{animation:discussionSlideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #fff9;border-radius:24px;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014,inset 0 1px 0 #ffffffe6;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:5rem;max-height:80dvh;max-width:480px;min-width:380px;overflow:hidden;position:absolute;top:6px}@keyframes discussionSlideIn{0%{opacity:0;transform:translateX(-20px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}.discussion-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-bottom:1px solid #0000000a;display:flex;gap:12px;justify-content:space-between;padding:16px 20px;position:relative;transition:all .3s ease}.discussion-header:after{background:linear-gradient(90deg,#0000,#667eea26 50%,#0000);bottom:0;content:"";height:1px;left:20px;position:absolute;right:20px}.discussion-info{align-items:center;display:flex;flex:1 1;min-width:0}.discussion-avatar-container{flex-shrink:0;position:relative}.discussion-avatar{background:var(--gradient-primary);border:2.5px solid #ffffffe6;border-radius:16px;box-shadow:0 4px 12px #667eea40,0 2px 4px #00000014;height:48px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.discussion-avatar:hover{box-shadow:0 8px 24px #667eea59,0 4px 8px #0000001a;transform:scale(1.08) rotate(2deg)}.status-indicator-discussion{border:2.5px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 6px #0003;height:14px;position:absolute;right:-2px;transition:all .3s ease;width:14px}.status-indicator-discussion.online{animation:statusPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669)}.status-indicator-discussion.offline{background:#9ca3af}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}.discussion-details{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.discussion-name{align-items:center;color:#1f2937!important;display:flex;font-family:SenB;font-size:15px;font-weight:700;justify-content:center;line-height:1;margin:5px 0 0;text-align:center;width:60px}.discussion-status{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px;transition:color .3s ease}.discussion-status.online{color:#10b981}.discussion-status.online:before{animation:blink 1.5s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.discussion-status.offline{color:#6b7280}.discussion-actions{align-items:center;display:flex;gap:6px}.action-button,.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:38px}.action-button:before,.close-button:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-button:hover:before,.close-button:hover:before{left:100%}.action-button:hover{background:#667eea1a;box-shadow:0 4px 12px #667eea26;color:#667eea;transform:translateY(-2px)}.close-button:hover{background:#ef44441a;box-shadow:0 4px 12px #dc262626;color:#dc2626;transform:translateY(-2px)}.action-button:active,.close-button:active{transform:translateY(0) scale(.95)}.messages-container{background:radial-gradient(ellipse at 0 100%,#667eea0a 0,#0000 50%),radial-gradient(ellipse at 100% 0,#764ba20a 0,#0000 50%),linear-gradient(180deg,#fafbfc,#fff);flex:1 1;overflow-y:auto;position:relative;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000;margin:8px 0}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea4d,#764ba24d);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#667eea80,#764ba280)}.messages-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:40px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #667eea26;border-radius:50%;border-top-color:#667eea;height:36px;width:36px}.messages-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:40px;text-align:center}.messages-error p{font-weight:500;line-height:1.5}.messages-error button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;box-shadow:0 4px 14px #667eea59;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.messages-error button:hover{box-shadow:0 8px 24px #667eea73;transform:translateY(-3px)}.messages-error button:active{transform:translateY(-1px)}.no-messages{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:40px 30px;text-align:center}.no-messages-icon{animation:floatIcon 3s ease-in-out infinite;filter:grayscale(.2);font-size:56px;margin-bottom:8px}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.no-messages p{color:#374151;font-size:16px;font-weight:600;margin:0}.no-messages-subtitle{color:#6b7280!important;font-size:14px!important;font-weight:400!important;line-height:1.5;margin-top:4px!important;max-width:280px;opacity:.8}.messages-list{display:flex;flex-direction:column;gap:6px;margin:0 auto;max-width:100%;padding:20px;width:100%}.typing-indicator{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #0000000a;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000000f,inset 0 1px 0 #fffc;color:#6b7280;display:flex;font-size:13px;font-style:normal;font-weight:500;gap:12px;margin:8px 0;max-width:-webkit-fit-content;max-width:fit-content;padding:14px 18px}.typing-dots{display:flex;gap:5px}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite both;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:7px;width:7px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.file-preview-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#fffffff2,#f8fafcf2);border-top:1px solid #667eea1a;display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding:16px 20px}.file-preview-item{align-items:center;background:#fffc;border:1px solid #667eea1a;border-radius:14px;display:flex;gap:14px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-preview-item:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.file-preview-item:hover:before{opacity:1}.file-preview-item:hover{border-color:#667eea33;box-shadow:0 4px 16px #667eea1f;transform:translateX(4px)}.file-preview-image{border:1px solid #00000014;border-radius:10px;box-shadow:0 2px 8px #00000014;flex-shrink:0;height:56px;width:56px}.file-preview-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.file-preview-name{color:#1f2937;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{color:#6b7280;font-size:12px;font-weight:500}.file-upload-progress{background:#667eea1a;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.file-upload-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;overflow:hidden;position:relative;transition:width .3s ease}.file-upload-progress-bar:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.file-preview-remove{align-items:center;background:#ef444414;border:none;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .25s ease;width:34px}.file-preview-remove:hover:not(:disabled){background:#dc262626;transform:scale(1.1)}.file-preview-remove:disabled{cursor:not-allowed;opacity:.4;transform:none}.message-input-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#fffffff2,#f8fafcfa);border-top:1px solid #0000000a;padding:16px 20px 20px;position:relative}.message-input-container{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000000f;border-radius:22px;box-shadow:0 2px 8px #0000000a;display:flex;gap:8px;padding:8px 10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-input-container:focus-within{background:#fff;border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea14;transform:translateY(-2px)}.attachment-menu-wrapper{position:relative}.attachment-menu{animation:menuSlideUp .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:18px;bottom:100%;box-shadow:0 12px 40px #00000026,0 4px 12px #00000014,inset 0 1px 0 #ffffffe6;display:flex;flex-direction:column;gap:4px;left:0;margin-bottom:10px;min-width:170px;padding:10px;position:absolute;z-index:1000}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.attachment-menu-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:14px;padding:12px 14px;text-align:left;transition:all .2s ease}.attachment-menu-item:hover{background:linear-gradient(135deg,#667eea1a,#764ba214);color:#667eea;transform:translateX(6px)}.attachment-menu-item svg{flex-shrink:0;opacity:.85;transition:transform .2s ease}.attachment-menu-item:hover svg{transform:scale(1.1)}.attach-button,.emoji-button,.send-button{align-items:center;background:#0000;border:none;border-radius:14px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.attach-button:hover,.emoji-button:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px #667eea66,0 2px 4px #667eea33;color:#fff}.send-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea73,0 4px 8px #667eea40;transform:translateY(-3px) scale(1.05)}.send-button:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.send-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;color:#fff9;cursor:not-allowed;transform:none}.message-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;max-height:120px;outline:none;padding:12px 8px;resize:none}.message-input::placeholder{color:#9ca3af;font-weight:400}.connection-status{border:2px solid #fff;border-radius:50%;height:12px;width:12px}.connection-status.offline{animation:pulseOffline 1.5s infinite;background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes pulseOffline{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.connection-warning{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fee2e2f2,#fef2f2f2);border:1px solid #dc262626;border-radius:14px;color:#dc2626;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:12px 16px;text-align:center}.connection-warning:before{animation:pulseOffline 1.5s infinite;background:#dc2626;border-radius:50%;content:"";height:8px;width:8px}.sending-spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@media (max-width:768px){.discussion-component{animation:mobileSlideUp .3s ease;border-radius:0;left:0;max-height:100vh;max-width:100%;min-width:100%;right:0;top:0}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.discussion-header{border-radius:0;padding:14px 16px}.discussion-avatar{border-radius:14px;height:44px;width:44px}.messages-list{padding:16px}.message-input-form{padding:12px 16px 16px}.attachment-menu{left:auto;right:0}.file-preview-container{max-height:150px;padding:12px 16px}}@media (prefers-color-scheme:dark){.discussion-component{background:linear-gradient(180deg,#1f2937,#111827);border-color:#ffffff1a;box-shadow:0 12px 40px #0006,0 4px 12px #0000004d}.discussion-header{background:linear-gradient(135deg,#1f2937f2,#111827f2);border-bottom-color:#ffffff14}.discussion-header:after{background:linear-gradient(90deg,#0000,#667eea33 50%,#0000)}.discussion-name{color:#f3f4f6}.discussion-avatar{border-color:#ffffff26}.status-indicator{border-color:#1f2937}.action-button,.close-button{background:#374151cc;color:#9ca3af}.action-button:hover{background:#667eea33;color:#a5b4fc}.messages-container{background:radial-gradient(ellipse at 0 100%,#667eea14 0,#0000 50%),radial-gradient(ellipse at 100% 0,#764ba214 0,#0000 50%),linear-gradient(180deg,#111827,#1f2937)}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea66,#764ba266)}.message-input-form{background:linear-gradient(180deg,#1f2937f2,#111827fa);border-top-color:#ffffff14}.message-input-container{background:#37415199;border-color:#ffffff1a}.message-input-container:focus-within{background:#374151cc;border-color:#667eea99;box-shadow:0 0 0 4px #667eea26,0 4px 16px #0003}.message-input{color:#f3f4f6}.message-input::placeholder{color:#6b7280}.attach-button:hover,.emoji-button:hover{background:#667eea33;color:#a5b4fc}.typing-indicator{background:linear-gradient(135deg,#374151e6,#1f2937e6);border-color:#ffffff14;color:#9ca3af}.file-preview-container{background:linear-gradient(180deg,#1f2937f2,#111827f2);border-top-color:#667eea26}.file-preview-item{background:#37415199;border-color:#ffffff1a}.file-preview-item:hover{border-color:#667eea4d;box-shadow:0 4px 16px #0000004d}.file-preview-name{color:#f3f4f6}.file-preview-size{color:#9ca3af}.attachment-menu{background:#1f2937fa;border-color:#ffffff1a;box-shadow:0 12px 40px #0006,0 4px 12px #0000004d}.attachment-menu-item{color:#e5e7eb}.attachment-menu-item:hover{background:linear-gradient(135deg,#667eea33,#764ba226);color:#a5b4fc}.no-messages{color:#9ca3af}.no-messages p{color:#e5e7eb}.no-messages-subtitle{color:#6b7280!important}.messages-loading{color:#9ca3af}.loading-spinner{border-color:#667eea #667eea33 #667eea33}.connection-warning{background:linear-gradient(135deg,#7f1d1de6,#991b1be6);border-color:#ef44444d}}@media (prefers-reduced-motion:reduce){.action-button,.attachment-menu,.close-button,.discussion-avatar,.discussion-component,.file-preview-item,.loading-spinner,.no-messages-icon,.send-button,.sending-spinner,.typing-dots span{animation:none;transition:none}.discussion-component,.status-indicator.online{animation:none}}.message{animation:fadeIn .3s ease;display:flex;gap:.75rem;padding:.5rem 0}.message.own-message{flex-direction:row-reverse}.message-avatar{flex-shrink:0;height:2rem;width:2rem}.message-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.message-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:100%;justify-content:center;width:100%}.message-content{max-width:70%;min-width:0}.message-sender{color:#6c757d;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.message-bubble{word-wrap:break-word;border-radius:1rem;padding:.75rem 1rem;position:relative}.other-message .message-bubble{background:#fff;border:1px solid #e9ecef;border-bottom-left-radius:.25rem}.own-message .message-bubble{background:#667eea;border-bottom-right-radius:.25rem;color:#fff}.message-text{line-height:1.4;margin:0;white-space:pre-wrap}.message-time{align-items:center;display:flex;font-size:.75rem;gap:.5rem;margin-top:.25rem;opacity:.8}.other-message .message-time{color:#6c757d;justify-content:flex-start;padding-left:.5rem}.own-message .message-time{color:#fffc;justify-content:flex-end;padding-right:.5rem}.message-status-icon{color:#ffffffb3}.message-status-icon.read{color:#4fc3f7}.message-edited{font-size:.7rem;font-style:italic}.message-attachments{display:flex;flex-direction:column;gap:.5rem}.message-attachment{border-radius:.5rem;overflow:hidden;position:relative}.message-image-container{max-width:400px;position:relative}.message-image{border-radius:.5rem;cursor:pointer;max-height:400px;object-fit:cover;transition:transform .2s ease;width:100%}.message-image:hover{transform:scale(1.02)}.message-image-error{align-items:center;background:#f8f9fa;border-radius:.5rem;color:#6c757d;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem}.message-image-caption{font-size:.875rem;line-height:1.4;margin:.5rem 0 0}.message-download-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:2rem}.message-image-container:hover .message-download-btn{opacity:1}.message-download-btn:hover{background:#000000b3}.message-video-container{max-width:500px}.message-video{background:#000;border-radius:.5rem;max-height:400px;width:100%}.message-video-caption{font-size:.875rem;line-height:1.4;margin:.5rem 0 0}.message-video-info{align-items:center;color:inherit;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;opacity:.8}.own-message .message-video-info{color:#ffffffe6}.other-message .message-video-info{color:#6c757d}.message-voice-container{align-items:center;background:#ffffff1a;border-radius:.5rem;display:flex;gap:.75rem;min-width:250px;padding:.5rem}.own-message .message-voice-container{background:#fff3}.other-message .message-voice-container{background:#f8f9fa}.message-voice-icon{align-items:center;background:#667eea33;border-radius:50%;color:#667eea;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.message-audio{flex:1 1;height:32px}.message-voice-info{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.message-voice-duration{font-size:.75rem;font-weight:500}.message-download-btn-small{align-items:center;background:#0000;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:all .2s ease;width:1.75rem}.message-download-btn-small:hover{background:#0000001a}.message-file-container{align-items:center;background:#ffffff1a;border-radius:.5rem;display:flex;gap:.75rem;max-width:400px;min-width:280px;padding:.75rem}.own-message .message-file-container{background:#fff3}.other-message .message-file-container{background:#f8f9fa}.message-file-icon{align-items:center;background:#667eea1a;border-radius:.5rem;color:#667eea;display:flex;flex-shrink:0;height:3rem;justify-content:center;position:relative;width:3rem}.message-file-extension{background:#667eea;border-radius:.2rem;bottom:-2px;color:#fff;font-size:.5rem;font-weight:700;padding:.1rem .25rem;position:absolute;right:-2px}.message-file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.message-file-name{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-size{font-size:.75rem;opacity:.7}.message-file-download{align-items:center;background:#667eea33;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.message-file-download:hover{background:#667eea4d}.message-sending-indicator{align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.7;padding:.5rem 0}.message-sending-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1rem;width:1rem}.image-modal{align-items:center;animation:fadeIn .2s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.image-modal-content{background:#fff;border-radius:.5rem;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.image-modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:3rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:3rem;z-index:1}.image-modal-close:hover{background:#000000b3}.image-modal-img{max-height:calc(90vh - 4rem);max-width:100%;object-fit:contain}.image-modal-info{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem}.image-modal-info button{align-items:center;background:#667eea;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.image-modal-info button:hover{background:#5a67d8}@media (max-width:768px){.message-content{max-width:85%}.message-image-container,.message-video-container{max-width:100%}.message-file-container{min-width:200px}.image-modal-content{border-radius:0;max-height:100vh;max-width:100vw}}.add-discussion-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:50}.add-discussion-modal{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:42rem;overflow:hidden;width:100%}.add-discussion-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:1.5rem}.add-discussion-content{max-height:calc(80vh - 200px);overflow-y:auto;padding:1.5rem}.header-content{align-items:center;margin-bottom:1rem}.header-title{font-size:1.5rem;font-weight:700;margin:0}.header-subtitle{color:#bfdbfe;margin-bottom:0;margin-top:.25rem}.close-button{border-radius:50%;color:#fff;padding:.5rem;transition:background-color .2s}.close-button:hover{background-color:#fff3}.progress-container{align-items:center;display:flex;gap:1rem}.progress-bar{background-color:#fff3;border-radius:9999px;flex:1 1;height:.5rem;overflow:hidden}.progress-fill{background-color:#fff;border-radius:9999px;height:100%;transition:width .5s ease}.progress-text{color:#bfdbfe;font-size:.875rem;font-weight:500}.step-container{animation:fadeInSlide .3s ease-out;display:flex;flex-direction:column;gap:1.5rem}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.section{display:flex;flex-direction:column;gap:1rem}.section-header{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.section-header-icon{color:#eab308;margin-right:.5rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-button{background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1rem;position:relative;text-align:left;transition:all .2s ease}.quick-action-button:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a;transform:scale(1.01)}.quick-action-button.active{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:scale(1.05)}.quick-action-button:disabled{cursor:not-allowed;opacity:.5}.quick-action-content{align-items:center;display:flex;gap:.75rem}.quick-action-icon{background-color:#f3f4f6;border-radius:.5rem;color:#6b7280;padding:.5rem;transition:all .2s ease}.quick-action-button.active .quick-action-icon{background-color:#3b82f6;color:#fff}.quick-action-title{color:#111827;font-weight:500;margin:0}.quick-action-button.active .quick-action-title{color:#1e3a8a}.quick-action-description{color:#6b7280;font-size:.875rem;margin:0}.quick-action-button.active .quick-action-description{color:#3b82f6}.quick-action-check{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;height:1.5rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.recent-contacts{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.recent-contact-button{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;flex-shrink:0;padding:.75rem;transition:all .2s ease}.recent-contact-button:hover{border-color:#d1d5db}.recent-contact-button.selected{background-color:#eff6ff;border-color:#3b82f6}.recent-contact-avatar{height:3rem;margin-bottom:.5rem;position:relative;width:3rem}.recent-contact-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.recent-contact-avatar-initials{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-weight:500;height:100%;justify-content:center;width:100%}.recent-contact-status{border:2px solid #fff;border-radius:50%;bottom:-2px;height:1rem;position:absolute;right:-2px;width:1rem}.recent-contact-status.online{background-color:#10b981}.recent-contact-status.offline{background-color:#9ca3af}.recent-contact-name{font-size:.875rem;font-weight:500;margin:0;text-align:center}.list-container{display:flex;flex-direction:column;gap:.5rem}.list-item{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.list-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.list-item.selected{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px #0000001a}.list-item-content{align-items:center;display:flex;gap:1rem}.list-item-avatar{border-radius:50%;flex-shrink:0;height:3rem;width:3rem}.list-item-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.list-item-avatar-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.list-item-avatar-icon.group{background:linear-gradient(135deg,#10b981,#3b82f6)}.list-item-avatar-icon.organization{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.list-item-info{flex:1 1;min-width:0}.list-item-title{color:#111827;font-weight:500;margin:0 0 .25rem}.list-item-subtitle{color:#6b7280;font-size:.875rem;margin:0}.list-item-check{color:#3b82f6}.search-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.search-controls h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.online-filter{align-items:center;background:#f3f4f6;border:none;border-radius:9999px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.25rem .75rem;transition:all .2s ease}.online-filter:hover{background:#e5e7eb}.online-filter.active{background:#dcfce7;color:#15803d}.online-indicator{background:#9ca3af;border-radius:50%;height:.5rem;width:.5rem}.online-filter.active .online-indicator{background:#10b981}.search-container{margin-bottom:1rem;position:relative}.search-icon{color:#9ca3af;left:.75rem;pointer-events:none;position:absolute;top:.75rem}.search-input{border:1px solid #d1d5db;border-radius:.75rem;font-size:1rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.selected-contacts{margin-bottom:1rem}.selected-contacts-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.selected-contacts-header-icon{color:#10b981}.selected-contacts-header-text{color:#374151;font-size:.875rem;font-weight:500;margin:0}.selected-contacts-chips{display:flex;flex-wrap:wrap;gap:.5rem}.contact-chip{align-items:center;background:#dbeafe;border-radius:9999px;color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;padding:.25rem .75rem}.contact-chip-avatar{border-radius:50%;flex-shrink:0;height:1.5rem;width:1.5rem}.contact-chip-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.contact-chip-avatar-initials{background:#3b82f6;border-radius:50%;color:#fff;font-size:.75rem;font-weight:500;height:100%;width:100%}.contact-chip-avatar-initials,.contact-chip-remove{align-items:center;display:flex;justify-content:center}.contact-chip-remove{background:none;border:none;color:#3b82f6;cursor:pointer;padding:0}.contact-chip-remove:hover{color:#1e40af}.contacts-header{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.contacts-list{display:flex;flex-direction:column;gap:.5rem;max-height:16rem;overflow-y:auto}.contact-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.contact-item:hover{background:#f9fafb;border-color:#d1d5db}.contact-item.selected{background:#eff6ff;border-color:#3b82f6}.contact-item-content{align-items:center;display:flex;gap:.75rem}.contact-avatar{flex-shrink:0;height:2.5rem;position:relative;width:2.5rem}.contact-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.contact-avatar-initials{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-weight:500;height:100%;justify-content:center;width:100%}.contact-status{border:2px solid #fff;border-radius:50%;bottom:-1px;height:.75rem;position:absolute;right:-1px;width:.75rem}.contact-status.online{background-color:#10b981}.contact-status.offline{background-color:#9ca3af}.contact-info{flex:1 1;min-width:0}.contact-name{color:#111827;font-weight:500;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-details{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.contact-username{margin:0}.contact-last-seen{align-items:center;display:flex;gap:.25rem;margin:0}.contact-last-seen-icon{height:.75rem;width:.75rem}.loading-skeleton{display:flex;flex-direction:column;gap:.5rem}.skeleton-item{animation:pulse 1.5s ease-in-out infinite}.skeleton-item-content{align-items:center;background:#f3f4f6;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem}.skeleton-avatar{background:#d1d5db;border-radius:50%;height:2.5rem;width:2.5rem}.skeleton-text{flex:1 1}.skeleton-line{background:#d1d5db;border-radius:.25rem;height:1rem;margin-bottom:.5rem}.skeleton-line:last-child{margin-bottom:0}.skeleton-line.short{width:60%}.empty-state{color:#6b7280;padding:2rem}.empty-state-icon{margin:0 auto .5rem}.empty-state p{margin:.5rem 0}.empty-state .subtitle{font-size:.875rem}.discussion-preview{background:linear-gradient(135deg,#eff6ff,#f3e8ff);border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.discussion-preview-header{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.discussion-preview-content{align-items:center;display:flex;gap:1rem}.discussion-preview-avatar{border-radius:50%;flex-shrink:0;height:4rem;width:4rem}.discussion-preview-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.discussion-preview-avatar-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.discussion-preview-info{flex:1 1}.discussion-preview-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.discussion-preview-description{color:#6b7280;margin:0}.form-group{flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500}.form-label .optional{color:#9ca3af;margin-left:.25rem}.form-input{border:1px solid #d1d5db;border-radius:.75rem;font-size:1rem;padding:.75rem 1rem;resize:none;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-help{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.form-help-text{color:#6b7280;font-size:.875rem;margin:0}.char-count{color:#9ca3af;font-size:.75rem}.avatar-upload-controls{align-items:center;display:flex;gap:1rem}.avatar-upload-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.avatar-upload-button:hover{background:#f9fafb}.avatar-remove-button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:.875rem;transition:color .2s ease}.avatar-remove-button:hover{color:#991b1b}.settings-preview{background:#f9fafb;border-radius:.75rem;padding:1rem}.settings-preview-header{align-items:center;color:#111827;display:flex;font-weight:500;gap:.5rem;margin-bottom:.75rem}.settings-preview-list{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.settings-preview-item{display:flex;justify-content:space-between}.settings-preview-label{color:#6b7280}.settings-preview-value{color:#111827;font-weight:500}.settings-preview-value.private{color:#059669}.error-message{animation:fadeInSlide .2s ease-out;background:#fef2f2;border-radius:.75rem;gap:.75rem;padding:1rem}.error-icon{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.error-content h4{color:#991b1b;font-weight:500;margin:0 0 .25rem}.error-content p{color:#dc2626;font-size:.875rem;margin:0}.add-discussion-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.back-button{background:none;border:none;color:#6b7280;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:color .2s ease}.back-button:hover{color:#374151}.footer-actions{gap:.75rem}.footer-info{color:#6b7280;font-size:.875rem}.continue-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.continue-button:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:scale(1.05)}.continue-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.create-button{align-items:center;background:linear-gradient(135deg,#10b981,#3b82f6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.create-button:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:scale(1.05)}.create-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.spinner{border:2px solid #fff;border-top-color:#0000;height:1.25rem;width:1.25rem}@media (max-width:768px){.add-discussion-modal{margin:.5rem;max-height:95vh}.quick-actions-grid{grid-template-columns:1fr}.recent-contacts{gap:.5rem}.recent-contact-avatar{height:2.5rem;width:2.5rem}.footer-actions{flex-direction:column;gap:.5rem}.continue-button,.create-button{justify-content:center;width:100%}}.home-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;grid-template-rows:auto 1fr;justify-items:center;padding:5px;position:relative}.auth-required,.error-container,.home-container,.loading-container{background:linear-gradient(135deg,#e0f2fe,#fae8ff 50%,#fce7f3);min-height:100vh}.auth-required,.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.auth-required,.error-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000026;margin:2rem auto;max-width:500px;padding:3rem}.auth-required h3,.error-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(118deg,#1598b3,#0a6172);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1rem}.auth-required p,.error-container p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.auth-required button,.error-actions button,.error-container button{background:linear-gradient(90deg,#1598b3,#0a6172);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:.5rem;padding:1rem 2rem;transition:all .3s ease}.auth-required button:hover,.error-actions button:hover,.error-container button:hover{box-shadow:0 10px 30px #1598b366;transform:translateY(-2px)}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.loading-container{background:#0000}.spinner{border:5px solid #ffffff4d;border-top-color:#1598b3;height:60px;margin-bottom:1.5rem;width:60px}.loading-container p{color:#374151;font-size:1.125rem;font-weight:500}.profile-pic{border:3px solid #1598b34d;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;margin:0 auto 15px;object-fit:cover;transition:all .3s ease;width:100px}.profile-pic:hover{border-color:#1598b3;box-shadow:0 6px 16px #1598b34d;transform:scale(1.05)}.post{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;padding:20px;transition:all .3s ease}.post:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.post-header{align-items:center;border-bottom:1px solid #e5e7eb80;display:flex;gap:12px;margin-bottom:15px;padding-bottom:12px}.post-author-avatar{border:2px solid #1598b333;border-radius:50%;height:48px;object-fit:cover;transition:all .2s ease;width:48px}.post-author-avatar:hover{border-color:#1598b3;transform:scale(1.05)}.post-author-name{color:#1f2937;font-size:1rem;font-weight:600}.post-timestamp{color:#9ca3af;font-size:.875rem}.post-content{color:#374151;font-size:1rem;line-height:1.6;margin:15px 0}.post-actions{border-top:1px solid #e5e7eb80;display:flex;gap:12px;margin-top:15px;padding-top:15px}.post-actions button{align-items:center;background:#1598b31a;border:none;border-radius:10px;color:#1598b3;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.post-actions button:hover{background:#1598b333;transform:translateY(-1px)}.status-indicator.offline{background:#f44336e6;color:#fff}.card-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;padding:20px;transition:all .3s ease}.card-container:hover{box-shadow:0 8px 24px #0000001f}.card-header{border-bottom:2px solid #1598b333;color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e5e7eb4d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1598b3,#0a6172)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0a6172,#1598b3)}@media (max-width:768px){.home-container{gap:15px;padding:10px}.app-main{width:97vw}.auth-required,.error-container{margin:1rem;padding:2rem 1.5rem}.auth-required h3,.error-container h3{font-size:1.5rem}.post{border-radius:12px;padding:15px}.post-header{gap:10px}.post-author-avatar{height:40px;width:40px}.post-actions{flex-wrap:wrap;gap:8px}.post-actions button{font-size:.85rem;padding:6px 12px}.card-container{border-radius:12px;padding:15px}}@media (max-width:480px){.home-container{padding:5px}.nav-phone-viewport{display:none}.post{padding:12px}.profile-pic{height:80px;width:80px}.auth-required button,.error-actions button,.error-container button{margin:.25rem 0;width:100%}.error-actions{flex-direction:column;width:100%}}[data-theme=dark]{.home-container{background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#3f1d38)}}.aside-desktop-wrapper{display:block}@media (max-width:480px){.aside-desktop-wrapper{display:none}.mobile-discussions-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-discussions-container{animation:slideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:24px 24px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:85vh;overflow:hidden;position:fixed;right:0}.mobile-discussions-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px}.mobile-discussions-header h3{color:#333;color:var(--text-color,#333);font-size:20px;font-weight:700;margin:0}.mobile-discussions-close{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;padding:0;width:40px}.mobile-discussions-content{flex:1 1;overflow-y:auto;padding:0}.mobile-discussions-content .aside-container{left:0;position:relative;top:0;width:100%}.mobile-discussions-content .app-aside{border-radius:0;max-height:none;width:100%}}.aside-right{align-items:center;background-color:#fff;border-radius:50px;box-shadow:-2px 0 5px #0000001a;display:flex;flex-direction:column;position:fixed;right:5px;top:80px;width:60px}.aside-right-content,.aside-right-item{align-items:center;display:flex;flex-direction:column;width:100%}.aside-right-item{cursor:pointer;padding:5px 0;transition:background-color .2s}.aside-right-item:hover{background-color:#f5f5f5}.icon-container{align-items:center;background:#e0e0e0;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:2px;width:40px}.icon{font-size:20px}.label{font-size:10px;text-align:center;width:100%;word-break:break-word}.settings-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:10px 0;position:absolute;right:70px;top:100px;width:180px;z-index:100}.settings-item{cursor:pointer;font-size:13px;padding:10px 15px}.settings-item:hover{background-color:#f5f5f5}.logout{margin-bottom:10px;margin-top:auto}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode .aside-right{background-color:#1e1e1e;color:#fff}body.dark-mode .aside-right-item:hover{background-color:#333}body.dark-mode .settings-dropdown{background-color:#1e1e1e;color:#fff}body.dark-mode .settings-item:hover{background-color:#333}.auth-page-container{align-items:center;background:linear-gradient(135deg,#e0f2fe,#fae8ff 50%,#fce7f3);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.auth-background-shapes{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.shape{animation:float 20s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#1598b3,#0a6172);height:300px;left:-100px;top:-100px;width:300px}.shape-2{animation-delay:5s;background:linear-gradient(135deg,#9333ea,#ec4899);bottom:-150px;height:400px;right:-150px;width:400px}.shape-3{animation-delay:10s;background:linear-gradient(135deg,#3b82f6,#1598b3);height:250px;right:10%;top:50%;width:250px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}.auth-content-wrapper{max-width:480px;position:relative;width:100%;z-index:1}.auth-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000026;padding:3rem;transition:all .3s ease}.auth-form-container:hover{box-shadow:0 25px 70px #0003;transform:translateY(-5px)}.auth-logo-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;text-align:center}.auth-logo{animation:fadeInDown .8s ease;height:auto;margin-bottom:1rem;width:80vw}.auth-heading{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease .1s both;background:linear-gradient(118deg,#1598b3,#0a6172);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-subheading{animation:fadeInDown .8s ease .2s both;color:#6b7280;font-size:.95rem}.auth-form{animation:fadeInUp .8s ease .3s both}.name-fields-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.name-field{width:100%}.form-label{font-size:.9rem;margin-bottom:.5rem}.auth-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.auth-input:focus,.auth-input:hover{border-color:#1598b3}.auth-input:focus{box-shadow:0 0 0 3px #1598b31a;outline:none}.password-toggle{color:#6b7280}.password-toggle:hover{background:#0000;color:#1598b3}.auth-submit-btn{background:linear-gradient(90deg,#1598b3,#0a6172)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-size:1rem!important;font-weight:600!important;height:auto!important;padding:1.5rem!important;transition:all .3s ease!important}.auth-submit-btn:hover{box-shadow:0 10px 30px #1598b366!important;transform:translateY(-2px)!important}.auth-submit-btn:active{transform:translateY(0)!important}.divider-container{margin:1.5rem 0;position:relative;width:100%}.divider-text{background:#fffffff2;color:#9ca3af;font-size:.875rem;font-weight:600;left:50%;padding:0 1rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.google-login-wrapper{display:flex;justify-content:center}.google-login-wrapper>div{width:100%!important}.google-login-wrapper button{border-radius:12px!important;height:48px!important;transition:all .3s ease!important;width:100%!important}.google-login-wrapper button:hover{box-shadow:0 8px 20px #00000026!important;transform:translateY(-2px)!important}.toggle-auth-text{color:#6b7280;font-size:.95rem;margin-top:1rem;text-align:center}.toggle-auth-btn{color:#1598b3!important;font-weight:600!important;text-decoration:none!important;transition:all .3s ease!important}.toggle-auth-btn:hover{color:#0a6172!important;text-decoration:underline!important}.back-home-btn{color:#6b7280!important;font-size:.9rem!important;margin-top:1rem!important;transition:all .3s ease!important}.back-home-btn:hover{background:#1598b31a!important;color:#1598b3!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.auth-page-container{padding:1rem}.auth-form-container{padding:2rem 1.5rem}.auth-heading{font-size:1.75rem}.name-fields-row{grid-template-columns:1fr}.auth-subheading{font-size:.875rem}}@media (max-width:480px){.auth-heading{font-size:1.5rem}.auth-form-container{padding:1.5rem 1rem}.shape{opacity:.05}}.containerIS{z-index:2}.Saveoverlay{background-color:#00000080;bottom:0;right:0;z-index:2}.Saveoverlay,.Saveoverlay .modal{align-items:center;display:flex;justify-content:center;left:0;position:fixed;top:0}.Saveoverlay .modal{background-color:#b0b0b054;border-radius:8px;height:100%;padding:10px;width:100%;z-index:1000}.Saveoverlay .modal-content h3{align-items:center;color:#d44f7d;display:flex;font-family:senB;font-size:2em;margin-bottom:10px!important;text-align:justify}.Saveoverlay .modal-content h3 svg{font-size:xxx-large;margin-right:10px}.combine{align-items:center;display:flex;justify-content:space-around}.Saveoverlay .modal-content{display:flex;flex-direction:column;max-width:50dvw!important;position:relative}.Saveoverlay .modal-content label{display:block;font-family:SenB;margin-bottom:5px}.Saveoverlay .modal-content .radio-input{display:none}.Saveoverlay .modal-content select{border:1px solid #ccc;border-radius:4px;font-size:1em;margin:5px 0;padding:5px;width:80%}.Saveoverlay .radio-label{width:45%}.Saveoverlay .modal-content .radio-label{align-items:flex-start;border:2px solid #ccc;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:5px;padding:5px;transform:scale(1);transition:all .3s ease}.Saveoverlay .radio-label:hover{transform:scale(1.02);transition:all .3s ease}.Saveoverlay p{font-size:small}.Saveoverlay .modal-content .radio-input:checked+.radio-label{background-color:#1278de1a;border-color:#1278de;transition:all .3s ease}.navigation-buttons{justify-content:space-between;margin-top:20px}.Saveoverlay .navigation-buttons button{cursor:pointer;padding:8px 16px}.DTA,.SADD{align-items:center;display:flex;justify-content:center}.SADD{color:#1278de;cursor:pointer;font-family:BAL;height:20px;width:20px}.TAI{background:#7fffd400!important;border:0 solid #ccc0!important;border-radius:4px;margin-top:0!important;padding:5px;width:100%}.Saveoverlay .TACs{color:#1278de;font-family:SenB;font-size:12px;margin-right:2px}.Saveoverlay .TA{border:2px solid #1278de;border-radius:5px!important;min-height:3.5rem!important}.STAC{background:#fff;border-radius:8px;color:#dcedf1;flex-direction:row-reverse;justify-content:space-around;left:2px;padding:1px;position:absolute;top:-12px;width:95%}.STAC,.step2{align-items:center;display:flex}.step2{flex-direction:row;justify-content:space-between}.step2 .step .radio-label{width:94%}.radio-input{display:none}.accessibility-description{color:#666;font-size:.9em;margin-bottom:10px;margin-top:5px}.nested-input{display:block;margin-top:10px}.nested-input input{border:1px solid #ccc;border-radius:4px;font-size:1em;margin-top:5px;padding:8px;width:100%}.nested-input input[type=text]::placeholder{color:#999}.custom-pagination{display:flex;gap:10px;justify-content:center}.pagination-button{align-items:center;background-color:#fff;border:2px solid #ccc;border-radius:50%;color:#d44f7d;cursor:pointer;display:flex;font-family:SenB;font-size:1em;height:30px;justify-content:center;transition:background-color .3s ease,border-color .3s ease;width:30px}.pagination-button:hover{background-color:#f0f0f0}.pagination-button.active{background-color:#1278de1a;border-color:#1278de}.navigation-buttons{display:flex;justify-content:flex-end;margin-top:10px}.navigation-buttons button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:8px 16px}.navigation-buttons button:hover{background-color:#1976d2}.timer-inputs{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.timer-inputs label{align-items:center;display:flex;gap:5px}.timer-inputs input{border:1px solid #ccc;border-radius:4px;font-size:1em;padding:8px;text-align:center;width:50px}.timer-inputs input:focus{border-color:#2196f3;outline:none}.timer-inputs span{color:#333;font-size:1em}.step{align-items:center;border:1px solid;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:10px;position:relative}.step h4{background:#fff;font-family:SenB;left:5px;padding:0 9px 0 2px;position:absolute;top:-15px}.remove-questions-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:400px;padding:20px}.remove-questions-container h3{color:#333;text-align:center}.remove-questions-container input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.remove-questions-container button{border:none;border-radius:4px;cursor:pointer;font-weight:700;margin:10px 5px;padding:10px 15px}.remove-questions-container button.remove{background-color:#dc3545;color:#fff}.remove-questions-container button.cancel{background-color:#6c757d;color:#fff}.modal-content{background:#fff;border-radius:8px;width:400px}.modal-content label{font-weight:700;margin-bottom:15px}.modal-content input,.modal-content select{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px;width:100%}.modal-buttons{display:flex;justify-content:space-between}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 15px}.modal-buttons button:first-child{background-color:#28a745;color:#fff}.modal-buttons button:last-child{background-color:#dc3545;color:#fff}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background-color:#f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb{background:#1598b3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0e6272}.custom-scrollbar-container{max-height:78vh;overflow-y:scroll;scrollbar-color:#8880 #f0f0f000;scrollbar-width:thin;transition:scrollbar-color .3s}.custom-scrollbar-container::-webkit-scrollbar{border-radius:50px;height:10px;width:10px}.custom-scrollbar-container::-webkit-scrollbar-track{background:#0000;border-radius:50px}.custom-scrollbar-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:50px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.custom-scrollbar-container::-webkit-scrollbar-button{border-radius:50px}.custom-scrollbar-container:hover::-webkit-scrollbar-thumb{border-radius:50px;opacity:1}.custom-scrollbar-container:hover{scrollbar-color:#888 #f0f0f0}#GS{background-color:#f0f0f0;height:98%;justify-content:center;position:relative}#GS,#GS nav{align-items:center;display:flex;width:100%}#GS nav{background:#f0f0f000;flex-direction:row;height:40px;justify-content:space-around;position:fixed;top:5px;z-index:1}#aside{background:#fff;border-radius:100px;box-shadow:0 0 3px 0 #0000004a;min-height:200px;padding:5px 0 5px 10px;width:55px}#aside,#contdiv1{align-items:center;display:flex;flex-direction:column}#contdiv1{left:7px;position:fixed;top:50px}#BS{display:flex;flex-direction:row;margin-left:18%;margin-top:40px;position:relative;width:45%;z-index:0}#BS textarea{resize:none;width:100%}.container{width:100%}#editableDiv{word-wrap:revert-layer;background:#fff;border-radius:3px;box-shadow:0 0 3px 0 #00000040;font-family:SenR;font-size:16px;height:90vh;left:70px;outline:none;overflow:auto;padding:10px;position:fixed;top:60px;white-space:pre-wrap;width:40vw}#editableDiv[placeholder]:empty:before{color:#888;content:attr(placeholder)}#txt{background-color:initial;font-family:SenR;font-size:smaller;margin:50px 10px 10px 18%;padding-bottom:100px;padding-left:5px;padding-right:45%;width:100%}#txt,#uptxt{overflow:auto;resize:none}#uptxt{border-radius:10px;box-shadow:0 0 3px 0 #000000bf;color:red;height:95%;margin:10px;padding:10px;position:absolute;width:45%}textarea:focus{caret-color:red;outline:none}.ini{align-items:center;color:#1598b3;flex-direction:column;height:100%;justify-content:center}#contdiv,.ini{display:flex;width:100%}#contdiv{align-items:flex-start;flex-direction:row;justify-content:space-between;margin:55px 60px 0}#txtr{border-radius:10px;box-shadow:0 0 3px 0 #000000bf;font-size:13px;height:100%;overflow:auto;padding:10px;resize:none}#RI,#txtr{width:100%}#RI{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:93%;.scale-out-center{animation:scale-out-center .2s cubic-bezier(.55,.085,.68,.53) both}

    ;}.asideF .question-id{cursor:pointer;position:relative}.asideF .question-info{background-color:#f9f9f9;border:1px solid #ddd;display:none;left:100%;padding:10px;position:absolute;top:0;z-index:10}.asideF .question-id:hover .question-info{display:block}.editable-question,.ri-question{margin-bottom:20px}.overlay{align-items:center;background:#0009;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.feature-modal,.overlay{display:flex;justify-content:center}.feature-modal{background:#fff;border-radius:10px;flex-wrap:wrap;gap:20px;max-width:500px;padding:20px}.feature-button{align-items:center;background-color:#4a90e2;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:100px;justify-content:center;text-align:center;transition:background-color .3s;width:100px}.feature-button:hover{background-color:#357abd}.BigBC{display:flex;height:100%;justify-content:center;margin-top:5px;width:100%}.curasoq{height:62px;left:8px;position:absolute}.curasoq svg{height:62px;width:160px}.BC{border-radius:5px;display:flex;flex-direction:column;flex-wrap:nowrap;min-height:20rem;overflow:auto;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1);width:100%}textarea{resize:none}.SWL{background:#fff;border-radius:100px;height:12px;margin:3px 0;width:30px}.SWL,.SWL-slider{align-items:center;cursor:pointer;display:flex;position:relative}.SWL-slider{background-color:#ccc;border-radius:50px;transition:.4s}.SWL-slider:before{background-color:#4a4a4a;border-radius:50%;box-shadow:0 2px 5px 0 #32326926,0 1px 1px 0 #0000000d;content:"";height:16px;position:absolute;transition:.4s;-webkit-transition:.4s;width:16px}.SWI:checked+.SWL-slider:before{background-color:#75f0a0;transform:translateX(100%)}.SWI{display:none}.SW{align-items:center;display:flex;font-family:SenB;font-size:x-small;justify-content:space-between;margin-bottom:2px;min-width:6rem;padding:1px 2px}.BBB{flex-direction:column}.BBB,.BCS{align-items:center;display:flex;width:100%}.BCS{flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.BCNS{align-items:center;background:#0000;border:2px solid;border-radius:5px;display:flex;font-family:MUT;font-size:large;font-weight:1000;height:35px;justify-content:center;width:35px}.TA{background:#e1e1e100;border:2px solid;border-radius:1px 1px 5px 5px;border-top:0;color:#1598b3;margin:1%;min-height:2.5rem;position:relative;width:70%}.TACs{font-family:SenB;font-size:10px;margin-right:2px}.qs{background:#c6c6c6;font-family:MUT;font-size:15px;padding:5px;resize:none;transition:.5s;transition:.2s ease-in;width:75%}.TxTiT::-webkit-input-placeholder{color:#000}.FORS,.superContainer{width:100%}.FORS{flex-direction:row}.FORS,.isbothC{align-items:center}.isbothC{background-color:#fff;border-radius:50%;box-shadow:0 0 3px 0 #0000004a;color:#1598b3;cursor:pointer;display:inline-block;display:flex;font-size:larger;height:40px;justify-content:center;margin-bottom:10%;transition:background-color .3s ease;width:40px}.isbothC.checked{background-color:#1598b3;color:#fff;transition:background-color .5s ease}#isD,#isboth{display:none}.isDr{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 3px 0 #0000004a;color:#1598b3;cursor:pointer;display:inline-block;display:flex;font-size:larger;height:40px;justify-content:center;margin-bottom:10%;transition:background-color .5 ease;width:40px}.isDr.checked{background-color:#000!important;box-shadow:0 0 3px 1px #1598b3!important;color:#1598b3;transition:background-color .5s ease}.BCS1{flex-direction:column;justify-content:center}.BCS1,.machingQ{align-items:center;display:flex;flex-wrap:nowrap;min-height:14rem;transition:.5s;width:100%}.machingQ{flex-direction:row;justify-content:space-around}.container{height:100%;justify-content:center;position:relative}.column,.container{display:flex;flex-direction:column}.column{align-items:center}#svgCanvas path{cursor:pointer;pointer-events:visiblestroke;transition:all .05s ease}.superdDiv{background:linear-gradient(184deg,#e4e4e4,#d5d5d5);border:2px solid #1598b3;border-radius:25px;box-shadow:0 4px 12px #00000026;margin:12px 0;padding:5px}.virtual-div{background-color:blue;height:10px;margin-bottom:5px;transition:all .3s ease}.holderDrag{cursor:grab}.holderDrag:active{cursor:grabbing}.superdDiv.dragging{opacity:.4;z-index:1000}.virtual-div{background-color:#0000001a;border:2px dashed #000;z-index:999}.virtual-div,.virtual-div-blocker{height:100%;left:0;position:absolute;top:0;width:100%}.virtual-div-blocker{background-color:#ffffff80;pointer-events:none;z-index:1000}.item .TxTi{background-color:#ffffffeb;border-radius:8px;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214;font-size:13px;height:100%;margin:5px;outline:none;padding-left:5px;padding-top:7px;resize:none;transition:.2s ease-in}.item,.item .TxTi{font-family:SenB;width:70%}.item{align-items:center;border-radius:10px;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:14px;margin:1px 0 15px;min-height:30px;position:relative;transition:.5s;-webkit-user-select:none;user-select:none}.matching-exercise-container{align-items:flex-start;display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.containerForMaching{align-items:center;display:flex;flex-direction:row;margin-top:5px;min-height:30vh;position:relative}.column,.containerForMaching{width:-webkit-fit-content;width:fit-content}.column{border:1px solid;border-radius:10px;box-sizing:border-box;flex:1 1;height:100%;margin:5px;padding:0 10px;width:23vw}.left-column{text-align:left}.right-column{text-align:right}.itemS{margin:10px 0;padding:10px;transform:scale(1)}.itemS,.itemS:hover{transition:transform .3s ease}.itemS:hover{transform:scale(1.1)}.leftS .textS,.rightS .textS{margin:0}.svg-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.columnItem{display:flex;flex-direction:column;width:100%}.itemS{background:#70777787;border-radius:50%;cursor:pointer;height:25px;position:absolute;width:25px}.leftS{left:-26px}.rightS{right:-26px}.svgCanvas{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.param{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}.BOP.dragging{opacity:.8}.paramB{justify-content:flex-start;width:5%}.BOP,.paramB{align-items:center;display:flex;flex-direction:row}.BOP{justify-content:center;margin:8px 0;position:relative;transition:.5s;width:100%}.BOPP{align-items:center;border:1px solid;border-radius:15px;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:95%}.TxTiT{background:#c6c6c6;font-family:MUT;font-size:13px;margin:1%;outline:none;padding-left:5px;padding-top:7px;resize:none;transition:.2s ease-in;transition:.5s;width:78%}.TxTi:focus,.TxTiT:focus,.qs:focus{background:#fff;border-bottom:5px solid;color:#1598b3;padding-top:5px;transition:.2s ease-in}.TxTiT::placeholder{opacity:.5}.TAC{border-radius:8px;flex-direction:row-reverse;padding:2px;top:-13px;width:100%}.ADD,.TAC{justify-content:center;position:absolute}.ADD{align-items:center;display:flex;font-family:BAL;font-size:15px;right:5px}.TARG{flex-direction:row;min-height:1rem;padding:12px 5px;width:100%}.TAI{background-color:#f5f5f5;border-radius:3rem;font-family:SenB;font-size:11px;height:100%;padding-left:5px;width:70%}.addd{align-items:center;background-color:#f1f8fa;border:2px solid #1598b3;border-radius:15px;display:flex;height:20px;justify-content:space-between;width:80%}#searchI:focus,.TAI:focus,.TIN:focus{outline:none}.targ{background:#fff;border:2px solid;border-radius:10px;font-family:BAL;font-size:10px;height:-webkit-fit-content;height:fit-content;margin:1%;padding:0 3px;position:relative;width:-webkit-fit-content;width:fit-content}.rmv,.targ{align-items:center;display:flex;justify-content:center}.rmv{color:#9c0a3d;font-size:15px;height:7px;right:5px;transform:rotate(45deg);width:7px}.TIN{background:#0000}.CCQ{align-items:center;border-radius:10px;display:flex;flex-direction:column;padding-left:5px;position:relative;width:100%}.CCT{border:2px solid;border-radius:30px;margin-top:4%;padding-left:10px;padding-top:8px;resize:none;width:90%}.CCQ .BC{width:97%!important}.CCQ .BigBC{height:-webkit-fit-content;height:fit-content;margin:0;padding:0}.CCQ .BigBC,.adj{display:flex;justify-content:center;width:100%}.adj{align-items:center}.showSlidByIndex{display:-webkit-inline-box;overflow:overlay;transition:transform .3s ease-in-out;width:100%}.contaner{align-items:center;border:1px solid #818181;border-radius:10px;display:flex;flex-direction:column;justify-content:center;width:100%}.slid{font-size:25px;height:100%;width:5%}input[type=checkbox i]{height:20px;margin:1%;width:20px}#cont,.SSS{align-items:center;display:flex;flex-direction:column;width:100%}.inpprop{display:none}.labprop{align-items:center;border:2px solid;border-radius:10px;display:flex;font-family:MUT;font-size:30px;height:5vh;justify-content:center;margin:2px;transition:.3s;width:5vh}.drag{color:#1598b3;cursor:move;height:70%;width:34px}.MRK{align-items:center;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:1% 3%;padding:0 2px;transition:.2s}.mark{background-color:#fff;border:1px solid;border-radius:3px;font-family:MUT;font-size:10px;height:13px;min-width:4ch!important;text-align:center;transition:.5s;width:4ch}.mark:focus{outline:none}.butholder{align-items:center;display:flex;height:30%;justify-content:space-evenly}.baddp{bottom:-17px;color:#1598b3;height:18px;position:absolute;text-align:center;transition:all .5s;width:18px}.baddp,.brmvp{align-items:center;display:flex;justify-content:center}.brmvp{color:#d44f7d;font-size:large;height:25px;transition:all .5s cubic-bezier(.23,1,.32,1);width:25px}.baddp:hover{color:#0ac413;transition:all .5s}.brmvp:hover{color:#c40a61;transition:all .5s}.inpprop:checked~.labprop{background:#defae8;color:#53d584!important;color:var(--b,#53d584)!important}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:20px;text-align:center;width:100%}.modal-content h3{font-size:1.5em;margin-bottom:20px}.modal-content label{color:#333;display:block;font-size:1em;margin:10px 0;text-align:left}.modal-content input[type=number],.modal-content select{border:1px solid #ccc;border-radius:4px;font-size:1em;margin:8px 0;padding:8px;width:100%}.modal-content button{border:none;border-radius:5px;cursor:pointer;font-size:1em;margin:10px 5px;padding:10px 20px}.modal-content button:hover{opacity:.9}.modal-content button:first-child{background-color:#4caf50;color:#fff}.modal-content button:last-child{background-color:#f44336;color:#fff}.superdDiv{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.fade-in{animation:fadeIn .2s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.fade-out{animation:fadeOut .2s ease-out forwards}.addIcon{height:20px;position:absolute;top:-23px;width:20px}#addItem svg,.addIcon{color:#d44f7d;transition:.3s}#addItem svg{height:40dvh;width:40dvW}#addItem svg:hover,.addIcon:hover{color:#ff0492;transition:.3s}.QQQ,.Qdiv{align-items:center;display:flex;flex-direction:row;font-size:10px;margin-left:20px}.removeIcon,.throwQuestionOut{border:none;color:#686868;cursor:pointer;transition:.3s}.removeIcon svg{color:#d44f7d;height:4dvh;width:3dvW}.throwQuestionOut svg{fill:#686868;height:4dvh;width:3dvW}.addNext svg{fill:#686868;height:3dvh;width:3dvW}.removeIcon:hover,.throwQuestionOut svg:hover{color:#c60e39;transition:.3s}details input[type=checkbox i]{height:10px!important;width:10px!important}.Qs{background:#244b70;color:#f0f8ff;font-family:SenR;font-size:10px;height:18px;margin:3px;padding:4px;width:18px}.DAOU,.Qs{align-items:center;border-radius:50%;display:flex;justify-content:center}.DAOU{background:#fff;border:2px solid;box-shadow:0 0 2px 1px #0000004a;color:#d44f7d;cursor:pointer;font-family:MUT;font-size:14px;font-weight:bolder;height:25px;margin:3px 0;padding:1px;transition:background .3s ease,transform .3s ease;width:25px}.DAOU:hover{transform:scale(1.2);transition:transform .3s ease}.DDD{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;transform:scale(1);transition:background .3s ease,transform .3s ease;width:32px}.DDD.highlighted{background:#1598b3;border-radius:50%;transform:scale(1.05)}.btna{display:flex;height:100%;width:100%}.btna,summary{align-items:center}summary{cursor:pointer;display:flex!important;flex-direction:row;padding-left:10px}.afsa{background:#5b9db8;-webkit-clip-path:polygon(100% 50%,10% 10%,10% 90%);clip-path:polygon(100% 50%,10% 10%,10% 90%);height:10px;margin:1%;transform:rotate(0);transition:all .5s;width:9px}.swi{transform:rotate(90deg)!important}#beck{transform:scaleX(-1)}.caze{align-items:center;color:#1598b3;cursor:pointer;display:flex;font-size:25px;height:100%;justify-content:center;position:relative;transition:.5s;width:50px}.caze:hover{background-color:#8a0431;transition:.5s}.hisD{align-items:center;background:#d9d9d9;display:none;flex-direction:column;font-size:medium;max-height:10rem;overflow:auto;position:absolute;top:50px;width:10rem}.LABC,.hisD.visible{display:flex}.LABC{align-items:center;border:1px solid #244b70;color:#000;cursor:pointer;font-family:BAL;height:30px;justify-content:center;padding:8px;width:100%}input[type=radio]{display:none}.checkI{background-color:#f0f0f0;color:#333;font-weight:700}.INCC:checked~.LABC{background:#ff0740ba}.DCD,.RIIC{width:100%}.CCQQ{padding-left:10px}#search{align-items:center;border-bottom:1px solid #c67692;display:flex;font-size:24px;height:2rem;width:100%}#searchI{background:#e1e1e1;justify-content:center}.BOP1{margin:1%;width:48%}.BOP1 textarea{border-radius:10px;font-size:11px;padding:4px;resize:none;width:100%}#saveid{background:#ffffffba;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}#saveid,#saveid #container{align-items:center;display:flex}#saveid #container{background:#d5d5d5;border-radius:10px;flex-direction:column;height:25rem;width:50%}#QSI{font-family:senR;font-size:x-large;padding:10px;width:100%}.CTR1{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;width:90%}.inpo1{background:#e8f4f9;border:3px solid #5b9db8;border-radius:8px;font-size:15px;margin:0 5px;min-height:25px;padding-left:10px;width:100%}#info1{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;width:90%}#BSD{width:50%}.forC{margin-top:25px}.forC,.forCC{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.forCC{margin-top:5px}.forCC .TAC{color:#5b9db8}.forCC .TA{border:2px solid #5b9db8;border-top:0}.BCN{color:#1598b3;flex-direction:column;font-family:SenB;font-size:15px;height:80%;justify-content:space-around;width:12%}.p1{display:flex;flex-direction:row-reverse}.BCN input{background-color:#fff;border:1px solid;border-radius:5px;color:#626262;font-family:MUT;font-size:10px;opacity:.8;transition:.5s}.BCN input:focus,.BCN input:hover{opacity:1;transition:.5s}.BCSE{border-radius:5px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;color:#fff;display:flex;flex-direction:column;left:30px;padding:2px 10px;position:absolute;top:0;z-index:1}.hide{display:none}.BCND{font-size:18px;justify-content:space-around;margin-left:0;margin-top:0;width:100%}.BCND,.BCND button{align-items:center;display:flex;height:30px}.BCND button{border-radius:50%;color:#1598b3;font-size:xx-large;justify-content:center;position:relative;width:30px}.picD{border:2px solid #d44f7d;border-radius:10px;height:65px;margin:5px 5px 5px 0;padding:2px;width:80px}.holderD{position:relative}.opt{border-bottom:2px solid;font-family:Carlito;font-size:10px;margin-bottom:5px;width:100%}.landing{background:#fafafa;display:flex;flex-direction:column;flex-shrink:0;margin:0;padding:0}.landing,.navbar{align-items:center;box-sizing:border-box}.navbar{background:#fff;border-radius:50px;box-shadow:1px 1px 5px 1px #0000003d;display:inline-flex;height:50px;justify-content:center;position:fixed;top:8px;width:40%;z-index:10}.navbar ul{list-style:none;width:100%}.navbar ul,.navbar ul li{display:flex;justify-content:center}.navbar ul li{align-items:center;color:#000;cursor:pointer;font-family:MUT;font-size:25px;font-style:normal;font-weight:400;letter-spacing:-.39px;line-height:30px;margin:0 15px;width:25%}.navbar ul li:hover{color:#b81212}.navbar ul li.active{color:#00448c}.indicator{background-color:#d24f7d90;border-radius:50px;bottom:0;height:50px;position:absolute;transition:left .3s ease;width:25%}.article{align-items:center;background-color:#f4f4f4;display:flex;height:100vh;justify-content:center;position:relative;scroll-snap-align:start;width:100%}.blum{left:0;position:absolute;top:-10px}.containerA1{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;left:15px;position:absolute;top:100px;width:65%}.titleA1{color:#000;font-family:MUT;font-size:64px;font-style:normal;font-weight:400;line-height:normal}.picA1{position:absolute;right:8px;width:58%}.picA2,.picB1{left:8px;position:absolute;width:53%}.picB1,.picB2{top:30px}.picB2{left:8px;position:absolute;width:53%}.art3T{height:100%;width:40%}.art3P{flex-direction:column;height:100%;width:60%}.art3P,.gneratorL{display:flex;justify-content:space-around}.gneratorL{align-items:center;flex-direction:row-reverse}.gneratorP{width:53%}.gneratorD{background:#d7d7d7;border-radius:10px;box-shadow:0 0 2px 1px #26272b1c;padding:5px 10px;width:43%}.userL{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.userP{width:34%}.userD{align-items:center;background:#d7d7d7;border-radius:10px;box-shadow:0 0 2px 1px #26272b1c;display:flex;flex-direction:column;padding:5px 10px;width:43%}.labut{background:#ecf29d;border-radius:50px;box-sizing:border-box;padding:5px;transition:.4s}.labut:hover{box-shadow:1px 1px 5px 1px #0000003d;transition:.4s}.opp{align-items:center;cursor:pointer;display:flex;height:3rem;justify-content:flex-start;margin:1% 1% 1% 0;width:80%!important}.oppo:hover{background:#bee4d6;border-radius:10px;box-shadow:0 0 2px 1px #26272b1c}.oppCheckerTrue{background:#c3e9df!important;color:#007049}.oppCheckerFalse{background:#e7cad4!important;color:#6c0303!important}.oppCheckerMissed{background-color:#d9ecdf!important}.oppo{background:hsla(0,0%,100%,.731);box-shadow:0 0 2px 1px #26272b1c;flex-direction:row;height:100%;transition:.4s;width:100%}.associate-questions,.oppo{align-items:center;border-radius:8px;display:flex}.associate-questions{background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;flex-direction:column;font-family:Arial,sans-serif;margin:0 auto;max-width:400px;padding:20px;position:absolute}.associate-questions input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:15px;padding:10px;transition:border-color .3s ease;width:100%}.associate-questions input:focus{border-color:#007bff;outline:none}.associate-questions button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.associate-questions button:hover{background-color:#0056b3}.oqs{background:rgba(237,255,254,.731);border-radius:8px;box-shadow:0 0 2px 1px #26272b1c;height:3.5rem;width:95%!important}.inputat{display:none}.inputat:checked~.oppo{background:#aae9bf;border:1px solid;box-shadow:0 0 2px 1px #26272b1c;color:#015739;transition:.4s}.form-group{align-items:center;display:flex;flex-direction:row-reverse;justify-content:center}.form-group textarea{border-radius:8px;margin:3px;padding:1px 3px;resize:none;width:100%}.form-group .oppoS{background:#fffffffa!important;border:0 solid;height:30px!important;padding:17px;width:30px!important}.form-group .oppoS:hover{background:#a0f0bbfa!important;box-shadow:0 0 2px 1px #26272b1c}.holder{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80dvh;position:absolute;right:10px;top:60px;width:50%}.holderDrag svg{color:#1598b3;height:40px;width:40px}.oppoS{align-items:center;border:2px solid;border-radius:50%;cursor:pointer;display:flex;font-family:MUT;font-size:larger;height:35px;justify-content:center;margin:10px;padding:17px;transition:.4s;width:35px}.inputat:checked~.oppoS{background:#a0f0bbfa!important;border:1px solid;box-shadow:0 0 2px 1px #26272b1c;color:#19915b;transition:.4s}.action-buttons{gap:10px;justify-content:center;margin:10px 0}.action-buttons button{background-color:#007bff;color:#fff;font-size:14px;padding:8px 16px}.action-buttons button:hover{background-color:#0056b3}.holderUpComponent,.holderUpComponent1{align-items:center;display:flex;justify-content:flex-start;margin-bottom:-5px;width:100%}.afterCheckNav{width:200px}.afterCheckNav,.afterCheckNav1{align-items:center;background:#fff;border-radius:50px;box-shadow:0 0 3px 0 #0000004a;display:flex;height:40px;justify-content:space-around}.afterCheckNav1{position:absolute;right:5px;top:-40px;width:15vw}.feature-b svg{align-items:center;color:#1598b3;cursor:pointer;display:flex;font-size:11px;height:25px;justify-content:center;text-align:center;transition:background-color .3s;width:25px}.serchingNav{border-radius:50px;height:40px;position:relative;width:200px}.mainNav,.serchingNav{align-items:center;background:#fff;box-shadow:0 0 3px 0 #0000004a;display:flex;flex-direction:row;justify-content:center}.mainNav{border-radius:66px;height:100%;position:absolute}.columnName{border-radius:5px;resize:none;text-align:center}.column.dragging{opacity:.5}.drop-target{transition:background-color .2s ease}.drop-target:hover{background-color:#aaa}.columnV{background:#f2f2f280;border-radius:10px;height:100%;margin:5px;width:-webkit-fit-content;width:fit-content;width:10vw}.context-menu{background:#fff;box-shadow:2px 2px 5px #0003;padding:5px}.context-menu button{background:none;border:none;cursor:pointer;padding:5px 10px;text-align:left;width:100%}.context-menu button:hover{background:#f0f0f0}.DragColumn{cursor:grab}.DragColumn:active{cursor:grabbing}.columnItem.dragging,.dragging{opacity:.5}.drop-target{background-color:#ccc;height:100%;margin:0 5px;width:10px}.drop-target-item{background-color:#ccc;height:10px;margin:5px 0;width:100%}.navColumn,.navColumn button{align-items:center;display:flex}.navColumn button{height:20px;justify-content:center;width:20px}.checkbox-wrapper-46 input[type=checkbox]{display:none;visibility:hidden}.checkbox-wrapper-46 .cbx{cursor:pointer;margin:auto;-webkit-user-select:none;user-select:none}.checkbox-wrapper-46 .cbx span{display:inline-block;transform:translateZ(0);vertical-align:middle}.checkbox-wrapper-46 .cbx span:first-child{border:1.5px solid #1598b3;border-radius:3px;height:18px;position:relative;transform:scale(1);transition:all .2s ease;vertical-align:middle;width:18px}.checkbox-wrapper-46 .cbx span:first-child svg{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;left:2px;position:absolute;top:3px;transform:translateZ(0);transition:all .3s ease;transition-delay:.1s}.checkbox-wrapper-46 .cbx span:last-child{padding-left:8px}.checkbox-wrapper-46 .cbx:hover span:first-child{border-color:#1598b3}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child{background:#1598b3;border-color:#1598b3}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child:before{opacity:0;transform:scale(3.5);transition:all .6s ease}.BigBC-display{background:#f8f9fa;border-radius:8px;margin:1rem 0;padding:1rem}.BCS1-display{display:flex;flex-direction:column;gap:1rem}.option-display{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.option-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.option-letter{color:#495057;font-weight:700}.option-correct{color:#2b8a3e;font-weight:700}.option-correct[data-correct=false]{color:#c92a2a}.option-mark{color:#5c940d;font-size:.9rem}.option-text{line-height:1.5;margin:.5rem 0}.option-images{margin-top:.5rem}.selected-image-container{gap:5px;height:100%;position:relative;width:100%}.selected-image-container,.selected-image-preview{align-items:center;display:flex;justify-content:center}.selected-image-preview{flex-wrap:wrap;gap:2px}.selected-image-thumb{border:2px solid #ccc;border-radius:5px;height:30px;object-fit:cover;width:30px}.add-more-box{bottom:40px;color:#333;font-size:3px;font-size:16px;position:absolute;right:60px;z-index:5}.add-more-box,.selected-more-box{align-items:center;border-radius:5px;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.selected-more-box{color:#d96e93;font-size:x-large}.selected-more-boxx{border-radius:5px;color:#d96e93;cursor:pointer;font-size:large;height:28px;width:28px}.selected-image-modal,.selected-more-boxx{align-items:center;display:flex;justify-content:center}.selected-image-modal{background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}.modal-content-forselect{background-color:#fff;border-radius:10px;height:70dvh;overflow-y:auto;padding:20px;position:relative;width:80vw}.close-modal{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.modal-images{display:flex;flex-wrap:wrap;gap:10px}.modal-image-wrapper{align-items:center;display:flex;justify-content:center;width:calc(33.33% - 10px)}.modal-image{border-radius:5px;height:auto;width:100%}.selected-image-open-model{bottom:0;left:0;position:absolute;right:0;top:0}.selected-image-thumb-wrapper{position:relative}.modal-image-wrapper,.selected-image-thumb-wrapper{cursor:pointer;display:inline-block}.selected{border:2px solid blue;border-radius:5px}.delete-selected{background-color:rgba(247,168,189,.841);border:none;border-radius:5px;bottom:40px;color:#fff;cursor:pointer;font-size:16px;height:30px;position:absolute;right:100px;width:30px;z-index:5}.selected-image-div{align-items:center;background:#cfcfcf;border-radius:10px;display:flex;height:80dvh;justify-content:center;position:absolute;width:85vw}.imgAddIconSpan{color:#d44f7d;font-size:xx-large}.note-component{border-radius:25px;left:-85%;max-width:37vw;position:absolute;top:0}.note-component *{-webkit-user-select:none;user-select:none}.curacor{height:62px;left:8px;position:absolute;z-index:1}.curacor svg{height:62px;width:160px}.chapeAdder{position:relative}.chapeAdder,.nanCuraCor{align-items:center;display:flex;justify-content:center}.nanCuraCor{height:50px;position:absolute;top:5px;width:100%;z-index:1000}.selection-rectangle{background:#007bff1a;border:1px solid #007bff;z-index:1000}.note-toolbar-shapes{align-items:center;background:#efefef;border-radius:15px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:5px;position:absolute;top:40px;width:22vw}.note-toolbar-shapes button{border:none;border-radius:10px;height:30px;width:30px}.note-component-overlay.full-screen{background:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.note-component-overlay.full-screen .note-component{border-radius:0;display:flex;height:100vh;justify-content:center;left:0;margin:0;max-width:100%;overflow:auto;top:0;width:100vw}.fullscreen-toggle{margin-left:auto}.resize-handle{pointer-events:none;user-select:none;-webkit-user-select:none}.resize-handle:before{content:"";height:100%;pointer-events:auto;position:absolute;width:100%}.note-toolbar{position:absolute}.NavButt{background:#f0f0f0;border:0;border-radius:50%;box-shadow:0 0 3px 0 #0000004a;font-size:large;height:40px;padding:2px;width:40px}.note-toolbar button,.note-toolbar select{align-items:center;background:#fff;border:2px solid;color:#1598b3;cursor:pointer;display:flex;justify-content:center;padding:4px}.note-toolbar button:hover{background-color:#e9e9e9}.note-editor{background-color:#9bb3fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 100 100'%3E%3Cpath fill='%23FFF' d='M0 0h99v99H0z'/%3E%3C/svg%3E");min-height:50000px;min-width:50000px}.note-editor img{height:auto;max-width:100%}.note-editor a{color:#06c;text-decoration:underline}.note-footer{border-top:1px solid #ddd;display:flex;gap:8px;justify-content:flex-end;padding:12px}.note-footer button{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:4px;padding:8px 16px}.save-button{background-color:#4caf50;border:none;color:#fff}.element-controls{background:#fffc;border-radius:0 0 0 4px;top:0}.element-controls button{background:none;color:#555;padding:4px}.element-controls button:hover{color:#000}.toolbar-dropdown{display:inline-block;position:relative}.elements-container{height:100%;position:relative;width:100%}.element-container{position:relative}.drag-handle{border-radius:4px;color:#fff;cursor:move;top:-25px}.drag-handle,.resize-handle{background:#4285f4;position:absolute;z-index:1000}.frame-container .resize-handle{background:#bd73c0}.frame-container .resize-handle.n{cursor:ns-resize;height:2px;left:0;right:0;top:0}.frame-container .resize-handle.e{bottom:0;cursor:ew-resize;right:0;top:0;width:2px}.frame-container .resize-handle.s{bottom:0;cursor:ns-resize;height:2px;left:0;right:0}.frame-container .resize-handle.w{bottom:0;cursor:ew-resize;left:0;top:0;width:2px}.resize-handle.n{cursor:ns-resize;height:2px;left:0;right:0;top:-2px}.resize-handle.e{bottom:0;cursor:ew-resize;right:-2px;top:0;width:2px}.resize-handle.s{bottom:-2px;cursor:ns-resize;height:2px;left:0;right:0}.resize-handle.w{bottom:0;cursor:ew-resize;left:-2px;top:0;width:2px}.resize-handle.ne{cursor:ne-resize;height:8px;right:-2px;top:-2px;width:8px}.resize-handle.nw{cursor:nw-resize;height:8px;left:-2px;top:-2px;width:8px}.resize-handle.se{bottom:-2px;cursor:se-resize;height:8px;right:-2px;width:8px}.resize-handle.sw{bottom:-2px;cursor:sw-resize;height:8px;left:-2px;width:8px}.element-content{height:100%;width:100%}.element-controls{display:flex;gap:4px;position:absolute;right:0;top:-30px;z-index:1000}.element-controls button{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:2px 6px}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.dragging{box-shadow:0 0 10px #0000004d;opacity:.8}.property-row input,.property-row select{border:1px solid #ddd;border-radius:3px;padding:5px;width:100%}.z-index-buttons{display:flex;gap:5px;margin-top:5px}.z-index-buttons button{flex:1 1;font-size:12px;padding:5px}.element-content:focus{outline:none}.toolbar-separator{background:#ccc;margin:0 4px;width:1px}.element-content-wrapper{cursor:move;position:relative}.element-content-wrapper[draggable=false]{cursor:default}.font-size-select{background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:12px;height:24px;padding:0 4px}.font-size-select:focus{border-color:#4285f4;outline:none}.element-toolbar{background:#f5f5f5;border-radius:4px;box-shadow:0 2px 5px #0000001a;gap:4px;padding:4px;z-index:100}.toolbar-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.toolbar-btn:hover{background:#e0e0e0}.element-content{min-height:20px;outline:none}.property-group{padding-bottom:10px}.property-group label{color:#555;font-weight:700;margin-bottom:5px}.property-row{margin-bottom:8px}.property-row label{font-weight:400;margin-bottom:3px}.property-row input[type=number],.property-row input[type=text],.property-row select{border-radius:3px;padding:4px}.property-row input[type=color]{border-radius:3px}.property-row input[type=range]{flex:1 1;margin-right:8px}.element-content-wrapper{display:flex!important;touch-action:none;-webkit-user-select:none;user-select:none}.mode-selection{background:#f5f5f5;border-radius:4px;display:flex;gap:10px;margin-bottom:5px;padding:5px}.mode-selection label{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:4px}.mode-selection input[type=radio]{margin:0}.element-toolbar{background:#fff;border-radius:37px;box-shadow:0 2px 5px #0003;color:#000!important;display:flex;font-size:20px!important;gap:3px;left:0;padding:2px;position:absolute;top:-45px;z-index:10}.text-formatting-toolbar{border-right:1px solid #ddd;margin-right:5px;padding-right:5px}.element-toolbar button{background:none;border:none;border-radius:3px;cursor:pointer;padding:2px 5px}.element-toolbar button:hover{background:#f0f0f0}.element-toolbar input[type=color],.element-toolbar select{border:1px solid #ddd;border-radius:3px;height:24px;padding:0 5px}.element-toolbar input[type=color]{padding:0;width:24px}.element-toolbar button.active{background-color:#e0e0e0;box-shadow:inset 0 0 2px #0003}.text-formatting-toolbar{align-items:center;display:flex;gap:5px}.context-menu{font-family:Arial,sans-serif;font-size:14px;min-width:150px}.context-menu-item{background:none;border:none;cursor:pointer;display:block;padding:6px 12px;text-align:left;width:100%}.context-menu-item:hover{background-color:#f0f0f0}.context-menu-item.active{background-color:#e0e0e0}.context-menu-divider{background-color:#eee;height:1px;margin:5px 0}.context-menu-subsection{align-items:center;display:flex;justify-content:space-between;padding:6px 12px}.context-menu-subsection label{margin-right:8px}.context-menu-subsection input[type=color],.context-menu-subsection select{width:80px}.rectangle-element{background-color:#fff;border:2px solid #000}.circle-element{background-color:#fff;border:2px solid #000;border-radius:50%}.triangle-element{background-color:#fff;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.star-element{background-color:#fff;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.diamond-element{background-color:#fff;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.hexagon-element{background-color:#fff;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-controller-panel{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:50%;min-width:250px;padding:15px;position:absolute;top:calc(100% + 10px);transform:translateX(-50%);z-index:1000}.shape-controller-panel h4{color:#333;margin-bottom:15px;margin-top:0}.controller-section{margin-bottom:12px}.controller-section label{align-items:center;color:#555;display:flex;font-size:14px;gap:8px;margin-bottom:5px}.controller-section input[type=color]{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:30px;width:100%}.controller-section input[type=range]{margin-bottom:5px;width:100%}.close-controller{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-top:10px;padding:5px 10px}.close-controller:hover{background:#e0e0e0}.shape-content-wrapper:hover .virtual-stroke{opacity:1!important}.virtual-stroke{pointer-events:none}.rotation-handle{background-color:#fff;border:2px solid #48f;border-radius:50%;cursor:pointer;height:20px;left:0;position:absolute;top:0;width:20px;z-index:1000}.selection-rectangle{background-color:#0078d71a;border:1px dashed #0078d7cc;pointer-events:none;position:absolute;z-index:9999}.div-for-maching,.note-editor-container{position:relative}.note-arrows-canvas{bottom:0;height:5000px;left:0;pointer-events:none;position:absolute;right:0;top:0;width:5000px;z-index:999}.connector{pointer-events:auto}.connector:hover{transform:translateY(-50%) scale(1.2)}.note-editor{position:relative}.element-wrapper{overflow:visible;pointer-events:auto}.connector{pointer-events:auto!important}.temporary-arrow{stroke-dasharray:5,5;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.note-editor-container{touch-action:none;-webkit-user-select:none;user-select:none}.element-wrapper{touch-action:none}.note-arrows-canvas path{cursor:pointer;pointer-events:visiblestroke}.frame-container{box-shadow:0 0 10px #0003}.frame-toolbar{background:#fff;border-radius:4px;box-shadow:0 2px 5px #0003;display:flex;position:absolute;right:0;top:-30px;z-index:100}.frame-toolbar button{background:none;border:none;cursor:pointer;font-size:12px;padding:4px 8px}.frame-toolbar button:hover{background:#f0f0f0}.container-element{contain:layout}.frame-container{transform-origin:center center}.nested-element{pointer-events:auto}.frame-container{contain:layout}.shape-content-wrapper.dragging{opacity:.7;transform:scale(.95)}.frame-container.drop-target{background-color:#4285f41a;outline:2px dashed #4285f4}.nested-element-wrapper{pointer-events:auto}.frame-container{background-color:#ffffffb3;border:2px solid #333;pointer-events:all;position:absolute}.frame-content{height:100%;overflow:visible;position:relative;width:100%}.element-wrapper{pointer-events:all}.nested-element{position:absolute}.frame-size-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0003;left:0;padding:8px 0;position:absolute;top:100%;z-index:1000}.frame-size-option{cursor:pointer;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.frame-size-option:hover{background-color:#f0f0f0}.frame-adder{display:inline-block;position:relative}:root{--primary-color:#52c3ff;--toolbar-height:40px}.note-editor-container{touch-action:pan-x pan-y}:root{--z-toolbar:100;--z-elements:10;--z-canvas:1;--z-selection:1000}.text-content{cursor:text;height:100%;outline:none;width:100%;word-break:break-word}.text-content::selection{background:#007bff4d;color:inherit}.text-toolbar button:hover{background-color:#f6f8fa!important}.text-toolbar button:active{background-color:#e1e4e8!important}.text-toolbar input[type=color]{-webkit-appearance:none;border:none;cursor:pointer;padding:0}.text-toolbar input[type=color]::-webkit-color-swatch-wrapper{padding:0}.text-toolbar input[type=color]::-webkit-color-swatch{border:1px solid #e1e4e8;border-radius:4px}.text-toolbar button{transition:background-color .2s ease}.text-toolbar button:hover{background-color:#e8e8e8!important}.text-content{display:inline-block;min-height:100%;min-width:100%}.shape-content-wrapper[data-shape-type=text]{overflow:auto;resize:both}.text-toolbar{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;display:flex;gap:8px;padding:8px;z-index:1000}.toggle-switch{display:inline-block;height:20px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{border-radius:20px;cursor:pointer}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.toggle-switch.mixed .toggle-slider{background-color:#888}.toggle-switch.mixed .toggle-slider:before{left:50%;transform:translateX(-50%)}.toggle-switch.on .toggle-slider{background-color:#4caf50}.toggle-switch.on .toggle-slider:before{transform:translateX(20px)}.toggle-label{font-size:12px;font-weight:700;margin-left:8px}.text-toolbar button{user-select:none;-webkit-user-select:none}.question-report-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.question-report-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.success-modal{max-width:400px;padding:40px;text-align:center}.success-content{align-items:center;display:flex;flex-direction:column;gap:20px}.success-icon{animation:scaleIn .5s ease-out;color:#10b981;font-size:64px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-content h2{color:#111827;font-size:24px;font-weight:600;margin:0}.success-content p{color:#6b7280;font-size:16px;margin:0}.success-subtitle{color:#9ca3af!important;font-size:14px!important}.report-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:24px 24px 16px}.report-header,.report-title{align-items:center;display:flex}.report-title{gap:12px}.report-icon{color:#ef4444;font-size:24px}.report-title h2{color:#111827;font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s}.close-button:hover:not(:disabled){background-color:#f3f4f6;color:#111827}.close-button:disabled{cursor:not-allowed;opacity:.5}.question-info{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 24px}.question-name{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.report-description{color:#6b7280;font-size:14px;margin:0}.report-form{padding:24px}.form-section{margin-bottom:24px}.form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.form-label.required:after{color:#ef4444;content:" *"}.form-hint{color:#6b7280;font-size:13px;margin-bottom:12px}.error-message{background-color:#fef2f2;border-radius:8px;color:#dc2626;gap:8px;margin-bottom:20px;padding:12px 16px}.subjects-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:12px}.subject-button{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s}.subject-button:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.subject-button.selected{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.subject-button:disabled{cursor:not-allowed;opacity:.6}.subject-icon{flex-shrink:0;font-size:20px}.subject-label{font-weight:500;word-break:break-word}.subjects-count{color:#6b7280;font-size:13px;margin:0}.report-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s;width:100%}.report-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.report-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.character-count{color:#9ca3af;font-size:12px;margin-top:4px;text-align:right}.image-upload-button{align-items:center;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 20px;transition:all .2s}.image-upload-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.uploaded-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.image-preview{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:28px}.remove-image:hover:not(:disabled){background-color:#ef4444;transform:scale(1.1)}.privacy-notice{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.privacy-notice p{color:#6b7280;font-size:13px;line-height:1.6;margin:0}.privacy-notice strong{color:#374151}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.cancel-button{background-color:#fff;border:2px solid #e5e7eb;color:#374151}.cancel-button:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.submit-button{background-color:#ef4444;color:#fff}.submit-button:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.question-report-overlay{padding:0}.question-report-modal{border-radius:0;max-height:100vh}.subjects-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%}}.question-report-modal::-webkit-scrollbar{width:8px}.question-report-modal::-webkit-scrollbar-track{background:#f3f4f6}.question-report-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.question-report-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.file-displayer-container{margin:15px 0;width:100%}.file-displayer-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;padding:20px}.file-displayer-loading .spinner{animation:spin 1s linear infinite}.file-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}.file-preview-item{aspect-ratio:1;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.file-preview-item:hover{border-color:#4285f4;box-shadow:0 4px 12px #4285f433;transform:translateY(-2px)}.file-preview-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.file-preview-item:hover .file-preview-image{transform:scale(1.05)}.file-preview-video{height:100%;object-fit:cover;width:100%}.file-preview-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:15px;text-align:center}.file-name-truncate{font-size:11px;max-width:100%;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap}.expand-icon{align-items:center;background:#0009;border:none;border-radius:4px;bottom:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:6px;position:absolute;right:8px;transition:opacity .3s ease}.file-preview-item:hover .expand-icon{opacity:1}.expand-icon:hover{background:#000c}.file-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.file-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:auto}.file-modal-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;gap:20px;justify-content:space-between;padding:20px}.file-modal-info{flex:1 1;min-width:0}.file-modal-info h3{color:#333;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-caption{color:#666;font-size:14px;font-style:italic;margin:5px 0 0}.file-modal-actions{align-items:center;display:flex;gap:10px}.modal-action-button,.modal-close-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s ease}.modal-action-button{color:#4285f4}.modal-action-button:hover{background:#e8f0fe}.modal-close-button{color:#666}.modal-close-button:hover{background:#f1f3f4}.modal-action-button svg,.modal-close-button svg{height:20px;width:20px}.file-modal-body{align-items:center;background:#f8f9fa;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.modal-image{border-radius:8px;max-height:70vh;max-width:100%;object-fit:contain}.modal-pdf{border:none;border-radius:8px;height:70vh;width:100%}.modal-video{border-radius:8px;max-height:70vh;max-width:100%}.modal-file-info{align-items:center;color:#666;display:flex;flex-direction:column;gap:15px;padding:40px}.modal-file-info h3{color:#333;margin:0}.modal-file-info p{color:#666;margin:0}.download-button{align-items:center;background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s ease}.download-button:hover{background:#3367d6}.file-modal-footer{background:#fff;border-top:1px solid #e0e0e0;padding:15px 20px}.file-modal-footer p{color:#666;font-size:14px;margin:0}@media (max-width:768px){.file-preview-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.file-modal-content{max-height:95vh;max-width:95vw}.file-modal-header{padding:15px}.file-modal-info h3{font-size:16px}.modal-image,.modal-pdf,.modal-video{max-height:60vh}}@media (max-width:480px){.file-preview-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.file-modal-header{align-items:stretch;flex-direction:column}.file-modal-actions{justify-content:flex-end}}.add-favorite-question-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.add-favorite-question-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.favorite-question-modal-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:0}.favorite-question-modal-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:24px}.question-info-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:20px}.question-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;display:flex;font-size:20px;justify-content:center;padding:12px}.question-details h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.question-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.question-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:14px;gap:8px}.action-icon,.welcome-icon{color:#f59e0b}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-primary:hover{box-shadow:0 8px 25px #f59e0b66}.section-icon{color:#f59e0b}.star-btn:hover{border-color:#f59e0b}.difficulty-selector{display:flex;gap:8px}.difficulty-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;flex:1 1;font-weight:600;padding:12px;text-transform:capitalize;transition:all .3s}.difficulty-btn.active.easy{background:#d1fae5;border-color:#10b981;color:#065f46}.difficulty-btn.active.medium{background:#fef3c7;border-color:#f59e0b;color:#92400e}.difficulty-btn.active.hard{background:#fee2e2;border-color:#ef4444;color:#991b1b}.difficulty-btn:hover:not(.active){border-color:#f59e0b;transform:translateY(-1px)}.notes-textarea:focus{border-color:#f59e0b}.tag{background:linear-gradient(135deg,#fef3c7,#fde68a)}.tag,.tag-remove{color:#92400e}.tag-remove:hover{background:#92400e1a}.tag-input:focus{border-color:#f59e0b}.tag-add-btn{background:#f59e0b}.tag-add-btn:hover:not(:disabled){background:#d97706}.create-collection-card:hover{border-color:#f59e0b}.create-icon{color:#f59e0b}.btn-create:hover{color:#f59e0b}.btn-create:hover,.collection-card:hover,.create-input:focus{border-color:#f59e0b}.folder-icon{color:#f59e0b}.edit-input{border:2px solid #f59e0b}.favorite-question-modal-footer{background:#fff;border-top:1px solid #e2e8f0;padding:20px 24px}.btn-close{background:#f59e0b}.btn-close:hover{background:#d97706}@media (max-width:768px){.add-favorite-question-modal{margin:20px;width:95%}.header-content{align-items:stretch;flex-direction:column;gap:16px}.header-actions{align-self:flex-end}.quick-actions{gap:16px}.difficulty-selector,.footer-actions,.quick-actions,.star-rating-large{flex-direction:column}.footer-actions{gap:12px}.btn-close,.btn-remove{justify-content:center;width:100%}.collection-actions{align-items:stretch;flex-direction:column;gap:8px}.action-buttons{justify-content:center}}.favorite-question-modal-content::-webkit-scrollbar{width:8px}.favorite-question-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.favorite-question-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.favorite-question-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.BCN{align-items:center;display:flex;gap:8px}.socket-indicator{border-radius:50%;display:inline-block;height:6px;margin-left:4px;width:6px}.socket-indicator.offline{background-color:#ff6b6b}.socket-indicator.online{background-color:#51cf66}.realtime-indicator{font-size:.8em;opacity:.7}.comment-count{background:#ff6b6b;border-radius:10px;font-size:.7em;line-height:1;min-width:18px;padding:2px 6px;right:-8px;text-align:center;top:-8px}.comment-count.loading{background:#868e96}.containerE{align-items:center;background:#f4f4f4;border:2px solid;border-radius:50%;color:#1598b3;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:all .3s ease}.containerE:hover{background:#e9ecef;transform:translateY(-1px)}.containerE:disabled{cursor:not-allowed;opacity:.6;transform:none}.notification-container{position:relative}.notification-bell.has-unread{color:#e74c3c}.notification-badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.comment-button{position:relative}.comment-count{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.comment-count.loading{animation:pulse 1.5s infinite;background:#95a5a6}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.notifications-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:300px;min-width:250px;position:absolute;right:0;top:100%;z-index:1000}.notifications-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px}.notifications-header h4{font-size:14px;font-weight:600;margin:0}.mark-all-read{background:none;border:none;border-radius:4px;color:#3498db;cursor:pointer;font-size:12px;padding:4px 8px}.mark-all-read:hover{background:#e3f2fd}.notifications-list{max-height:200px;overflow-y:auto;padding:12px}.no-notifications{color:#666;padding:20px 0;text-align:center}.no-notifications p{font-size:14px;margin:0 0 4px}.no-notifications small{color:#999;font-size:12px}.status-badges{align-items:center;display:flex;gap:8px;margin-left:auto}.badge{border-radius:12px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.pdf-badge{background-color:#e74c3c;color:#fff}.shareable-badge{background-color:#3498db;color:#fff}.creative-badge{background-color:#9b59b6;color:#fff}.comment-badge{background-color:#27ae60;color:#fff;text-transform:none}.combination-text{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:inherit;margin:4px 0;padding:8px}.question-image{border-radius:4px;margin:8px 0}.question-metadata{background:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;margin-top:16px;padding:12px}.metadata-item{font-size:14px;margin:4px 0}.comment-activity{background:#e8f5e8;border:1px solid #27ae60;color:#27ae60}.last-activity{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.CCQ.display-mode{background:#fff;border:3px solid #d44f7d;border-radius:40px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding-left:0;width:70%}.FORS{gap:10px}.BCN.display-header,.FORS{display:flex;flex-direction:column}.BCN.display-header{align-items:center;background:#0000;border-radius:8px;color:#fff;gap:15px;justify-content:flex-start;left:-7vw;padding:15px 20px;position:absolute}.BCN.display-header .BCNS{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:10px;color:#d44f7d;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;min-width:40px}.related-title{color:#d44f7d;flex:1 1;font-family:SenB;font-size:medium;font-weight:600;left:30px;letter-spacing:.5px;position:absolute;top:-25px}.header-actions{gap:10px;margin-left:auto}.display-mode .containerB{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .3s ease}.containerE:hover{background:#ffffff4d;transform:translateY(-2px)}.containerE:active{transform:translateY(0)}.main-text-section{background:#f8f9fa;border:3px solid #d44f7d;border-radius:30px 30px 15px 15px;margin-top:15px;max-height:20rem;min-height:5rem;overflow:auto;padding:10px;width:90%}.main-text-content{color:#2c3e50;font-size:16px;line-height:1.6;margin-bottom:15px;white-space:pre-wrap}.picD{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.question-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;max-width:100%}.question-counter{background:#e9ecef;border-radius:6px;color:#495057;font-weight:600;padding:10px;text-align:center}.counter-text{font-size:14px}.adj.display-slider{position:relative}.adj.display-slider,.slid{align-items:center;display:flex}.slid{background:linear-gradient(135deg,#d44f7d,#d988c3);border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;height:40px;justify-content:center;margin:5px;width:40px}.slid:hover:not(:disabled){box-shadow:0 6px 12px #00000026;transform:scale(1.1)}.slid:active:not(:disabled){transform:scale(.95)}.slid:disabled{cursor:not-allowed;opacity:.3}.superContainer .displayD{width:80%!important}.showSlidByIndex.display-container{border:3px solid #d44f7d;border-radius:30px;display:flex;flex:1 1;min-height:400px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}.showSlidByIndex.display-container::-webkit-scrollbar{height:8px}.showSlidByIndex.display-container::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.showSlidByIndex.display-container::-webkit-scrollbar-thumb{background:#c356a4;border-radius:4px}.showSlidByIndex.display-container::-webkit-scrollbar-thumb:hover{background:#764ba2}.superContainer.display-question{background:#f3f3f3;flex-shrink:0;min-width:100%;padding:10px;scroll-snap-align:start;width:100%}.forCC.display-info{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.forCC.display-info h4{border-bottom:2px solid #667eea;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.info-grid{display:flex;flex-direction:column;gap:15px}.info-item{align-items:center;gap:10px}.info-label{color:#495057;font-weight:600;min-width:150px}.info-value{color:#2c3e50}.TA{background:#fff;border-radius:6px;flex-direction:column;padding:15px}.TA,.TAC{display:flex;gap:10px}.TAC{align-items:center}.TACs{color:#495057;font-size:14px;font-weight:600}.TARG{display:flex;flex-wrap:wrap;gap:8px}.targ{background:#e9ecef;border:1px solid #dee2e6;border-radius:16px;color:#495057;font-size:13px;padding:6px 12px}.empty-state{color:#6c757d;padding:40px}.empty-state p{font-size:16px;margin:0}.dark-mode .CCQ.display-mode{background:#1a1a2e;color:#eaeaea}.dark-mode .BCN.display-header{background:linear-gradient(135deg,#2d3561,#3d2961)}.dark-mode .main-text-section{background:#16213e;border-left-color:#667eea}.dark-mode .main-text-content{color:#eaeaea}.dark-mode .question-counter{background:#16213e;color:#eaeaea}.dark-mode .showSlidByIndex.display-container{background:#16213e}.dark-mode .superContainer.display-question{background:#0f3460}.dark-mode .forCC.display-info{background:#16213e}.dark-mode .forCC.display-info h4{color:#eaeaea}.dark-mode .TA{background:#0f3460}.dark-mode .targ{background:#16213e;border-color:#2d3561;color:#eaeaea}@media (max-width:768px){.CCQ.display-mode{padding:15px}.BCN.display-header{padding:12px 15px}.related-title,.slid{font-size:16px}.slid{height:40px;width:40px}.forCC.display-info,.main-text-section{padding:15px}.info-label{font-size:13px;min-width:100px}}.superContainer.display-question{animation:fadeIn .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.searchContainer{align-items:center;display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:fit-content;justify-content:center;position:relative;width:100%}.searchContainer input{background:#0000;border:0 solid #ccc;border-radius:4px;color:#1598b3;flex:1 1;margin-top:0;padding:8px;width:100%}.searchContainer input:focus{outline:none}.searchC{align-items:center;bottom:0;display:flex;flex-direction:row-reverse;height:100%;justify-content:space-around;left:0;position:absolute;right:0;top:0;width:100%}.searchContainer button{align-items:center;background:none;border:none;color:#1598b3;cursor:pointer;display:flex;justify-content:center;padding:8px}.searchPanel{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;max-height:300px;overflow-y:auto;padding:5px 10px;position:absolute;top:40px;width:100%;z-index:1000}.foundItem{background-color:#e0f7fa;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:5px;transition:all .2s}.foundItem:hover{background-color:#e0e0e0;transform:scale(1.05);transition:all .2s}.optionMatch{margin-top:5px;padding-left:20px}.notFoundMessage{color:#ff6b6b;font-weight:700;padding:10px;text-align:center}mark{background-color:#ff0;color:#000}.displayB .paramB{width:100%}.display{background:linear-gradient(184deg,#e4e4e4,#d5d5d5);border:2px solid #1598b3;border-radius:25px;box-shadow:0 4px 12px #00000026;flex-direction:column;justify-content:center;margin:12px 0;padding:5px}.display,.displayB .TxTiT{align-items:center;display:flex}.displayB .TxTiT{background:#f3f3f3;border:2px solid #fff0;border-radius:15px;font-weight:600;max-height:10vh;min-height:8vh;padding-top:0;resize:auto;transition:all .3s ease-in-out;width:90%}.nav-right{gap:12px}.settings-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#e2e8f0;cursor:pointer;justify-content:center;padding:8px;transition:all .3s ease}.settings-btn:hover{background:#fff3;transform:scale(1.05)}.displayB .TxTiT:hover,.displayB .labprop:hover{box-shadow:0 4px 2px 0 #00000029}.inppropo{display:none}.displayB .paramB{transition:all .3s ease-in-out}.displayB .labprop{background:#f3f3f3;border:2px solid #d7d7d700}.inppropo:checked~.paramB .TxTiT,.inppropo:checked~.paramB .labprop{background-color:#e6f2ff;border:2px solid;box-shadow:0 4px 2px 0 #00000029;color:#1598b3;transition:all .3s ease-in-out;transition:all .3s ease}.displayB .qs{background:#f4f4f4;border:2px solid #1598b3;border-radius:20px 20px 10px 10px;font-weight:600;margin:5px;max-height:13vh;min-height:10vh;padding:5px;resize:none}.displayB .qs,.navD{align-items:center;display:flex;width:100%}.navD{background:#f0f0f000;flex-direction:row;height:60px;justify-content:space-around;position:fixed;top:0;z-index:1}.displayB .BCN{color:#1598b3;display:flex;flex-direction:column;font-family:SenB;font-size:15px;gap:5px;height:90%;justify-content:flex-start;left:-45px;position:absolute;top:20px;width:40px}.displayB .BOPP{border:none;justify-content:flex-start!important;width:100%}.displayB .BOP{align-items:center;display:flex;flex-direction:row;margin:0}.displayB .TIN{background:#0000;color:#1598b3;font-family:MUT;font-size:small;font-weight:700;left:20px;position:absolute;top:-20px}.displayB .BCS{width:100%}.displayB .BCNS{background:#dfdfdf;border:2px solid;border-radius:10px;font-family:BAL;font-size:x-large;height:40px;margin-bottom:5px;width:40px}.displayB .BCN label,.displayB .BCNS{align-items:center;display:flex;justify-content:center}.displayB .BCN label{background:#fff;border-radius:50%;box-shadow:0 0 3px 0 #3737374a;color:#1598b3;height:35px;margin:5%;transition:all .3s ease-in-out;width:35px}.BCN label:hover{transform:scale(1.1)}.BCN input[type=checkbox]:checked+label{background-color:#1598b3;color:#fff;transition:all .1s ease-in-out}.displayB .BCN svg{font-size:large;position:relative;transition:all .3s}.check-button{background-color:#4caf50;border-radius:4px;color:#fff;margin-top:10px}.check-button:disabled{background-color:#ccc;cursor:not-allowed}#contdivD{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;margin-top:60px;width:100%}#contdivD1{left:7px;position:fixed;top:50px;z-index:2}#contdivD1,.holderD{align-items:center;display:flex;flex-direction:column}.holderD{gap:15rem;justify-content:center;min-height:80dvh;position:absolute;right:0;top:60px;width:100%}.curaSOQ-logo{height:60px;left:10px;position:fixed}.superdDivD{display:contents;width:100%}.BigBCD{width:100%}.BigBCD,.displayB{display:flex;position:relative}.displayB{align-items:center;flex-direction:row-reverse;justify-content:space-around;margin:10px 0}.displayD{align-items:center;background:linear-gradient(184deg,#e4e4e4,#d5d5d5);border:2px solid #1598b3;border-radius:25px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;justify-content:center;margin:12px 0;padding:5px;position:relative;width:50%}.result-feedback{border-radius:4px;font-weight:700;margin-top:10px;padding:8px}.result-feedback.correct{background-color:#d4edda;color:#155724}.result-feedback.incorrect{background-color:#f8d7da;color:#721c24}.detailed-feedback{color:#555;font-size:.9em;margin-top:5px}.labprop-correct-selected{background:#eefff6!important;border:2px solid!important;color:#66b38a!important}.labprop-correct-not-selected{border:2px solid!important;color:#b7791f}.labprop-wrong-selected{background:#ffeffb!important;border:2px solid!important;color:#c53030!important}.TxTiT-correct-selected{background:#eefff6!important;border:2px solid #66b38a!important;color:#66b38a!important}.TxTiT-correct-not-selected{border:2px solid!important;color:#b7791f!important;font-style:italic}.TxTiT-wrong-selected{background:#ffeffb!important;border:2px solid!important;color:#c53030!important}.machDiv{align-items:center;display:flex;justify-content:center;width:100%}.displayB .containerForMaching{align-items:flex-start;display:flex;flex-direction:column;margin-top:5px;min-height:30vh;position:relative;width:-webkit-fit-content;width:fit-content}.displayB .item .TxTi{height:100%;min-height:50px;width:100%}.displayB .machDiv{align-items:center;display:flex;justify-content:flex-start;width:-webkit-fit-content;width:fit-content}.displayB .column{width:23vw}.displayB .svgCanvas{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.machApp{overflow:auto;width:100%}.check-button{align-items:center;background-color:#fff;border:none;border-radius:43px;box-shadow:0 4px 2px 0 #00000029;color:#1598b3;cursor:pointer;display:flex;font-family:MUT;font-size:14px;font-weight:600;justify-content:space-evenly;margin-bottom:4px;padding:8px 16px;transition:all .1s ease-in-out;width:175px}.check-button:hover{background-color:#1598b3;color:#fff;transition:all .1s ease-in-out}.open-ended-container{margin:0 auto;max-width:800px;padding:20px}.question-text{font-size:18px;font-weight:700;margin-bottom:15px}.openqs{flex-direction:column;justify-content:center}.openqs,.openqs h4{align-items:center;display:flex}.openqs h4{justify-content:flex-start}.openqs .result-feedback.incorrect{background-color:#f8d7da;border-radius:20px;color:#721c24;width:100%}.check-answer-button{align-items:center;background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px}.result-feedback{padding:15px}.answer-comparison{margin-top:15px}.correct-answer,.user-answer{height:-webkit-fit-content;height:fit-content;margin-bottom:10px;max-height:30vh;width:-webkit-fit-content;width:fit-content}.answer-text{background-color:#f8f9fa;border-radius:4px;margin-top:5px;max-height:30vh;max-width:43vw;overflow:auto;padding:10px}.model-loading{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:10px;margin-bottom:15px;padding:15px}.spinner{animation:spin 1s linear infinite}.openqs .TxTiT{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;min-height:150px;padding:12px;resize:vertical;width:100%}.check-answer-button.loading{background:#718096}.result-feedback{border-radius:8px;margin-top:20px;padding:20px}.correct{background-color:#f0fff4;border:1px solid #c6f6d5}.partial{background-color:#fffaf0;border:1px solid #feebc8}.incorrect{background-color:#fff5f5;border:1px solid #fed7d7}.correct-icon{color:#38a169;margin-right:8px}.partial-icon{color:#dd6b20;margin-right:8px}.incorrect-icon{color:#e53e3e;margin-right:8px}.answer-comparison>div{margin-bottom:15px}.answer-text,.feedback-text{background:#f8f9fa;border-radius:6px;line-height:1.5;margin-top:8px;padding:12px}.satisfaction-check{border-top:1px dashed #e2e8f0;margin-top:20px;padding-top:15px}.satisfaction-check p{font-weight:500;margin-bottom:10px}.satisfaction-buttons{display:flex;gap:15px}.satisfied-btn,.unsatisfied-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:8px 16px}.satisfied-btn{background-color:#38a169;color:#fff}.unsatisfied-btn{background-color:#e53e3e;color:#fff}.adjustment-panel{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:15px}.adjustment-panel h5{font-weight:500;margin-bottom:15px}.slider-container{margin-bottom:10px}.slider-marks{display:flex;justify-content:space-between;margin-top:5px}.slider-marks .mark{border-radius:10px;color:#718096;cursor:pointer;font-size:10px;height:20px;padding:2px;width:3vw}.slider-marks .mark.active{background:#ebf8ff;color:#3182ce;font-weight:700}.confirm-adjustment{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:10px;width:100%}input,select{appearance:none;-webkit-appearance:none;-moz-appearance:none}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}#GS{min-height:100vh}#RI,#cont{min-height:200px}.empty-container,.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.error-actions{margin-top:20px}.error-actions button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 20px}.MCQComponent{flex-direction:column}.MCQComponent,.nav-left{align-items:center;display:flex}.nav-left{flex:1 1;gap:20px;margin-left:5px}.logo-section{align-items:center;display:flex;gap:1rem}.nav-logo{height:60px;width:auto}.series-info{align-items:center;background:#fff;border-radius:50px;box-shadow:0 0 3px 0 #0000004a;display:flex;flex-direction:row;font-family:SB;gap:.2rem;height:50px}.series-title{color:#1598b3;font-size:1.3rem;font-weight:600;margin:0}.series-title-icon{color:#d44f7d;font-size:1.5rem}.series-type{background:#fff;border-radius:12px;box-shadow:0 0 3px 0 #0000004a;font-size:.6rem;padding:.1rem .3rem}.nav-center{display:flex;flex:1 1;justify-content:center}.timer-section{flex-direction:column}.timer-display,.timer-section{align-items:center;display:flex;gap:.5rem}.timer-display{font-size:1.2rem;font-weight:600}.timer-icon{font-size:1.4rem}.timer-mode{background:#fff3;border-radius:8px;font-size:.8rem;padding:.2rem .8rem}.timer-controls{gap:.5rem}.control-btn{background:#fff3;border:none;border-radius:8px;color:#fff;gap:.3rem;padding:.5rem;transition:all .3s ease}.control-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.nav-right{flex:1 1;gap:1rem;justify-content:flex-end}.session-controls{gap:1rem}.mode-indicator,.status-indicator{border-radius:8px;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.mode-indicator{background:#fff3}.status-indicator.active{background:#4caf5033;color:#4caf50}.status-indicator.completed{background:#f4433633;color:#f44336}.complete-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.complete-btn:hover{background:#45a049;transform:translateY(-1px)}.resume-btn,.suspend-btn{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.resume-btn:hover,.suspend-btn:hover{background:#f57c00}.user-section{align-items:center;display:flex;gap:.5rem}.guest-badge{background:#fff3;border-radius:8px;font-size:.8rem;padding:.3rem .8rem}.user-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem;transition:all .3s ease}.user-btn:hover{background:#ffffff4d}.search-nav{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;border-radius:50px;box-shadow:0 0 3px 0 #0000004a;display:flex;height:50px;justify-content:center;width:15rem}.search-nav input{border:none!important}.timer-display-split{align-items:center;display:flex;gap:6px;justify-content:center}.time-unit{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 3px 0 #0000004a;display:flex;flex-direction:column;font-family:SB;height:55px;width:55px}.time-value{color:#4caec2;font-size:1.9rem;font-weight:700;height:40px;text-align:center;width:45px}.time-label{color:#888;font-size:.35rem;letter-spacing:.5px;text-transform:uppercase}.time-separator{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 3px 0 #0000004a;font-size:.8rem;font-weight:700;height:20px;width:20px}.time-separator,.timer-controls{display:flex;justify-content:center}.timer-controls{flex-wrap:wrap;gap:8px}.complete-btn,.control-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:8px 12px;transition:all .2s ease}.stop-btn{background:#d44f7d;color:#fff}.complete-btn:hover{background:#c0392b}.owner-section{align-items:center;background:#fff;border-radius:50px;box-shadow:0 0 3px 0 #0000004a;display:flex;margin-right:15px;padding:5px 10px;transition:background-color .2s ease}.owner-section:hover{background:hsla(0,0%,100%,.932)}.owner-info{align-items:center;display:flex;gap:12px}.owner-avatar-container{height:40px;position:relative;width:40px}.owner-avatar{object-fit:cover}.owner-avatar,.owner-avatar-fallback{border:2px solid #4299e1;border-radius:50%;height:100%;width:100%}.owner-avatar-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.owner-avatar-fallback.hidden{display:none}.owner-details{display:flex;flex-direction:column;gap:2px}.owner-name{color:#2d3748;font-size:14px;font-weight:600;white-space:nowrap}.owner-tag{color:#718096;font-size:12px;white-space:nowrap}.owner-placeholder{align-items:center;display:flex;gap:8px}.owner-loading{align-items:center;display:flex;justify-content:center;padding:8px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#4299e1;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-mode .owner-name{color:#e2e8f0}.dark-mode .owner-tag{color:#a0aec0}.dark-mode .owner-section{background:#ffffff0d}.dark-mode .owner-section:hover{background:#ffffff1a}@media (max-width:768px){.owner-details{display:none}.owner-avatar-container{height:32px;width:32px}}.nav-right{align-items:center;display:flex;gap:16px}.series-info{flex:1 1;min-width:0}.session-controls{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 3px 0 #0000004a;display:flex;gap:8px;height:40px;justify-content:center;width:40px}.owner-section,.user-section{flex-shrink:0}.series-info-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.series-info-popup{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:0;width:90%}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.series-info-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.series-info-header h3{font-size:1.5rem;font-weight:600;margin:0}.close-btn{border-radius:50%;height:36px;transition:all .2s ease;width:36px}.close-btn:hover{transform:scale(1.1)}.series-info-content{padding:24px}.info-section{margin-bottom:24px}.info-section h4{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.info-item{background:#f7fafc;border-left:4px solid #4299e1;border-radius:8px;display:flex;flex-direction:column;padding:12px}.info-item.full-width{grid-column:1/-1}.info-label{color:#718096;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;gap:8px}.info-value .icon{font-size:1.1rem}.info-value .icon.public{color:#48bb78}.info-value .icon.private{color:#e53e3e}.access-key{background:#edf2f7;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:4px 8px}.series-icon{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.series-icon:hover{background-color:#ffffff1a}.series-icon .info-icon{color:#cbd5e0;font-size:1.2rem;transition:color .2s ease}.series-icon:hover .info-icon{color:#4299e1}.dark-mode .series-info-popup{background:#2d3748;color:#e2e8f0}.dark-mode .series-info-header{background:linear-gradient(135deg,#4a5568,#2d3748)}.dark-mode .info-section h4{border-bottom-color:#4a5568;color:#e2e8f0}.dark-mode .info-item{background:#4a5568}.dark-mode .info-label{color:#cbd5e0}.dark-mode .info-value{color:#e2e8f0}.dark-mode .access-key{background:#2d3748}.mode-selection-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.mode-selection-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:90%}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-selection-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.mode-selection-header h3{font-size:1.5rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:background-color .2s;width:40px}.modal-close-btn:hover{background:#ffffff4d}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.mode-selection-progress{background:#f8f9fa;padding:20px 24px 0}.progress-steps{gap:40px;justify-content:center;margin-bottom:20px}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{color:#9ca3af;gap:12px;transition:color .3s}.progress-step.active{color:#667eea;font-weight:600}.progress-step.completed{color:#10b981}.step-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;transition:all .3s;width:32px}.progress-step.active .step-number{background:#667eea;color:#fff}.progress-step.completed .step-number{background:#10b981;color:#fff;font-size:0}.progress-step.completed .step-number:after{content:"✓";font-size:.875rem}.step-label{font-size:.875rem;font-weight:500}.mode-selection-content{min-height:400px;padding:32px 24px}.mode-section{text-align:center}.mode-section h4{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 8px}.mode-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 32px}.mode-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.mode-option{background:#fff;border:3px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #0000000d;cursor:pointer;padding:28px;position:relative;text-align:left;transition:all .3s ease}.mode-option:hover{background:#f8faff;border-color:#667eea;box-shadow:0 12px 24px #667eea26;transform:translateY(-4px)}.mode-option.selected{background:#f0f4ff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.mode-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mode-option-header h5{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.selected-icon{color:#667eea;font-size:1.5rem}.mode-option p{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0 0 20px}.mode-features{list-style:none;margin:0;padding:0}.mode-features li{color:#6b7280;font-size:.875rem;line-height:1.4;padding:6px 0 6px 20px;position:relative}.mode-features li:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.timer-input-section{background:#f8faff;border:2px solid #e0e7ff;border-radius:16px;margin-top:32px;padding:24px}.timer-input-section h5{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 20px;text-align:center}.timer-input-container{display:flex;flex-direction:column;gap:16px}.timer-input-container label{color:#4b5563;font-size:.9rem;font-weight:600}.timer-input{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-family:Courier New,monospace;font-size:1.1rem;padding:12px 16px;text-align:center;transition:all .3s}.timer-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.timer-input.valid{background:#f0fdf4;border-color:#10b981}.timer-input.invalid{background:#fef2f2;border-color:#ef4444}.timer-input-help{text-align:center}.timer-input-help small{color:#6b7280;font-size:.8rem;line-height:1.4}.timer-presets{align-items:center;display:flex;flex-direction:column;gap:12px}.presets-label{color:#4b5563;font-size:.9rem;font-weight:600}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preset-btn{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;min-width:60px;padding:8px 12px;transition:all .2s}.preset-btn:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.preset-btn.active{background:#667eea;border-color:#667eea;color:#fff}.timer-preview{align-items:center;background:#667eea1a;border:2px solid #667eea33;border-radius:12px;color:#667eea;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:10px;justify-content:center;margin-top:16px;padding:16px}.timer-preview .timer-icon{font-size:1.2rem}.timer-seconds{color:#6b7280;font-size:.8rem}.timer-error{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.85rem;font-weight:500;padding:12px;text-align:center}.combined-options{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:32px}.combined-options h4{color:#374151;font-size:1.2rem;margin-bottom:20px}.mode-option.combined{background:linear-gradient(135deg,#f8faff,#f0f4ff);border-color:#c7d2fe}.mode-option.combined:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-color:#667eea}.mode-selection-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb;padding:24px}.footer-actions{gap:16px;margin-bottom:20px}.btn-cancel,.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;min-width:130px;padding:14px 28px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#1598b3,#a24b92);box-shadow:0 4px 12px #667eea66}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none}.btn-secondary{background:#e5e7eb;border:2px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#d1d5db;transform:translateY(-1px)}.btn-cancel{background:#0000;border:2px solid #d1d5db;color:#6b7280}.btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#374151}.selection-summary{text-align:center}.selection-summary h5{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 12px}.summary-items{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.summary-item{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#3730a3;font-size:.8rem;font-weight:600;padding:8px 16px}.settings-btn{align-items:center;color:#1598b3;display:flex;font-size:1.3rem;gap:6px}#GS.dark-mode .mode-selection-modal{background:#1a1a1a;color:#fff}#GS.dark-mode .mode-selection-header{background:linear-gradient(135deg,#4c1d95,#581c87);border-bottom-color:#374151}#GS.dark-mode .mode-selection-progress{background:#1f2937}#GS.dark-mode .mode-section h4{color:#f9fafb}#GS.dark-mode .mode-description{color:#9ca3af}#GS.dark-mode .mode-option{background:#374151;border-color:#4b5563;box-shadow:0 4px 6px #0000004d}#GS.dark-mode .mode-option:hover{background:#4b5563;border-color:#667eea}#GS.dark-mode .mode-option.selected{background:#1e293b;border-color:#667eea}#GS.dark-mode .mode-option-header h5{color:#f9fafb}#GS.dark-mode .mode-option p{color:#d1d5db}#GS.dark-mode .mode-features li{color:#9ca3af}#GS.dark-mode .mode-selection-footer{background:#1f2937;border-top-color:#374151}#GS.dark-mode .selection-summary h5{color:#f3f4f6}#GS.dark-mode .summary-item{background:linear-gradient(135deg,#667eea4d,#667eea33);color:#c7d2fe}#GS.dark-mode .btn-secondary{background:#4b5563;border-color:#6b7280;color:#f9fafb}#GS.dark-mode .btn-secondary:hover:not(:disabled){background:#6b7280}#GS.dark-mode .btn-cancel{border-color:#4b5563;color:#9ca3af}#GS.dark-mode .btn-cancel:hover:not(:disabled){background:#374151;border-color:#6b7280}@media (max-width:768px){.mode-selection-modal{margin:10px;width:95%}.mode-options{gap:16px;grid-template-columns:1fr}.progress-steps{gap:20px}.footer-actions{flex-direction:column-reverse;gap:12px}.btn-cancel,.btn-primary,.btn-secondary{min-width:0;min-width:auto;width:100%}.summary-items{flex-direction:column;gap:8px}.mode-selection-content{padding:24px 16px}.mode-option{padding:20px}}@media (max-width:480px){.mode-selection-header{padding:16px}.mode-selection-header h3{font-size:1.25rem}.mode-selection-content{padding:20px 12px}.mode-option,.mode-selection-footer{padding:16px}.step-label{display:none}.mode-section h4{font-size:1.25rem}.mode-option-header h5{font-size:1.1rem}}.btn-primary.loading{background:#9ca3af;cursor:wait;overflow:hidden;position:relative}.btn-primary.loading:after{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.favorites-control{align-items:center;display:flex;margin:0 12px}.favorites-btn{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:larger;height:40px;justify-content:center;overflow:hidden;padding:10px 12px;position:relative;transition:all .3s ease;width:40px}.context-section{align-items:center;display:flex;margin-right:1rem}.context-info-nav{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:.5rem;padding:.5rem}.context-avatar-nav{border-radius:50%;height:32px;overflow:hidden;width:32px}.context-avatar-img-nav{height:100%;object-fit:cover;width:100%}.context-avatar-fallback-nav{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.context-details-nav{display:flex;flex-direction:column}.context-name-nav{font-size:.9rem;font-weight:600}.context-type-nav{font-size:.7rem;opacity:.8}.context-icon{font-size:1.2rem}.group-icon{color:#28a745}.org-icon{color:#ffc107}.context-info{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.context-avatar{border-radius:50%;height:48px;overflow:hidden;width:48px}.context-avatar-img{height:100%;object-fit:cover;width:100%}.context-avatar-fallback{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.context-details{display:flex;flex-direction:column}.context-type{font-size:.8rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.context-name{font-size:1.1rem;font-weight:600}.favorites-btn:before{background:#ef44444d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.favorites-btn:hover:before{height:100px;width:100px}.favorites-btn:hover{border-color:#ef4444;box-shadow:0 6px 20px #ef44444d;color:#ef4444;transform:translateY(-2px)}.favorites-btn.favorited{background:linear-gradient(135deg,#fee2e2,#fecaec);border-color:#ef4444;color:#d44f7d}.favorites-btn.favorited:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-2px) scale(1.05)}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.favorites-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));position:relative;z-index:1}.favorites-btn:active{transform:translateY(0) scale(.95)}.favorites-btn:after{background:#111827;border-radius:6px;bottom:-35px;color:#fff;content:attr(title);font-size:12px;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(0);transition:all .3s ease;white-space:nowrap;z-index:1000}.favorites-btn:hover:after{opacity:1;transform:translateX(-50%) scale(1)}@media (max-width:768px){.favorites-control{margin:0 8px}.favorites-btn{font-size:20px;padding:8px 10px}.favorites-btn:after{display:none}}.isDr:checked~#GS .favorites-btn{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;color:#9ca3af}.isDr:checked~#GS .favorites-btn:hover{border-color:#ef4444;color:#ef4444}.isDr:checked~#GS .favorites-btn.favorited{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#dc2626;color:#fca5a5}.add-favorites-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.add-favorites-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.favorites-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0}.header-content{justify-content:space-between;padding:24px}.header-content,.header-title{align-items:flex-start;display:flex}.header-title{flex:1 1;gap:16px}.title-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;justify-content:center;padding:12px}.title-icon svg{font-size:24px}.header-title h3{font-size:24px;font-weight:700;margin:0 0 4px}.header-subtitle{font-size:14px;margin:0;opacity:.9}.header-actions{align-items:center;display:flex;gap:8px}.quick-favorite-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px;transition:all .3s}.quick-favorite-btn:hover{background:#ffffff4d;transform:scale(1.1)}.quick-favorite-btn.favorited{background:#ef4444}.close-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px;transition:all .3s}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;display:flex;padding:0 24px}.tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:all .3s}.tab.active{border-bottom-color:#fff;color:#fff}.tab:hover:not(.active){color:#ffffffe6}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin:0;padding:16px 20px}.error-message.success{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.error-message button{background:#0000;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:10px;padding:0}.favorites-modal-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:24px}.soq-info-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:20px}.soq-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:20px;justify-content:center;padding:12px}.soq-details h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.soq-meta{color:#64748b;flex-wrap:wrap;font-size:14px;gap:8px}.meta-item,.soq-meta{align-items:center;display:flex}.meta-divider{color:#cbd5e1}.meta-item.description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-section{padding:40px 20px;text-align:center}.welcome-icon{color:#6366f1;font-size:64px;margin-bottom:20px;opacity:.8}.welcome-section h4{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.welcome-text{color:#64748b;font-size:16px;line-height:1.6;margin:0 auto 32px;max-width:400px}.quick-actions{display:flex;gap:32px;justify-content:center;margin-bottom:32px}.quick-action{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:8px}.action-icon{color:#6366f1;font-size:24px}.btn-primary{align-items:center;background:linear-gradient(135deg,#1598b3,#2bcdee);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.btn-primary:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-primary.large{font-size:16px;margin:0 auto;padding:16px 32px}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.btn-secondary:hover{background:#e2e8f0}.section-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:20px}.section-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.section-icon{color:#6366f1;font-size:20px}.section-header h5{color:#1e293b;font-size:16px;font-weight:600;margin:0}.star-rating-large{display:flex;gap:8px}.star-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px;transition:all .3s}.star-btn.active{background:#fff7ed;border-color:#fdba74;color:#ea580c}.star-btn:hover{border-color:#6366f1;transform:translateY(-2px)}.star-btn svg{font-size:24px}.star-btn span{font-size:12px;font-weight:600}.notes-container{position:relative}.notes-textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;padding:16px;resize:vertical;transition:border-color .3s;width:100%}.notes-textarea:focus{background:#fff;border-color:#6366f1;outline:none}.notes-footer{display:flex;justify-content:flex-end;margin-top:8px}.char-count{color:#94a3b8;font-size:12px}.tags-input-container{space-y:12px}.tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px}.tag{align-items:center;animation:slideIn .2s ease;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:20px;color:#6366f1;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tag-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#6366f1;cursor:pointer;display:flex;font-size:16px;height:16px;justify-content:center;line-height:1;padding:0;width:16px}.tag-remove:hover{background:#6366f11a}.no-tags{color:#94a3b8;font-size:14px;font-style:italic}.tag-input-group{display:flex;gap:8px}.tag-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .3s}.tag-input:focus{background:#fff;border-color:#6366f1;outline:none}.tag-add-btn{align-items:center;background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:12px;transition:all .3s}.tag-add-btn:hover:not(:disabled){background:#4f46e5;transform:scale(1.05)}.tag-add-btn:disabled{cursor:not-allowed;opacity:.5}.organize-tab{space-y:24px}.organize-header{padding:20px 0;text-align:center}.organize-header h5{color:#1e293b;font-size:20px;margin:0 0 8px}.organize-header p{color:#64748b;font-size:14px;margin:0}.location-indicator{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:16px}.back-btn,.location-indicator{align-items:center;display:flex}.back-btn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;justify-content:center;padding:8px;transition:all .3s}.back-btn:hover{background:#e2e8f0;color:#1e293b}.location-path{color:#64748b;flex-wrap:wrap;font-size:14px}.location-path,.path-segment{align-items:center;display:flex;gap:4px}.path-separator{color:#cbd5e1}.path-name{color:#1e293b;font-weight:500}.create-collection-card{background:#fff;border:2px dashed #cbd5e1;border-radius:16px;padding:20px;transition:all .3s}.create-collection-card:hover{border-color:#6366f1}.create-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.create-icon{color:#6366f1;font-size:20px}.create-header h6{color:#1e293b;font-size:16px;font-weight:600;margin:0}.btn-create{align-items:center;background:#0000;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s;width:100%}.btn-create:hover{background:#f8fafc;border-color:#6366f1;color:#6366f1}.create-form{space-y:12px}.create-input{border:2px solid #e2e8f0;border-radius:12px;font-size:14px;padding:12px 16px;transition:border-color .3s;width:100%}.create-input:focus{border-color:#6366f1;outline:none}.create-actions{display:flex;gap:8px;justify-content:flex-end}.collections-grid{grid-gap:12px;display:grid;gap:12px}.collection-card{background:#fff;border:2px solid #f1f5f9;border-radius:16px;cursor:move;padding:16px;transition:all .3s}.collection-card:hover{border-color:#6366f1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.collection-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.drag-handle{color:#cbd5e1;cursor:grab;font-size:18px}.collection-card:active .drag-handle{cursor:grabbing}.collection-info{align-items:center;display:flex;flex:1 1;gap:8px}.folder-icon{color:#6366f1;font-size:20px}.collection-name{color:#1e293b;font-weight:600}.collection-stats{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:12px;padding:4px 8px}.edit-input{border:2px solid #6366f1;border-radius:6px;flex:1 1;font-size:14px;padding:4px 8px}.collection-actions{justify-content:space-between}.btn-move,.collection-actions{align-items:center;display:flex}.btn-move{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s}.btn-move:hover{background:#059669;transform:scale(1.05)}.action-buttons{gap:4px}.action-buttons button{align-items:center;background:#0000;border-radius:6px;color:#64748b;display:flex;justify-content:center;padding:6px;transition:all .3s}.action-buttons button:hover{background:#f1f5f9;color:#1e293b}.empty-collections{color:#94a3b8;padding:40px 20px;text-align:center}.empty-collections .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-collections h6{color:#64748b;font-size:16px;margin:0 0 8px}.empty-collections p{font-size:14px;margin:0}.favorites-modal-footer{background:#fff;border-top:1px solid #e2e8f0;padding:20px 24px}.footer-actions{justify-content:space-between}.btn-remove,.footer-actions{align-items:center;display:flex}.btn-remove{background:#fee2e2;border:none;border-radius:12px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.btn-remove:hover{background:#fecaca}.btn-close{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-close:hover{background:#4f46e5;transform:translateY(-1px)}@media (max-width:768px){.add-favorites-modal{margin:20px;width:95%}.header-content{align-items:stretch;flex-direction:column;gap:16px}.header-actions{align-self:flex-end}.quick-actions{gap:16px}.footer-actions,.quick-actions,.star-rating-large{flex-direction:column}.footer-actions{gap:12px}.btn-close,.btn-remove{justify-content:center;width:100%}.collection-actions{align-items:stretch;flex-direction:column;gap:8px}.action-buttons{justify-content:center}}.favorites-modal-content::-webkit-scrollbar{width:8px}.favorites-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.favorites-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.favorites-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.landing-container{background:linear-gradient(135deg,#e0f7fc,#f0f9fc 50%,#e6f7fb);min-height:100vh;overflow-x:hidden;position:relative}.landing-container:before{background:radial-gradient(ellipse at top,#1598b31a 0,#0000 70%);content:"";height:600px;left:0;pointer-events:none;position:absolute;right:0;top:0}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-content{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 1.5rem}.nav-content,.nav-logo{align-items:center;display:flex}.nav-logo{gap:.5rem;width:250px}.logo-icon{align-items:center;background:linear-gradient(135deg,#1598b3,#0a6172);border-radius:8px;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(118deg,#1598b3,#0a6172);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.btn-login{background:linear-gradient(90deg,#1598b3,#0a6172);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.btn-login:hover{box-shadow:0 10px 25px #1598b366;transform:scale(1.05)}.hero-section{margin:0 auto;max-width:1280px;padding:5rem 1.5rem;text-align:center}.hero-content{margin:0 auto;max-width:900px}.hero-title{color:#1f2937;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(118deg,#1598b3,#0a6172);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#4b5563;font-size:1.5rem;line-height:1.6;margin-bottom:2rem}.btn-cta{background:linear-gradient(90deg,#1598b3,#0a6172);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-cta:hover{box-shadow:0 20px 40px #1598b366;transform:scale(1.05)}.features-section{margin:0 auto;max-width:1280px;padding:4rem 1.5rem}.features-header{margin-bottom:3rem;text-align:center}.features-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.features-description{color:#4b5563;font-size:1.125rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 40px #1598b333;transform:translateY(-8px)}.soq-card{border:2px solid #1598b333}.soq-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.cor-card{border:2px solid #0a617233}.cor-card:before{background:linear-gradient(90deg,#0a6172,#1598b3);content:"";height:4px;left:0;position:absolute;right:0;top:0}.path-card{border:2px solid #1598b333}.path-card:before{background:var(--gradient-light);content:"";height:4px;left:0;position:absolute;right:0;top:0}.badge-coming-soon{background:linear-gradient(90deg,#1598b3,#0a6172);border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.soq-card .feature-name{color:#1598b3}.cor-card .feature-name{color:#0a6172}.path-card .feature-name{color:#1598b3}.feature-subtitle{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.feature-description{color:#4b5563;line-height:1.6}.development-note{font-size:.875rem;font-weight:500;margin-top:.75rem}.cor-card .development-note{color:#0a6172}.path-card .development-note{color:#1598b3}.cta-section{margin:0 auto;max-width:1024px;padding:4rem 1.5rem}.cta-content{background:linear-gradient(90deg,#1598b3,#0a6172);border-radius:24px;box-shadow:0 20px 40px #1598b34d;padding:3rem;text-align:center}.cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{color:#ffffffe6;font-size:1.125rem;margin-bottom:2rem}.btn-cta-secondary{background:#fff;border:none;border-radius:12px;color:#0a6172;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-cta-secondary:hover{box-shadow:0 20px 40px #ffffff4d;transform:scale(1.05)}.landing-footer{background:#111827;color:#fff;margin-top:4rem;padding:2rem 1.5rem;text-align:center}.landing-footer p{color:#9ca3af}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.features-title{font-size:2rem}.cta-title{font-size:1.875rem}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:2rem}.logo-text{font-size:1.25rem}.cta-content{padding:2rem 1.5rem}}.containerIS{background:#5a5a5aa3;height:100dvh;justify-content:center;left:0;position:fixed;top:0;width:100dvw;z-index:1000}.containerIS,.image-selector{align-items:center;display:flex}.image-selector{background:#f0f8ff;border-radius:10px;flex-direction:column;font-family:Arial,sans-serif;height:70vh;width:81vw}.header{margin-bottom:20px;text-align:center}.header h1{color:#333;font-size:24px;margin-bottom:8px}.header p{color:#666;font-size:16px}.toolbar{display:flex;gap:20px;justify-content:center;margin-bottom:20px;width:100%}.toolbar-item{align-items:center;display:flex;flex-direction:column}.toolbar-item input{border:1px solid #ddd;border-radius:4px;margin-top:5px;padding:5px}.toolbar-item button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:background-color .3s}.toolbar-item button:hover{background-color:#45a049}.content{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-direction:row;height:50dvh;overflow:auto;padding:10px;width:98%}.content,.folder-list{display:flex;justify-content:flex-start}.folder-list{flex-wrap:wrap;gap:1dvh;width:100%}.folder,.image-option{border:1px solid #ddd;transition:transform .2s,background-color .3s}.folder,.image-option{align-items:center;background-color:#f0f0f0;border-radius:8px;cursor:grab;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-height:23dvh;padding:5px;position:relative;width:120px}.image-option{border:2px solid #0000;border-radius:5px;cursor:pointer;margin:5px;transition:border-color .3s ease,transform .2s,background-color .3s}.folder:hover,.image-option:hover{background-color:#e0e0e0;transform:scale(1.05)}.folder-item,.image-option img{align-items:center;background-color:#fff;border-radius:5px;color:#333;display:flex;font-size:100px;height:15dvh;justify-content:center;margin-bottom:10px;text-align:center;width:98%;word-break:break-word}.folder-item{cursor:pointer}.image-option img{border:1px solid #ddd;border-radius:4px;height:auto;max-width:100%}.add-item{align-items:center;color:#4caf50;cursor:pointer;display:flex;font-size:24px;justify-content:center}.add-item:hover{color:#45a049}input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:5px;padding:5px;width:90%}.actions{display:flex;gap:20px;justify-content:center;margin-top:20px;width:100%}.action-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.action-button:hover{background-color:#0056b3}.action-button:last-child{background-color:#f44336}.action-button:last-child:hover{background-color:#d32f2f}.add-item-menu{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;font-size:30px;gap:10px;margin-top:10px;padding:10px}.add-item-menu button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.add-item-menu button:hover{background-color:#45a049}.add-item-menu label{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;text-align:center}.add-item-menu label:hover{background-color:#0056b3}.add-item-menu input[type=file]{display:none}.context-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;padding:10px;position:absolute;width:200px;z-index:1000}.context-menu-header{display:flex;justify-content:flex-end}.context-menu-close{background:none;border:none;color:#555;cursor:pointer;font-size:16px}.context-menu-close:hover{color:#e74c3c}.context-menu-content{display:flex;flex-direction:column;gap:5px;margin-top:5px}.context-menu-content button{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;padding:8px;text-align:left}.context-menu-content button:hover{background-color:#dcdcdc}.rename-input{background:#0000;border:none;border-bottom:1px solid #ccc;outline:none;width:100%}.folder-overaly,.input-list{position:absolute}.folder-overaly{background:#d6faff03;bottom:0;left:0;right:0;top:0}.image-option.selected{background-color:#add8e633;border:2px solid blue}.confirmation-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal{background:#fff;border-radius:8px;max-width:400px;padding:20px;text-align:center;width:100%}.confirmation-buttons{margin-top:20px}.cancel-button,.confirm-button{border:none;border-radius:5px;cursor:pointer;margin:5px;padding:10px 20px}.confirm-button{background-color:green;color:#fff}.cancel-button{background-color:red;color:#fff}.color-picker-container{font-family:Arial,sans-serif;position:relative}.color-preview{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px}.color-swatch{border-radius:3px;height:24px;width:24px}.color-picker-popup{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;left:0;padding:12px;position:absolute;top:100%;width:260px;z-index:1000}.picker-section{margin-bottom:12px}.saturation-lightness-picker{background:linear-gradient(90deg,#fff,#0000),linear-gradient(0deg,#000,#0000);border-radius:4px;cursor:crosshair;height:150px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.picker-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px #00000080;height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px}.hue-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;cursor:pointer;height:12px;margin-bottom:12px;position:relative}.hue-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px #00000080;height:12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.opacity-slider{align-items:center;display:flex;gap:8px}.opacity-slider input{flex-grow:1}.color-formats-section{margin-bottom:12px}.format-tabs{display:flex;margin-bottom:8px}.format-tabs button{background:none;border:1px solid #ddd;cursor:pointer;flex:1 1;padding:4px}.format-tabs button.active{background:#eee}.channel-inputs{display:flex;gap:4px}.channel-inputs input{border:1px solid #ddd;border-radius:3px;flex:1 1;padding:4px}.picker-actions{display:flex;justify-content:space-between}.confirm-btn,.eye-dropper-btn{align-items:center;background:#f0f0f0;border:none;border-radius:3px;cursor:pointer;display:flex;gap:4px;padding:6px 12px}.confirm-btn:hover,.eye-dropper-btn:hover{background:#e0e0e0}.eye-dropper-overlay{align-items:center;background:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.eye-dropper-overlay canvas{border:2px solid #fff;cursor:crosshair;max-height:80%;max-width:90%}.eye-dropper-instructions{background:#fff;border-radius:4px;margin-top:12px;padding:12px}.connector-toggle{cursor:pointer;display:inline-block;height:24px;margin-left:8px;position:relative;width:40px}.connector-toggle input{height:0;opacity:0;width:0}.toggle-slider{align-items:center;background-color:#ccc;border-radius:24px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider .connector-icon{color:#fff;font-size:12px;transition:.4s}.connector-toggle input:checked+.toggle-slider{background-color:#2196f3}.connector-toggle input:checked+.toggle-slider .connector-icon{transform:rotate(45deg)}.connector-toggle input:focus+.toggle-slider{box-shadow:0 0 1px #2196f3}.note-component{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;height:100%;justify-content:center;left:0!important;max-width:100vw;min-height:50000px;min-width:50000px;overflow:auto;position:relative!important;width:100%}.note-toolbar{display:flex;flex-wrap:wrap;gap:8px;left:35vw;padding:8px;position:fixed!important;top:0;z-index:2}.layers-panel{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;left:5px;max-height:calc(100% - 70px);padding:10px;position:absolute;top:70px;width:400px;z-index:1000}.layers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.layers-header h3{font-size:1.1em;margin:0}.layer-count{color:#666;font-size:.9em}.layers-list{align-items:stretch;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:5rem}.layer-item-content{gap:6px}.group-controls{margin-bottom:8px}.group-btn{align-items:center;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:.9em;gap:4px;padding:4px 8px}.group-btn:disabled{cursor:not-allowed;opacity:.5}.group-btn:hover:not(:disabled){background:#e0e0e0}.layer-item{border-radius:3px;margin-bottom:2px;padding:4px 6px;position:relative}.layer-item.selected{background-color:#e0e0ff}.layer-item-content input[type=checkbox]{cursor:pointer;margin-right:6px;min-height:16px;min-width:16px}.expand-toggle,.visibility-toggle{align-items:center;color:#666;cursor:pointer;display:flex;justify-content:center;min-width:20px;text-align:center;-webkit-user-select:none;user-select:none}.visibility-toggle:hover{color:#333}.layer-name{font-size:.95em}.child-layers{border-left:1px dashed #ddd;margin-left:10px}.layer-actions{margin-left:auto}.layer-action-btn{font-size:.8em;line-height:1}.layer-action-btn.danger:hover{background-color:#fdd}.empty-state{padding:10px}.selection-controls{margin-bottom:10px}.control-btn{background:#f0f0f0;font-size:.9em;padding:6px 10px}.control-btn:hover:not(:disabled){background:#e0e0e0}.group-item{background-color:#f8f8f8;border-left:3px solid #666}.group-item.selected{background-color:#e0e0ff;border-left:3px solid #2196f3}.group-icon{margin-right:6px}.layers-panel::-webkit-scrollbar{width:8px}.layers-panel::-webkit-scrollbar-track{background:#f1f1f1}.layers-panel::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.layers-panel::-webkit-scrollbar-thumb:hover{background:#555}.layer-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:6px 8px}.layer-item:hover{background-color:#f5f5f5}.layer-item-content{align-items:center;display:flex;width:100%}.visibility-toggle{cursor:pointer;margin-right:8px;opacity:.7;transition:opacity .2s}.visibility-toggle:hover{opacity:1}.draggable-toggle{cursor:pointer;margin-right:8px;opacity:.7;transition:opacity .2s}.draggable-toggle:hover{opacity:1}.layer-name{flex-grow:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{display:flex;gap:4px;margin-left:8px}.layer-action-btn{background:none;border:none;border-radius:3px;cursor:pointer;font-size:12px;padding:2px 4px}.layer-action-btn:hover{background-color:#e0e0e0}.layer-action-btn.danger:hover{background-color:#ffcdd2;color:#d32f2f}.expand-toggle{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;margin-right:4px;width:16px}.group-icon{color:#666;margin-right:4px}.child-layers{margin-left:15px}.empty-state{color:#666;font-style:italic;padding:16px;text-align:center}.selection-controls{border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px}.control-btn{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px}.control-btn:hover{background:#e0e0e0}.control-btn:disabled{cursor:not-allowed;opacity:.5}.layers-header{border-bottom:1px solid #eee;padding:8px}.layers-header h3{font-size:16px;margin:0 0 8px}.layers-list{height:calc(100% - 120px)}.note-pdf-export{box-shadow:none!important}.note-pdf-export:before{bottom:0;box-shadow:inherit;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.element-properties-panel{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:80vh;overflow-y:auto;padding:15px;position:absolute;right:20px;top:20px;width:300px;z-index:1000}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.panel-header h4{font-size:16px;margin:0}.action-buttons{display:flex;gap:8px}.action-buttons button{background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;padding:5px 8px}.action-buttons button:hover{background:#e0e0e0}.property-group{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.property-group:last-child{border-bottom:none}.property-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.property-row{display:flex;gap:10px;margin-bottom:10px}.property-row>div{flex:1 1}.property-row label{color:#666;display:block;font-size:12px;margin-bottom:4px}.property-row input[type=number],.property-row input[type=text],.property-row select{border:1px solid #ddd;border-radius:4px;padding:6px 8px;width:100%}.property-row input[type=color]{border:1px solid #ddd;border-radius:4px;height:30px;padding:2px;width:100%}.property-row input[type=range]{margin-right:10px;width:calc(100% - 40px)}.color-swatch-wrapper{display:inline-block;position:relative}.color-swatch{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:36px;width:36px}.color-picker-popover{left:0;margin-top:5px;position:absolute;top:100%;z-index:100}.color-picker-cover{bottom:0;left:0;position:fixed;right:0;top:0}.position-toggle{display:inline-block;height:24px;margin-left:8px;position:relative;width:50px}.position-toggle input{height:0;opacity:0;width:0}.position-toggle .toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.position-toggle input:checked+.toggle-slider{background-color:#2196f3}.position-toggle .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.position-toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.position-icon{color:#fff;font-size:10px;font-weight:700;left:50%;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}.position-toggle{background:#fff;border:1px solid #ccc;cursor:pointer;padding:5px 10px}.position-toggle:first-child{border-radius:4px 0 0 4px}.position-toggle:last-child{border-radius:0 4px 4px 0}.position-toggle.active{background:#007bff;border-color:#007bff;color:#fff}.metadata-overlay{background-color:#00000080;bottom:0;right:0;z-index:2}.metadata-overlay,.metadata-overlay .metadata-modal{align-items:center;display:flex;justify-content:center;left:0;position:fixed;top:0}.metadata-overlay .metadata-modal{background-color:#b0b0b054;border-radius:8px;height:100%;padding:10px;width:100%;z-index:1000}.metadata-overlay .metadata-modal-content h3{align-items:center;color:#d44f7d;display:flex;font-family:senB;font-size:2em;margin-bottom:10px!important;text-align:justify}.metadata-overlay .metadata-modal-content h3 svg{font-size:xxx-large;margin-right:10px}.metadata-overlay .metadata-modal-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-width:50dvw!important;padding:20px;position:relative;width:50vw}.metadata-overlay .metadata-modal-content label{display:block;font-family:SenB;margin-bottom:5px}.metadata-overlay .metadata-modal-content .radio-input{display:none}.metadata-overlay .metadata-modal-content select{border:1px solid #ccc;border-radius:4px;font-size:1em;margin:5px 0;padding:5px;width:80%}.metadata-overlay .radio-label{width:45%}.metadata-overlay .metadata-modal-content .radio-label{align-items:flex-start;border:2px solid #ccc;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:5px;padding:5px;transform:scale(1);transition:all .3s ease}.metadata-overlay .radio-label:hover{transform:scale(1.02);transition:all .3s ease}.metadata-overlay p{font-size:small}.metadata-overlay .metadata-modal-content .radio-input:checked+.radio-label{background-color:#1278de1a;border-color:#1278de;transition:all .3s ease}.radio-input:checked+.radio-label:hover{transform:scale(1)!important}.metadata-actions{display:flex;justify-content:space-between;margin-top:20px}.metadata-overlay .metadata-actions button{cursor:pointer;padding:8px 16px}.switch{display:inline-block;height:24px;margin-left:10px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;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}.close-button{background-color:#d2194100!important;margin:0!important;padding:0!important;position:absolute;right:10px;top:10px}.close-button svg{color:#d44f7d;font-size:x-large}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switchDiv{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding-left:10px;width:100%}.spano{font-family:SenB;font-size:smaller;margin-right:10px}.metadata-field{margin-bottom:15px}.metadata-field input[type=text],.metadata-field textarea{border:1px solid #ccc;border-radius:4px;font-size:1em;padding:8px;width:100%}.metadata-field textarea{min-height:100px;resize:vertical}.tags-input,.targets-input{display:flex;gap:5px;margin-bottom:5px}.tags-input input,.targets-input input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:5px}.tags-input button,.targets-input button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:5px 10px}.tags-list,.targets-list{display:flex;flex-wrap:wrap;gap:5px}.tag-item,.target-item{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;gap:5px;padding:5px 10px}.target-item input{background:#0000;border:none;min-width:50px;padding:2px 5px}.tag-item{padding:3px 8px}.tag-item button{background:none;border:none;color:#666;cursor:pointer;font-size:.8rem}.metadata-actions button{border-radius:4px;cursor:pointer;font-weight:700;padding:8px 15px}.metadata-actions .cancel-button{background-color:#f0f0f0;border:1px solid #ddd}.metadata-actions .save-button{background-color:#4caf50;border:none;color:#fff}.radio-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.radio-label{align-items:flex-start;cursor:pointer;display:flex;gap:8px}.radio-label .description{color:#666;font-size:.9rem;font-weight:400;margin:0}.access-key-field{margin-top:10px}@media (max-width:768px){.metadata-overlay .metadata-modal-content{max-width:90vw!important}.metadata-overlay .radio-label{width:100%}.metadata-actions{flex-direction:column;gap:10px}.metadata-actions button{width:100%}}
/*# sourceMappingURL=main.788afa17.css.map*/