.note-container{transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.note-container:hover{box-shadow:none}.note-content{flex-direction:row;gap:12px;padding:4px 16px;display:flex}.timeline-entries .note-header,.document-entries .note-header{justify-content:space-between;align-items:center;display:flex;translate:0 -8px}.author-section{align-items:center;display:flex}.avatar-image,.avatar-placeholder{object-fit:cover;border-radius:50%;width:36px;height:36px}.avatar-placeholder{background-color:var(--primary-color-light,#e0e7ff);color:var(--primary-color,#4f46e5);justify-content:center;align-items:center;font-weight:700;display:flex}.small-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.author-details{flex-direction:row;display:flex}.author-name-container{align-items:center;gap:8px;margin-bottom:2px;display:flex}.author-name{color:var(--text-color-primary,#333);font-weight:600}.timestamp{color:var(--text-color-tertiary,#888);font-size:.85rem}.note-media{flex-direction:column;gap:8px;display:flex}.media-item.image img{border-radius:8px;max-width:100%}.media-item.link{box-shadow:none!important;background:0 0!important;border:none!important;margin:12px 0!important;padding:0!important}.link-description{color:var(--text-color-secondary,#666);margin:0;font-size:.9rem}.note-actions{gap:16px;display:flex}.like-button,.bookmark-button,.delete-button,.move-button{color:var(--text-color-secondary,#666);cursor:pointer;opacity:1;background:0 0;border:none;align-items:center;gap:4px;padding:4px;font-size:.9rem;display:flex}.like-button:hover,.bookmark-button:hover{color:var(--primary-color,#4f46e5)}.like-button.liked{color:var(--heart-color,#ef4444)}.bookmark-button.bookmarked{color:var(--bookmark-color,#f59e0b)}.note-container .delete-button,.icon-action-buttons .delete-button,.note-actions .delete-button{color:var(--text-color-secondary,#666);background-color:#0000}.note-container .delete-button:hover,.icon-action-buttons .delete-button:hover,.note-actions .delete-button:hover{color:var(--danger-color,#dc2626);background-color:#0000000d}.edit-area{width:100%;line-height:1.6rem}.content-textarea{border:1px solid var(--border-color,#e0e0e0);resize:vertical;border-radius:8px;width:100%;min-height:100px;margin-bottom:12px;padding:12px;font-family:inherit;font-size:.95rem}.edit-actions{justify-content:flex-end;gap:8px;display:flex}.edit-actions button{cursor:pointer;border-radius:4px;padding:6px 12px;font-size:.9rem}.edit-actions button:first-child{background-color:var(--primary-color,#4f46e5);color:#fff;border:none}.edit-actions button:last-child{background-color:var(--background-color,white);color:var(--text-color-primary,#333);border:1px solid var(--border-color,#e0e0e0)}.delete-confirm{z-index:2;background-color:#fffffff2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.delete-confirm p{margin:0 0 16px;font-weight:600}.confirmation-buttons{gap:16px;display:flex}.confirmation-buttons button{cursor:pointer;border-radius:4px;padding:8px 16px;font-size:.9rem}.confirmation-buttons button:first-child{background-color:var(--danger-color,#dc2626);color:#fff;border:none}.confirmation-buttons button:last-child{background-color:var(--background-color,white);color:var(--text-color-primary,#333);border:1px solid var(--border-color,#e0e0e0)}.timeline-style{flex-direction:row;display:flex}.profile-note{border:1px solid var(--border-color,#e0e0e0);background-color:var(--background-color,white);cursor:pointer;border-radius:8px;margin-bottom:16px;transition:transform .2s;overflow:hidden}.profile-note:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.notes-list{margin-top:20px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.empty-notes-message{text-align:center;background-color:var(--background-light,#f7f9fc);color:var(--text-color-secondary,#666);border-radius:8px;padding:30px}@media (max-width:768px){.notes-grid{grid-template-columns:1fr}.note-actions{flex-wrap:wrap}}.copy-button{position:relative}.copy-button.copied{color:var(--primary-color,#4f46e5)}.copy-button .copy-tooltip{color:#fff;white-space:nowrap;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:12px;animation:2s fadeInOut;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.topic-doc-icon{color:currentColor;opacity:.7;justify-content:center;align-items:center;margin-right:2px;display:inline-flex}.topic-badge .topic-doc-icon{width:12px;height:12px;margin-right:4px;position:relative;top:1px}
.page-container{flex-direction:column;width:100%;height:100%;display:flex}.page-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.page-header .header-left{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.page-header .page-title{color:#111827;font-size:20px;font-weight:600;font-family:var(--font-primary);margin:0 0 4px}.page-header .stats{flex-direction:row;gap:16px;display:flex}.page-header .stat-item{color:#6b7280;font-size:.95rem}.page-header .header-actions{align-items:center;gap:12px;display:flex}.page-header .manage-topics-button{color:#355fcb;cursor:pointer;background-color:#fff;border:1px solid #e0e7ff;border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.page-header .manage-topics-button:hover{background-color:#f5f8fc;border-color:#6f96b7;transform:translateY(-1px)}.page-header .add-topic-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#68b2ea 0%,#66a9e4 100%);border:none;border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #355fcb40}.page-header .add-topic-button:hover{background:linear-gradient(135deg,#2b51b9,#5f89ad);transform:translateY(-1px);box-shadow:0 2px 4px #355fcb4d}.topic-actions-container{background-color:#fff;justify-content:flex-end;padding:16px 24px 0;display:flex}.notes-feed{flex:1;overflow:auto}