.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)}}