.floating-add-button{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#6bb8db,#5fb3d4);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;font-weight:300;transition:opacity .4s,transform .2s,background-color .2s;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 8px 16px #00000026}.floating-add-button:hover{background:linear-gradient(135deg,#5fb3d4,#4ea8c9);transform:translateY(-2px)scale(1.05);box-shadow:0 6px 15px #6bb8db4d}.floating-add-button.scrolling{opacity:.7}@media (min-width:769px){.floating-add-button{display:none}}.profile-content-container{width:100%;max-width:800px;margin:0 auto;padding:20px 0}.profile-image-section{text-align:center;margin:0 auto 24px}.profile-image-container{background-color:#f3f4f6;border-radius:50%;width:150px;height:150px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000001a}.profile-image-container.clickable{cursor:pointer}.profile-image{object-fit:cover;width:100%;height:100%}.profile-activity-container{background-color:#fff;flex-direction:column;gap:24px;max-width:800px;margin:0 auto;padding-top:16px;display:flex}.image-overlay{color:#fff;opacity:0;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.profile-image-container:hover .image-overlay{opacity:1}.image-overlay svg{margin-bottom:8px}.image-overlay span{font-size:14px}.upload-overlay{color:#fff;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:30px;height:30px;margin-bottom:8px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message,.success-message{text-align:center;border-radius:4px;margin-bottom:16px;padding:10px 15px;font-size:14px}.error-message{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.success-message{color:#047857;background-color:#d1fae5;border:1px solid #a7f3d0}.profile-about-section{background-color:#fff;border-bottom:1px solid #eee;border-radius:0;padding:20px;display:flex}.profile-move-topics-section{background-color:#fff;border-bottom:1px solid #eee;border-radius:0;padding:20px}.profile-about-sidebar{flex-direction:column;flex-shrink:0;gap:4px;width:150px;padding-right:10px;display:flex}.text-button{color:#94a3b8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;margin-left:4px;padding:0;font-size:14px}.text-button:hover{color:#64748b;text-decoration:underline}.sidebar-actions{flex-direction:column;gap:8px;margin-top:5px;display:flex}.profile-about-main{flex:1}.about-header{color:#454b58;margin:0;font-size:18px;font-weight:600;display:inline}.about-content{justify-content:space-between;align-items:flex-start;display:flex}.about-text{flex:1}.edit-button{color:#4b5563;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;margin-left:10px;padding:5px 10px;font-size:13px;transition:all .2s}.edit-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.about-text{color:#4b5563;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.5}.about-edit-container{width:100%}.about-textarea{color:#4b5563;resize:vertical;border:1px solid #d1d5db;border-radius:4px;width:100%;min-height:120px;margin-bottom:12px;padding:12px;font-size:15px;line-height:1.5}.about-textarea:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 2px #64748b40}.cancel-button,.save-button{cursor:pointer;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.cancel-button{color:#4b5563;background-color:#fff;border:1px solid #d1d5db}.cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.save-button{color:#fff;background:linear-gradient(135deg,#6bb8db 0%,#5fb3d4 100%);border:1px solid #6bb8db}.save-button:hover{background:linear-gradient(135deg,#5fb3d4 0%,#4ea8c9 100%);border-color:#5fb3d4;transform:translateY(-1px);box-shadow:0 2px 4px #6bb8db4d}.profile-topics-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.topics-header{color:#374151;margin:0 0 16px;font-size:18px;font-weight:600}.header-actions{justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.topics-list{flex-direction:column;gap:.4rem;display:flex}.topic-actions-column{flex-direction:row;justify-content:flex-end;gap:.4rem;margin-top:1rem;display:flex}.topic-actions-column .topic-item{width:200px;padding:8px 16px}.topic-item{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;transition:background-color .2s;display:flex}.topic-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.topic-item.add-new-topic{background-color:#ffffffd9;border:1px solid #00000014;border-radius:20px}.topic-item.add-new-topic:hover{background-color:#f3f4f6;border-color:#0000001f}.topic-item.reordering{cursor:default;background-color:#f8f9fa;border:1px dashed #d1d5db;justify-content:space-between;display:flex}.topic-item.reordering:hover{border-color:#d1d5db}.topic-item a{width:100%;color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.topic-reorder-controls{gap:6px;display:flex}.reorder-button{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:16px;transition:all .2s;display:flex}.reorder-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.reorder-button:disabled{opacity:.5;cursor:not-allowed}.topic-name{color:#454b58;font-size:15px;font-weight:500}.topic-count{color:#6b7280;font-size:13px}.profile-activity-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.empty-timeline{text-align:center;color:#6b7280;justify-content:center;align-items:center;min-height:auto;margin:4rem 1rem 1.5rem;padding:2rem 1rem;display:flex}.no-topics-message{color:#4b5563;margin:0;font-size:1rem;font-weight:400;line-height:1.5}.empty-topic-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.empty-topic-icon{color:#9ca3af;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.empty-topic-state h3{color:#454b58;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-topic-state p{max-width:300px;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.profile-empty-note-form{background-color:#fff;border-radius:8px;width:90%;max-width:600px;margin-top:1rem;margin-left:auto;margin-right:auto;padding:1rem;box-shadow:0 2px 4px #0000000d}.create-note-button{color:#fff;cursor:pointer;background-color:#0057b7;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 5px #00000014}.create-note-button:hover{background-color:#004494;transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.create-note-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.create-topic-button{color:#fff;cursor:pointer;background-color:#0057b7;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 5px #00000014}.create-topic-button:hover{background-color:#004494;transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.create-topic-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.loading-spinner{border:3px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@media (max-width:768px){.profile-content-container{padding:16px}.profile-about-section{flex-direction:column}.profile-about-sidebar{width:100%;margin-bottom:12px;padding-right:0}.profile-about-main{width:100%}}@media (max-width:480px){.about-header{font-size:16px}.about-text,.about-textarea{font-size:14px}.topic-item{padding:10px 12px}.topic-name{font-size:14px}.topic-count{font-size:12px}.edit-actions{flex-direction:column;gap:8px}.cancel-button,.save-button{width:100%}}