.dropdown-content{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:280px;padding:0;animation:.2s ease-out dropdownFadeIn;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dropdown-content button,.dropdown-content [data-radix-collection-item]{text-align:left;cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:0;outline:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;line-height:1.2;transition:background-color .2s;display:flex}.dropdown-content button:hover,.dropdown-content [data-radix-collection-item]:hover,.dropdown-content [data-radix-collection-item][data-highlighted]{background-color:#f3f4f6}.dropdown-content button.active,.dropdown-content [data-radix-collection-item].active{color:#14b8a6;background-color:#14b8a61a}.dropdown-content .divider,.dropdown-content [data-radix-menubar-separator]{background-color:#e5e7eb;height:1px;margin:4px 0}.topic-settings-dropdown{composes:dropdown-content}@media (max-width:768px){.dropdown-content.mobile-full-width{width:calc(100vw - 32px)!important;margin:0!important;left:16px!important;right:16px!important;transform:none!important}}@media (max-width:480px){.topic-settings-dropdown{max-width:calc(100vw - 40px);width:280px!important}}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-up-animation{animation:.3s ease-out slideUpFromBottom}.dropdown-toggle-section{padding:4px 12px}.dropdown-toggle-button{cursor:pointer;color:#374151;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.dropdown-toggle-button:hover{background:#f3f4f6;border-color:#d1d5db}.dropdown-toggle-button .toggle-hint{color:#9ca3af;margin-left:auto;font-size:11px;font-style:italic}.sort-order-header{color:#6b7280;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600;text-transform:none!important}.sort-order-options{gap:12px;width:100%;display:flex}.sort-order-option{cursor:pointer;color:#6b7280;background:#fafafa;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:120px;padding:12px 8px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sort-order-option:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.sort-order-option.active{color:#14b8a6;background-color:#14b8a614;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.card-style-section{padding:12px}.card-style-header{color:#6b7280;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600;text-transform:none!important}.card-style-options{gap:8px;display:flex}.card-style-option{cursor:pointer;color:#6b7280;background:#fafafa;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 6px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.card-style-option:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.card-style-option.active{color:#14b8a6;background-color:#14b8a614;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.card-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;align-items:center;gap:3px;width:100%;height:28px;padding:3px;display:flex}.preview-avatar{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:14px;height:14px}.preview-content{flex-direction:column;flex:1;gap:2px;display:flex}.preview-line{background:#e2e8f0;border-radius:1px;height:2px}.preview-line.short{width:60%}.preview-line.long{width:85%}.dropdown-submenu-container{position:relative}.dropdown-submenu{z-index:1001;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:200px;max-height:300px;position:absolute;top:0;left:100%;overflow-y:auto;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.dropdown-submenu,.dropdown-submenu.mobile-adaptive{left:auto!important;right:100%!important}.submenu-arrow{transform:scaleX(-1)!important}}.dropdown-item.active-topic{color:#3b82f6;background-color:#f0f7ff}.dropdown-item.active-topic:hover{background-color:#e0f2fe}.submenu-arrow{color:#9ca3af;margin-left:auto;padding-left:8px;font-size:18px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.profile-top-banner-8px{background-color:var(--banner-color,#0057b7);background-image:var(--banner-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;display:block;height:8px!important;min-height:8px!important;max-height:8px!important}.profile-minimal-header{filter:blur(8px);opacity:.4;background-color:#0057b7;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:flex-start;align-items:flex-start;width:100%;height:4px;padding:0;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.profile-minimal-header .profile-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;z-index:10;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:none}.profile-minimal-header .profile-back-button:hover{background:#0009;transform:scale(1.05)}.profile-minimal-header .profile-back-button svg{stroke:#fff}.profile-pic-tab{width:auto!important;min-width:auto!important;padding:18px 20px!important}.no-topics-tab{opacity:.5;cursor:not-allowed;pointer-events:none}.no-topics-tab .no-topics-label{color:#9ca3af;font-style:italic}.no-topics-tab:hover{background:0 0!important;border-color:#0000!important}.profile-pic-tab .profile-pic-icon{color:#536471;background-color:#e1e8ed;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.profile-pic-tab .profile-pic-icon img{object-fit:cover;width:100%;height:100%}.profile-pic-tab.active-tab .profile-pic-icon{box-shadow:0 0 0 2px #1d9bf0}html{overflow:visible auto!important}body{overflow-x:visible!important}.main-content-area{overflow-x:visible}.sticky-header-container{z-index:100;contain:layout style paint;background:#fff;width:100%;display:block;position:sticky;top:0}.sticky-header-container.header-hidden .profile-minimal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:0;transition:none;overflow:hidden}.sticky-header-container .profile-minimal-header{height:4px;transition:none}.sticky-header-container .topic-tabs-container{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:auto;background-color:#fff;border-bottom:1px solid #cbccce;border-radius:0;width:100%;min-height:60px;margin-bottom:0;padding-bottom:2px;position:relative;overflow-x:auto;box-shadow:0 2px 12px #00000026}.profile-page .profile-content-section{position:relative}.profile-page .topic-tabs-container.tabs-sticky+*{padding-top:60px}.profile-page .topic-tabs-wrap{justify-content:center;align-items:center;width:100%;min-width:max-content;display:flex;position:relative}.profile-page .tabs-left{flex-wrap:nowrap;flex:none;justify-content:center;align-items:center;min-width:0;display:flex}.profile-page .tabs-center{flex:auto;justify-content:center;align-items:center;gap:0;min-width:0;padding:0 12px;display:flex}.tab-nav-arrow{color:#9ca3af;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:60px;padding:0 12px;transition:all .2s;display:flex;position:relative}.tab-nav-arrow:hover{color:#4a5568;opacity:1;background-color:#f3f4f6cc}.tab-nav-arrow:active{background-color:#f3f4f6;transform:none}.tab-nav-left{border-radius:8px 0 0 8px;margin-right:0}.tab-nav-right{border-radius:0 8px 8px 0;margin-left:0}@media (max-width:768px){.tab-nav-arrow{display:none}}.profile-page .tabs-right{flex-shrink:0;align-items:center;margin-left:0;display:flex}.profile-page .topic-tab{color:#4a5568;cursor:pointer;white-space:nowrap;background-color:#0000;border:none;flex-shrink:0;align-items:center;gap:0;height:60px;padding:22px 20px 19px;font-size:15px;font-weight:500;transition:none;display:flex;position:relative}.profile-page .topic-tab:hover{background-color:#f3f4f6}.profile-page .topic-tab.active-tab{color:#4a5568;font-weight:600}.profile-page .topic-tab.active-tab:after{content:"";background:linear-gradient(270deg,#254960,#849784);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-2px;left:0;right:0}.profile-page .topic-tab-container{flex-shrink:0;align-items:center;display:flex;position:relative}.profile-page .topic-settings-btn{color:#666;cursor:pointer;opacity:0;z-index:10;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:8px;right:4px}.profile-page .topic-tab-container:hover .topic-settings-btn{opacity:1}.profile-page .topic-settings-btn:hover{color:#333;background-color:#f0f0f0}.profile-page .topic-tab-container .topic-tab{padding-right:32px}.tab-follow-button-container{padding:0 12px}.profile-follow-button-in-tabs{padding-right:1rem}.tab-follow-button{color:#4a5568!important;background-color:#ffffffd9!important;border:1px solid #00000014!important;border-radius:20px!important;min-width:auto!important;padding:8px 16px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important}.tab-follow-button:hover{background-color:#fff!important;border-color:#0000001f!important;animation:none!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #0000001a!important}.tab-follow-button.following{color:#4a5568!important;background-color:#ffffffd9!important;border:1px solid #00000014!important}.tab-follow-button.following:hover{color:#ef4444!important;background-color:#fff!important;border-color:#ef4444!important;animation:none!important}.topic-header-nav{border-top:1px solid #cbccce;justify-content:space-between;align-items:center;width:100%;height:60px;padding:12px 20px;display:flex}.topic-nav-left,.topic-nav-right{flex:none;min-width:60px}.topic-nav-center{flex:auto;justify-content:center;align-items:center;gap:12px;display:flex}.profile-tab{align-items:center;gap:6px;display:flex}.profile-tab-label{white-space:nowrap;text-overflow:ellipsis;max-width:200px;line-height:1.3;display:inline-block;overflow:hidden}@media (max-width:480px){.profile-tab-label{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:center;max-width:140px;text-overflow:none;display:block;overflow:visible}.profile-tab-icon{flex-shrink:0;align-self:center}.tab-dropdown-arrow{flex-shrink:0;align-self:center;margin-left:4px}#current-project-tab-button{flex-flow:row;align-items:center;gap:4px;height:auto;min-height:60px;padding:12px 8px}.profile-page .tabs-center{gap:4px;padding:0 4px}}.tab-indicator-container{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;padding:8px 12px;display:block;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.tab-dots{align-items:center;gap:8px;display:flex}.tab-dot{cursor:pointer;background:#d1d5db;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.tab-dot.active{background:#3b82f6;transform:scale(1.2)}.tab-dot:hover{background:#9ca3af;transform:scale(1.1)}.tab-dot.active:hover{background:#2563eb;transform:scale(1.2)}@media (max-width:768px){.tab-indicator-container{bottom:70px}}.tab-separator{color:#9ca3af;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;width:auto;margin:0;padding:0;font-size:16px;font-weight:300;display:flex}#current-project-tab-button{padding-left:16px!important}#current-project-tab-button .profile-tab-icon svg{width:12px!important;height:12px!important}#current-project-tab-button .profile-tab-icon{justify-content:center;align-items:center;margin-right:2px;display:flex}.profile-tab-icon{justify-content:center;align-items:center;display:flex}#current-project-tab-button .profile-tab-label,.profile-tab-label{font-size:14px}.back-button{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;padding:8px;transition:background-color .2s;display:flex}.back-button:hover{background-color:#f3f4f6}.topic-header-title{color:#18191c;text-align:center;margin:0;font-size:18px;font-weight:600}.topic-nav-arrow{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.topic-nav-arrow:hover:not(:disabled){background-color:#f3f4f6}.topic-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.topic-settings-button{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:background-color .2s,color .2s;display:flex}.topic-settings-button:hover{color:#374151;background-color:#f3f4f6}.topic-settings-in-tabs{align-items:center;gap:8px;display:flex}.topic-settings-button-in-tabs{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s,color .2s;display:flex}.topic-settings-button-in-tabs:hover{color:#374151;background-color:#f3f4f6}.topic-settings-button-in-tabs.active{color:#1f2937;background-color:#e5e7eb}.topic-settings-button-in-tabs.active:hover{color:#111827;background-color:#d1d5db}.archive-confirm-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.archive-confirm-dialog{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 20px 40px #0003}.archive-confirm-dialog h3{color:#374151;text-align:center;margin:0 0 12px;font-size:18px;font-weight:600}.archive-confirm-dialog p{color:#6b7280;text-align:center;margin:0 0 20px;font-size:16px;line-height:1.5}.archive-confirm-buttons{justify-content:center;gap:12px;display:flex}.archive-confirm-buttons button{cursor:pointer;border:1px solid;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.cancel-button{color:#6b7280;background:#fff;border-color:#d1d5db}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.archive-button{color:#fff;background:#f59e0b;border-color:#f59e0b}.archive-button:hover{background:#d97706;border-color:#d97706}@media (max-width:768px){#log-tab-button .profile-tab-label,#index-tab-button .profile-tab-label{display:none}#log-tab-button,#index-tab-button{padding:22px 24px 19px!important}#log-tab-button svg,#index-tab-button svg{margin-right:0!important}}@media (max-width:480px){#log-tab-button,#index-tab-button{padding:22px 24px 19px!important}.profile-page .topic-tab{padding:22px 14px 19px;font-size:14px}.profile-tab-label{font-size:13px!important}.profile-tab-icon svg{width:12px!important;height:12px!important}#log-tab-button svg,#index-tab-button svg{width:16px!important;height:16px!important}.profile-pic-tab{padding:18px 14px!important}.profile-page .tabs-right{margin-left:0}.tab-dropdown-arrow{width:10px!important;height:10px!important}}