.notes-timeline-wrapper{height:100%;display:flex;flex-direction:column;overflow:hidden;padding:0;box-sizing:border-box}.notes-layout-columns{flex:1;min-height:0;height:100%;display:flex;gap:0;align-items:stretch;width:100%}.notes-layout-columns.is-dragging{user-select:none;-webkit-user-select:none}.notes-left-col{width:var(--left-col-width,65%);flex-shrink:0;height:100%;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;min-width:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.08) transparent}.notes-left-col::-webkit-scrollbar{width:6px}.notes-left-col::-webkit-scrollbar-track{background:0 0}.notes-left-col::-webkit-scrollbar-thumb{background-color:rgba(61,59,54,.08);border-radius:10px}.notes-drag-divider{width:0;height:100%;cursor:col-resize;position:relative;flex-shrink:0;user-select:none;-webkit-user-select:none;z-index:10}.notes-drag-divider::after{content:'';position:absolute;top:0;bottom:0;left:-8px;width:16px;background:0 0;z-index:1}.notes-drag-divider::before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:2px;background-color:transparent;transition:background-color .25s;z-index:2}.notes-drag-divider.is-dragging::before,.notes-drag-divider:hover::before{background-color:var(--text-color)}.notes-right-col{flex:1;height:100%;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;min-width:0;overflow-y:auto;background-color:rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:1px solid rgba(61,59,54,.08)}.notes-right-col::-webkit-scrollbar{width:6px}.notes-right-col::-webkit-scrollbar-track{background:0 0}.notes-right-col::-webkit-scrollbar-thumb{background-color:rgba(61,59,54,.08);border-radius:10px}.notes-composer-card{background-color:rgba(255,255,255,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(61,59,54,.06);border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(61,59,54,.02);transition:.3s cubic-bezier(.16, 1, .3, 1)}.notes-composer-card:focus-within{background-color:rgba(255,255,255,.85);border-color:rgba(61,59,54,.15);box-shadow:0 8px 30px rgba(61,59,54,.06)}.notes-composer-body{display:flex;gap:16px;align-items:flex-start}.notes-composer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;flex-shrink:0}.notes-composer-main{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.notes-composer-textarea{background:0 0;font-family:inherit;color:var(--text-color);resize:none}.notes-composer-textarea::placeholder{color:var(--accent-color);opacity:.7}.notes-composer-divider{height:1px;background:rgba(61,59,54,.06);width:100%}.notes-composer-footer{display:flex;justify-content:space-between;align-items:center}.notes-composer-actions{display:flex;align-items:center;gap:16px}.notes-composer-privacy-wrapper{position:relative;display:inline-block}.notes-composer-privacy{height:32px;padding:0 28px 0 14px;border-radius:16px;border:1px solid rgba(61,59,54,.12);background:rgba(255,255,255,.5);font-family:inherit;font-size:13px;color:var(--text-color);outline:0;cursor:pointer;transition:.25s;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%233d3b36' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.notes-composer-privacy:hover{background-color:rgba(255,255,255,.9);border-color:rgba(61,59,54,.25)}.notes-composer-wordcount{font-size:12px;color:var(--accent-color);opacity:.8}.notes-composer-submit{height:34px;padding:0 20px;border-radius:17px;border:none;background:var(--text-color);color:var(--paper-color);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.25s;box-shadow:0 4px 12px rgba(61,59,54,.12)}.notes-composer-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(61,59,54,.22)}.notes-composer-submit:active:not(:disabled){transform:translateY(0)}.notes-composer-submit:disabled{background:rgba(61,59,54,.12);color:rgba(61,59,54,.35);cursor:not-allowed;box-shadow:none}.notes-timeline-container{position:relative;padding-left:32px;display:flex;flex-direction:column;gap:20px}.notes-timeline-container::before{content:'';position:absolute;left:11px;top:20px;bottom:20px;width:2px;background-color:rgba(61,59,54,.08)}.note-card{position:relative;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:12px 0 24px;display:flex;flex-direction:column;gap:16px;box-shadow:none;transition:none}.note-card::before{content:'';position:absolute;left:-28px;top:34px;width:8px;height:8px;border-radius:50%;background-color:var(--text-color);border:3px solid var(--paper-color);box-shadow:0 0 0 1px rgba(61,59,54,.12);z-index:2}.note-card:hover{transform:none;box-shadow:none;background-color:transparent}.note-header{display:flex;justify-content:space-between;align-items:center}.note-author-info{display:flex;align-items:center;gap:12px}.note-author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;flex-shrink:0}.note-author-meta{display:flex;flex-direction:column;gap:2px}.note-author-name{font-size:14px;font-weight:700;color:var(--text-color)}.note-meta-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--accent-color);opacity:.8}.note-privacy-badge{background-color:rgba(61,59,54,.04);padding:1px 6px;border-radius:4px;font-size:10px;color:var(--text-color)}.note-header-right{display:flex;align-items:center;gap:10px}.note-card-delete-btn{background:0 0;border:none;color:var(--accent-color);opacity:.4;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.25s}.note-card-delete-btn:hover{opacity:1;color:#ff3b30;background-color:rgba(255,59,48,.06)}.note-card-delete-btn svg{width:16px;height:16px}.note-content{font-size:14px;line-height:1.6;color:var(--text-color);white-space:pre-wrap;word-break:break-word}.note-actions{display:flex;align-items:center;gap:16px;padding-top:4px;margin-top:4px}.note-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:0 0;border:none;font-family:inherit;font-size:13px;color:var(--accent-color);cursor:pointer;padding:6px 12px;border-radius:20px;transition:.25s}.note-action-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;transition:transform .2s,stroke .2s,fill .2s}.note-action-btn.btn-like:hover{color:#ff3b30;background-color:rgba(255,59,48,.06)}.note-action-btn.btn-like.is-liked{color:#ff3b30}.note-action-btn.btn-like.is-liked svg{fill:#ff3b30;stroke:#ff3b30;animation:.35s cubic-bezier(.175,.885,.32,1.275) heartPop}.note-action-btn.btn-comment:hover{color:#007aff;background-color:rgba(0,122,255,.06)}.note-action-btn.btn-share:hover{color:#34c759;background-color:rgba(52,199,89,.06)}@keyframes heartPop{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}.note-comments-section{background-color:rgba(61,59,54,.03);border-radius:12px;margin-top:8px;padding:16px;display:none;flex-direction:column;gap:16px;position:relative;border:1px solid rgba(61,59,54,.05)}.note-comments-section::before{content:'';position:absolute;top:-6px;left:28px;width:10px;height:10px;background-color:#f5f3eb;transform:rotate(45deg);border-left:1px solid rgba(61,59,54,.05);border-top:1px solid rgba(61,59,54,.05)}.note-comments-section.is-active{display:flex;animation:.25s cubic-bezier(.16,1,.3,1) slideDown}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.note-comment-input-block{display:flex;gap:10px;align-items:flex-start}.note-comment-textarea{flex:1;height:36px;min-height:36px;max-height:120px;border:1px solid rgba(61,59,54,.1);border-radius:18px;padding:8px 16px;font-family:inherit;font-size:13px;color:var(--text-color);background-color:rgba(255,255,255,.8);resize:none;outline:0;line-height:1.4;transition:.25s}.note-comment-textarea:focus{border-color:rgba(61,59,54,.25);border-radius:12px;height:60px;background-color:#fff}.note-comment-submit{height:36px;padding:0 18px;border-radius:18px;border:none;background:var(--text-color);color:var(--paper-color);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.2s;align-self:flex-end}.note-comment-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.note-comment-submit:disabled{background:rgba(61,59,54,.1);color:rgba(61,59,54,.3);cursor:not-allowed}.note-comments-list{display:flex;flex-direction:column;gap:14px}.note-comment-item{display:flex;gap:10px;font-size:13px;line-height:1.5;padding-bottom:12px;border-bottom:1px solid rgba(61,59,54,.04)}.note-comment-item:last-child{padding-bottom:0;border-bottom:none}.note-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.05);display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;flex-shrink:0}.note-comment-body{flex:1;min-width:0}.note-comment-meta{display:flex;align-items:center;justify-content:space-between}.note-comment-author{font-weight:700;color:var(--text-color)}.note-comment-date{font-size:11px;color:var(--accent-color);opacity:.8}.note-comment-content{white-space:pre-wrap;word-break:break-all;color:var(--text-color);margin-top:2px;font-size:13px}.note-comment-actions{display:flex;gap:12px;margin-top:4px}.note-comment-action-btn{background:0 0;border:none;font-family:inherit;font-size:11px;color:var(--accent-color);cursor:pointer;padding:0;transition:color .2s}.note-comment-action-btn:hover{color:var(--text-color)}.note-comment-action-btn.btn-delete:hover{color:#ff3b30}.note-comment-replies-list{margin-left:38px;margin-top:8px;border-left:2px solid rgba(61,59,54,.05);padding-left:12px;display:flex;flex-direction:column;gap:8px}.friends-dynamics-card{background:0 0;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;display:flex;flex-direction:column;gap:18px;width:100%}.friends-card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text-color);margin:0}.friends-card-title-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.friends-active-badge{margin-left:auto;background-color:rgba(61,59,54,.06);color:var(--text-color);font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.friends-dynamics-list{display:flex;flex-direction:column;gap:12px}.friend-dynamic-item{display:flex;gap:12px;padding:12px;border-radius:12px;transition:.25s;cursor:pointer;border:1px solid transparent}.friend-dynamic-item:hover{background-color:rgba(255,255,255,.45);border-color:rgba(61,59,54,.04);transform:translateX(2px)}.friend-dynamic-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.04);display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;flex-shrink:0}.friend-dynamic-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.friend-dynamic-meta{display:flex;justify-content:space-between;align-items:center}.friend-dynamic-author{font-size:13px;font-weight:700;color:var(--text-color)}.friend-dynamic-time{font-size:11px;color:var(--accent-color);opacity:.8}.friend-dynamic-text{font-size:12px;line-height:1.5;color:var(--text-color);opacity:.9;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.notes-composer-preview-container{padding:0 16px 12px 52px}.notes-composer-preview-list{display:flex;flex-wrap:wrap;gap:8px}.notes-composer-preview-wrapper{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid rgba(61,59,54,.08);background-color:rgba(61,59,54,.02);transition:transform .2s}.notes-composer-preview-wrapper:hover{transform:scale(1.02)}.notes-composer-preview-img{width:100%;height:100%;object-fit:cover}.notes-composer-preview-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background-color:rgba(0,0,0,.6);color:#fff;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:12px;line-height:1;padding:0;transition:background-color .2s}.notes-composer-preview-remove:hover{background-color:rgba(0,0,0,.8)}.notes-composer-img-btn{background:0 0;border:none;color:var(--accent-color);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.notes-composer-img-btn:hover{background-color:rgba(61,59,54,.06);color:var(--text-color)}.note-images-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.note-image-container{width:150px;height:150px;border-radius:8px;overflow:hidden;cursor:zoom-in;border:1px solid rgba(61,59,54,.08);background-color:rgba(61,59,54,.02)}.note-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.note-image:hover{transform:scale(1.05)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;pointer-events:none;transition:opacity .3s}.lightbox-overlay.is-active{opacity:1;pointer-events:auto}.lightbox-img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5);transform:scale(.95);transition:transform .3s cubic-bezier(.16, 1, .3, 1)}.lightbox-overlay.is-active .lightbox-img{transform:scale(1)}.lightbox-close{position:absolute;top:24px;right:24px;color:rgba(255,255,255,.8);font-size:36px;font-weight:300;cursor:pointer;line-height:1;user-select:none;transition:transform .2s,color .2s}.lightbox-close:hover{transform:scale(1.1);color:#fff}img.friend-dynamic-avatar{object-fit:cover}.friends-dynamics-empty{font-size:13px;color:var(--accent-color);text-align:center;padding:24px 12px;opacity:.8}@keyframes note-card-highlight{0%{background-color:rgba(251,191,36,.15);box-shadow:0 0 0 4px rgba(251,191,36,.15);border-radius:8px}100%{background-color:transparent;box-shadow:none}}.note-card.highlight-active{animation:1.5s ease-out note-card-highlight}.note-author-avatar-link{text-decoration:none;display:inline-block;flex-shrink:0}.note-author-name-link{text-decoration:none;color:inherit}.note-author-name-link:hover{text-decoration:underline}.notes-composer-textarea{min-height:80px;max-height:300px;overflow-y:auto;outline:0;padding:12px 14px;border-radius:8px;background-color:rgba(61,59,54,.03);border:1px solid rgba(61,59,54,.08);color:var(--text-color);font-family:inherit;font-size:14px;line-height:1.5;word-break:break-all;white-space:pre-wrap;box-sizing:border-box;width:100%}.notes-composer-textarea:empty::before{content:attr(placeholder);color:var(--accent-color);opacity:.6;cursor:text}.notes-composer-mention-wrapper{position:relative;display:inline-block}.notes-composer-mention-btn{background:0 0;border:none;color:var(--accent-color);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.notes-composer-mention-btn:hover{background-color:rgba(61,59,54,.06);color:var(--text-color)}.notes-composer-mention-tag{color:#4a90e2!important;background-color:rgba(74,144,226,.1)!important;padding:2px 6px!important;border-radius:4px!important;font-weight:500!important;margin:0 2px!important;display:inline-block!important;user-select:none!important}.note-comment-item.highlight-active{animation:2s ease-out note-card-highlight;border-radius:4px;padding-left:6px;padding-right:6px}