.np-page{margin-top:58px;min-height:70vh;z-index:2;position:relative}.np-container{max-width:1200px;margin:0 auto;background:var(--color-background);padding:0;box-shadow:0 4px 20px #00000026;overflow:hidden}.np-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:linear-gradient(135deg,#ff436c14,#ff65890a);border-bottom:1px solid rgba(255,67,108,.15);gap:var(--spacing-md)}.np-header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.np-header-right{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.np-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,67,108,.3);box-shadow:0 0 15px #ff436c33;flex-shrink:0;cursor:pointer;transition:all var(--transition-fast)}.np-avatar:hover{transform:scale(1.05);border-color:#ff436c80;box-shadow:0 0 20px #ff436c4d}.np-avatar img{width:100%;height:100%;object-fit:cover}.np-avatar-placeholder{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:800;font-family:var(--font-family-headings);text-shadow:0 2px 4px rgba(0,0,0,.3)}.np-author-details{flex:1;min-width:0}.np-author-name{font-size:1.25rem;font-weight:700;font-family:var(--font-family-headings);margin:0 0 4px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-author-username{font-size:.9rem;color:var(--color-text-secondary);margin:0;font-family:var(--font-family-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-action-icons{display:flex;align-items:center;gap:var(--spacing-sm)}.np-icon-btn{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ff436c14;border:1px solid rgba(255,67,108,.25);border-radius:50%;color:var(--color-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.1rem}.np-icon-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#ff436c66,#ff658933);opacity:0;transition:opacity .3s ease;z-index:-1}.np-icon-btn:hover{transform:translateY(-2px) scale(1.05);background:#ff436c26;border-color:#ff436c80;box-shadow:0 0 20px #ff436c4d,0 4px 15px #0003}.np-icon-btn:hover:before{opacity:1}.np-icon-btn:active{transform:translateY(0) scale(.98)}.np-icon-btn.liked{background:#ff436c33;border-color:#ff436c80;color:var(--color-primary)}.np-icon-inner{display:flex}.np-icon-btn.liked .np-icon-inner{animation:np-heartBeat .6s ease}.np-icon-btn.copied{background:#10b98126;border-color:#10b98166;color:#10b981}.np-icon-btn.edit-mode{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24}.np-icon-btn.save-mode{background:#10b98126;border-color:#10b98166;color:#10b981}.np-icon-btn.delete-mode{background:#ef444426;border-color:#ef444466;color:#ef4444}.np-like-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;background:var(--gradient-primary);border:2px solid var(--color-background);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #ff436c66;animation:np-pulse 2s ease-in-out infinite}@keyframes np-heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}}@keyframes np-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff436c66}50%{transform:scale(1.05);box-shadow:0 2px 12px #ff436c99}}.np-separator{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,67,108,.15) 20%,rgba(255,67,108,.3) 50%,rgba(255,67,108,.15) 80%,transparent 100%);margin:0 var(--spacing-xl)}.np-meta{padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.np-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.np-meta-icon{font-size:1rem;color:var(--color-primary)}.np-meta-label{font-weight:600;color:var(--color-text)}.np-meta-value{color:var(--color-text-secondary)}.np-content{position:relative;padding:var(--spacing-sm)}.np-editor{font-size:1rem;line-height:1.7;color:var(--color-text);font-family:var(--font-family-main)}.np-edit-container{width:100%}.np-edit-editor{margin-bottom:var(--spacing-lg);min-height:300px}.np-edit-access{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#ff436c0d;border:1px solid rgba(255,67,108,.2);border-radius:var(--border-radius-md)}.np-edit-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text);font-size:.9rem;font-family:var(--font-family-main)}.np-edit-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-sm);font-size:.9rem;font-family:var(--font-family-main);cursor:pointer;transition:all var(--transition-fast)}.np-edit-select:hover,.np-edit-select:focus{border-color:#ff436c4d;outline:none}.np-edit-tiers{padding:var(--spacing-md);background:#ff436c0d;border:1px solid rgba(255,67,108,.2);border-radius:var(--border-radius-md)}.np-no-tiers{color:var(--color-text-secondary);font-size:.875rem;font-style:italic;margin:0}.np-tiers-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.np-tier-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.np-tier-item:hover{background:#ff436c0d;border-color:#ff436c4d}.np-checkbox-wrap{display:flex;align-items:center;cursor:pointer;margin:0}.np-checkbox-input{display:none}.np-checkbox-indicator{width:20px;height:20px;border:2px solid rgba(255,67,108,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.np-checkbox-input:checked+.np-checkbox-indicator{background:var(--gradient-primary);border-color:var(--color-primary)}.np-checkbox-input:checked+.np-checkbox-indicator:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.np-tier-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.np-tier-name{font-weight:600;color:var(--color-text);font-size:.9rem}.np-tier-price{color:var(--color-primary);font-weight:700;font-size:.9rem}.np-access-badge-wrap{margin-top:var(--spacing-sm);display:inline-block}.np-access-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#ff436c33,#ff658926);border:1px solid rgba(255,67,108,.3);color:var(--color-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--border-radius-xl);box-shadow:0 4px 15px #ff436c26,inset 0 1px #ffffff1a;font-family:var(--font-family-main)}.np-comments-section{padding:0;background:var(--color-surface)}.np-comments-section .comments-close-btn{display:none}.np-comments-icon{font-size:1.5rem;color:var(--color-primary)}.np-comments-title{font-size:1rem;font-weight:400;font-family:var(--font-family-headings);margin:0;color:var(--color-text)}.np-comments-section .comments-drawer{position:static;width:100%;height:auto;box-shadow:none;border:none;transform:none;background:transparent}.np-comments-section .comments-form-container{position:static;padding:var(--spacing-md) var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.05)}.np-comments-section .comments-list{padding:var(--spacing-sm) var(--spacing-sm);overflow-y:visible;max-height:none}.note-overlay .overlay-content{border-radius:0;border:0}@media (max-width: 768px){.np-comments-header{padding:var(--spacing-md) var(--spacing-sm)}.np-comments-icon{font-size:1.25rem}.np-comments-title{font-size:1.1rem}.np-comments-section .comments-form-container{padding:var(--spacing-md) var(--spacing-sm)}.np-comments-section .comments-list{padding:var(--spacing-sm) var(--spacing-sm)}}@media (max-width: 768px){.np-page,.np-header{padding:var(--spacing-sm)}.np-avatar{width:48px;height:48px}.np-avatar-placeholder{font-size:20px}.np-author-name{font-size:1.1rem}.np-author-username{font-size:.85rem}.np-icon-btn{width:40px;height:40px;font-size:1rem}.np-like-badge{top:-4px;right:-4px;min-width:18px;height:18px;font-size:.65rem}.np-meta{padding:var(--spacing-md) var(--spacing-sm)}.np-separator{margin:0 var(--spacing-lg)}.np-meta-item{font-size:.8rem}.np-meta-icon{font-size:.9rem}.np-content{padding:var(--spacing-sm)}}@media (max-width: 480px){.np-container{border-radius:var(--border-radius-md)}.np-avatar{width:44px;height:44px}.np-avatar-placeholder{font-size:18px}.np-icon-btn{width:38px;height:38px;font-size:.95rem}.np-content{padding:var(--spacing-xs)}}