:root{--note-private-gradient:linear-gradient(135deg,#667eea,#764ba2);--note-private-color:#667eea;--note-private-border:#764ba2;--note-open-gradient:linear-gradient(135deg,#48bb78,#38a169);--note-open-color:#48bb78;--note-open-border:#38a169;--note-ahpi-gradient:linear-gradient(135deg,#D4AF37,#C5A028,#B8860B);--note-ahpi-color:#D4AF37;--note-ahpi-border:#B8860B;--note-ahpi-gold-light:#FFD700;--note-ahpi-gold-dark:#8B7500;--chip-bg:#f0f4f8;--chip-text:#4a5568;--chip-border:#e2e8f0}[data-theme="dark"]{--chip-bg:#2d3748;--chip-text:#e2e8f0;--chip-border:#4a5568}.note-type-tabs{display:flex;padding:8px 12px;gap:8px;border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff)}.note-type-tabs-inner{display:flex;gap:6px;width:100%}.note-type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:2px solid transparent;border-radius:10px;background:var(--chip-bg);color:var(--chip-text);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.note-type-tab:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.note-type-tab.active{color:white;border-color:transparent}.note-type-tab[data-type="private"].active{background:var(--note-private-gradient)}.note-type-tab[data-type="open"].active{background:var(--note-open-gradient)}.note-type-tab[data-type="ahpi"].active{background:var(--note-ahpi-gradient)}.note-type-tab.disabled{opacity:0.5;cursor:not-allowed}.note-type-tab .tab-icon{font-size:1.1rem}.note-type-tab .tab-label{font-size:0.85rem}.references-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.reference-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:16px;font-size:0.85rem;font-weight:500;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text);transition:all 0.15s ease}.reference-chip.canonical{background:linear-gradient(135deg,#e0f2fe,#bfdbfe);border-color:#60a5fa;color:#1e40af}.reference-chip.ancient{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.reference-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,0.1)}.ref-chip-text{white-space:nowrap}.ref-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:rgba(0,0,0,0.1);color:inherit;font-size:1rem;line-height:1;cursor:pointer;opacity:0.7;transition:all 0.15s ease}.ref-chip-remove:hover{opacity:1;background:rgba(0,0,0,0.2)}.add-reference-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px dashed var(--border-color,#e2e8f0);border-radius:50%;background:transparent;color:var(--primary-color,#4FD1C5);cursor:pointer;transition:all 0.15s ease}.add-reference-btn:hover{border-color:var(--primary-color,#4FD1C5);background:rgba(79,209,197,0.1);transform:scale(1.1)}.add-reference-btn .material-icons{font-size:1.1rem}.no-refs{color:var(--text-secondary,#718096);font-size:0.85rem;font-style:italic}.tags-chips{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;font-size:0.8rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;color:#166534;transition:all 0.15s ease}.tag-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.08)}.tag-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:rgba(0,0,0,0.1);color:inherit;font-size:0.85rem;line-height:1;cursor:pointer;opacity:0.7}.tag-chip-remove:hover{opacity:1;background:rgba(0,0,0,0.2)}.tags-input-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1}.tag-input{flex:1;min-width:120px;padding:6px 10px;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;background:var(--card-bg,#fff);color:var(--text-color);font-size:0.85rem}.tag-input:focus{outline:none;border-color:var(--primary-color,#4FD1C5);box-shadow:0 0 0 3px rgba(79,209,197,0.1)}.range-type-selector{padding:10px 15px;border-bottom:1px solid var(--border-color,#e2e8f0)}.range-type-buttons{display:flex;gap:6px;flex-wrap:wrap}.range-type-btn{padding:8px 14px;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;background:var(--chip-bg);color:var(--text-color);font-size:0.85rem;cursor:pointer;transition:all 0.15s ease}.range-type-btn:hover{border-color:var(--primary-color,#4FD1C5);background:rgba(79,209,197,0.1)}.range-type-btn.active{background:var(--primary-color,#4FD1C5);border-color:var(--primary-color,#4FD1C5);color:white}.note-meta-section{padding:8px 15px;border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc)}.meta-row{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.meta-row:not(:last-child){border-bottom:1px solid var(--border-color,#e2e8f0)}.meta-label{display:flex;align-items:center;gap:6px;min-width:70px;color:var(--text-secondary,#718096);font-size:0.85rem;font-weight:500}.meta-label .material-icons{font-size:1rem}.meta-content{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-select{padding:8px 12px;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;background:var(--card-bg,#fff);color:var(--text-color);font-size:0.85rem;cursor:pointer;min-width:150px}.category-select:focus{outline:none;border-color:var(--primary-color,#4FD1C5)}.note-convert-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;background:var(--card-bg,#fff);color:var(--text-color);font-size:0.85rem;cursor:pointer;transition:all 0.15s ease}.note-convert-btn:hover{background:var(--chip-bg);border-color:var(--primary-color,#4FD1C5)}.note-header-private{background:var(--note-private-gradient)!important}.note-header-open{background:var(--note-open-gradient)!important}.note-header-ahpi{background:var(--note-ahpi-gradient)!important}.note-card{position:relative;padding:14px;border-radius:12px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;transition:all 0.2s ease;overflow:hidden}.note-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%}.note-card.private::before{background:var(--note-private-gradient)}.note-card.open::before{background:var(--note-open-gradient)}.note-card.ahpi::before{background:var(--note-ahpi-gradient)}.note-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.note-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.note-card-type-icon{font-size:1rem}.note-card-title{flex:1;font-weight:600;font-size:0.95rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-refs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.note-card-ref{font-size:0.75rem;padding:2px 8px;border-radius:10px;background:var(--chip-bg);color:var(--chip-text)}.note-card-preview{font-size:0.85rem;color:var(--text-secondary,#718096);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:0.75rem;color:var(--text-secondary,#718096)}.note-card-tags{display:flex;gap:4px;flex-wrap:wrap}.note-card-tag{padding:2px 6px;border-radius:8px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;font-size:0.7rem}body.night-mode .reference-chip.canonical{background:linear-gradient(135deg,#1e3a5f,#1e40af);border-color:#3b82f6;color:#93c5fd}body.night-mode .reference-chip.ancient{background:linear-gradient(135deg,#451a03,#78350f);border-color:#d97706;color:#fcd34d}body.night-mode .tag-chip{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981;color:#6ee7b7}body.night-mode .note-meta-section{background:var(--bg-secondary,#1a202c)}@media (max-width:480px){.note-type-tabs{padding:6px 8px;gap:4px}.note-type-tab{padding:8px 10px;gap:4px}.note-type-tab .tab-label{font-size:0.75rem}.meta-row{flex-direction:column;gap:6px}.meta-label{min-width:auto}.range-type-buttons{flex-wrap:wrap}.range-type-btn{flex:1;min-width:80px;text-align:center;padding:6px 8px;font-size:0.75rem}}.nlu-type-tabs-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--card-bg,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);gap:8px}.nlu-type-tabs-row .nlu-type-tabs{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nlu-type-tabs-row .nlu-type-tabs::-webkit-scrollbar{display:none}.nlu-panel-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.nlu-panel-actions .nlu-view-toggle,.nlu-panel-actions .nlu-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;background:var(--card-bg,#fff);color:var(--text-secondary,#718096);cursor:pointer;transition:all 0.15s ease}.nlu-panel-actions .nlu-view-toggle:hover,.nlu-panel-actions .nlu-refresh-btn:hover{background:var(--chip-bg,#f0f4f8);color:var(--primary-color,#4FD1C5);border-color:var(--primary-color,#4FD1C5)}.nlu-panel-actions .nlu-view-toggle.active{background:var(--primary-color,#4FD1C5);color:white;border-color:var(--primary-color,#4FD1C5)}.nlu-panel-actions .material-icons{font-size:18px}.notes-panel-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:4px}.notes-panel-header-actions .panel-header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary,#718096);cursor:pointer;transition:all 0.15s ease}.notes-panel-header-actions .panel-header-btn:hover{background:rgba(79,209,197,0.1);color:var(--primary-color,#4FD1C5)}.notes-panel-header-actions .panel-header-btn.active,.notes-panel-header-actions .notes-view-toggle.active{background:var(--primary-color,#4FD1C5);color:white}.nlu-card-trash{opacity:0.85;border-left:3px solid #9E9E9E}.nlu-card-trash:hover{opacity:1}.nlu-deleted-at{display:block;font-size:0.75rem;color:#9E9E9E;margin:4px 0;padding:2px 6px;background:rgba(158,158,158,0.1);border-radius:4px}.nlu-action-restore{color:#4CAF50!important}.nlu-action-restore:hover{background:rgba(76,175,80,0.15)!important}.nlu-action-permanent-delete{color:#f44336!important}.nlu-action-permanent-delete:hover{background:rgba(244,67,54,0.15)!important}.nlu-card-ahpi{border-left:3px solid var(--note-ahpi-color,#D4AF37);background:linear-gradient(135deg,rgba(212,175,55,0.06),rgba(197,160,40,0.04));font-family:'Noto Serif KR','Noto Serif',Georgia,serif}.nlu-card-ahpi:hover{box-shadow:0 4px 16px rgba(212,175,55,0.2)}.nlu-card-ahpi .nlu-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nlu-card-open{border-left:3px solid var(--note-open-color,#48bb78);font-family:'Noto Sans KR','Noto Sans',sans-serif}.nlu-type-tab[data-type="trash"].active{background:linear-gradient(135deg,#9E9E9E,#757575)}.nlu-detail-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border-bottom:none;flex-wrap:wrap}.nlu-detail-header .nlu-back-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--chip-bg,#f0f4f8);border:1px solid var(--chip-border,#e2e8f0);border-radius:8px;color:var(--text-color,#333);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.nlu-detail-header .nlu-back-btn:hover{background:var(--primary-color,#0F52BA);color:white;border-color:var(--primary-color,#0F52BA)}.nlu-detail-header .nlu-back-btn .material-icons{font-size:18px}.nlu-detail-header-meta{display:flex;align-items:center;gap:12px;flex:1;min-width:0;flex-wrap:wrap}.nlu-detail-ref{display:flex;align-items:center;gap:6px;font-size:0.95rem;font-weight:600;color:var(--text-color,#333);flex-shrink:0}.nlu-detail-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px;font-size:1rem;color:white}.nlu-detail-header-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nlu-header-tag-chip{display:inline-flex;align-items:center;padding:3px 8px;background:var(--chip-bg,#f0f4f8);border:1px solid var(--chip-border,#e2e8f0);border-radius:12px;font-size:0.8rem;color:var(--primary-color,#0F52BA);font-weight:500}.nlu-detail-header .nlu-detail-edit-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--primary-color,#0F52BA);border:none;border-radius:8px;color:white;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;margin-left:auto;flex-shrink:0}.nlu-detail-header .nlu-detail-edit-btn:hover{background:var(--primary-hover,#0a3d8f);transform:translateY(-1px)}.nlu-detail-header .nlu-detail-edit-btn .material-icons{font-size:18px}@media (max-width:480px){.nlu-detail-header{padding:10px 12px;gap:8px}.nlu-detail-header .nlu-back-btn{padding:6px 10px;font-size:0.85rem}.nlu-detail-header .nlu-back-btn span:not(.material-icons){display:none}.nlu-detail-ref{font-size:0.85rem}.nlu-header-tag-chip{font-size:0.75rem;padding:2px 6px}}.nlu-torah-portion-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#9f7aea,#667eea);color:white;border-radius:12px;font-size:0.85rem;font-weight:500}.nlu-torah-portion-badge .material-icons{font-size:14px}.nlu-detail-canonical-refs{display:inline-flex;align-items:center;padding:4px 10px;background:var(--chip-bg,#f0f4f8);border:1px solid var(--chip-border,#e2e8f0);border-radius:12px;font-size:0.85rem;font-weight:500;color:var(--text-color,#333)}.nlu-view-mode-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--chip-bg,#f0f4f8);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:var(--text-color,#333);cursor:pointer;transition:all 0.2s ease}.nlu-view-mode-toggle:hover{background:var(--hover-bg,#e8edf3);transform:translateY(-1px)}.nlu-view-mode-toggle .material-icons{font-size:20px}.nlu-header-edit-btn{display:none;align-items:center;gap:6px;padding:8px 14px;background:var(--primary-color,#0F52BA);border:none;border-radius:8px;color:white;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.nlu-header-edit-btn:hover{background:var(--primary-hover,#0a3d8f);transform:translateY(-1px)}.nlu-header-edit-btn .material-icons{font-size:18px}.nlu-more-menu-wrapper{position:relative}.nlu-more-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--chip-bg,#f0f4f8);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:var(--text-color,#333);cursor:pointer;transition:all 0.2s ease}.nlu-more-menu-btn:hover{background:var(--hover-bg,#e8edf3)}.nlu-more-menu-btn .material-icons{font-size:20px}.nlu-more-menu-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--card-bg,white);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.15);z-index:1000;overflow:hidden}.nlu-more-menu-dropdown.show{display:block}.nlu-more-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-color,#333);font-size:0.9rem;cursor:pointer;transition:background 0.15s ease;text-align:left}.nlu-more-menu-item:hover{background:var(--hover-bg,#f0f4f8)}.nlu-more-menu-item .material-icons{font-size:20px;color:var(--text-secondary,#666)}.nlu-more-menu-item.danger{color:#e53e3e}.nlu-more-menu-item.danger .material-icons{color:#e53e3e}.nlu-more-menu-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-color,#333);font-size:14px;cursor:pointer;transition:all 0.15s ease;text-align:left}.nlu-more-menu-dropdown button:hover{background:var(--hover-bg,#f5f5f5)}.nlu-more-menu-dropdown button .material-icons{font-size:20px;color:var(--text-secondary,#666)}.nlu-menu-danger{color:#dc3545!important;background:rgba(220,53,69,0.05)!important}.nlu-menu-danger:hover{background:rgba(220,53,69,0.15)!important}.nlu-menu-danger .material-icons{color:#dc3545!important}.nlu-filter-collapse-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--chip-bg,#f0f4f8);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:var(--text-color,#333);cursor:pointer;transition:all 0.2s ease}.nlu-filter-collapse-btn:hover{background:var(--hover-bg,#e8edf3)}.nlu-filter-collapse-btn .material-icons{font-size:20px;transition:transform 0.3s ease}.nlu-filters-collapsed .nlu-filters{display:none!important}.nlu-filters-collapsed .nlu-filter-collapse-btn .material-icons{transform:rotate(180deg)}.nlu-fullscreen-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--chip-bg,#f0f4f8);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:var(--text-color,#333);cursor:pointer;transition:all 0.2s ease}.nlu-fullscreen-btn:hover{background:var(--hover-bg,#e8edf3)}.nlu-fullscreen-btn .material-icons{font-size:20px}body.nlu-fullscreen-mode #nav-container,body.nlu-fullscreen-mode .nav-container,body.nlu-fullscreen-mode nav{display:none!important}body.nlu-fullscreen-mode .main-content{margin-left:0!important;max-width:100%!important}body.nlu-fullscreen-mode .nlu-fullscreen-btn .material-icons::after{content:'fullscreen_exit'}[data-theme="dark"] .nlu-view-mode-toggle,[data-theme="dark"] .nlu-more-menu-btn,[data-theme="dark"] .nlu-filter-collapse-btn,[data-theme="dark"] .nlu-fullscreen-btn{background:var(--chip-bg,#2d3748);border-color:var(--border-color,#4a5568);color:var(--text-color,#e2e8f0)}[data-theme="dark"] .nlu-more-menu-dropdown{background:var(--card-bg,#2d3748);border-color:var(--border-color,#4a5568)}[data-theme="dark"] .nlu-more-menu-item:hover{background:var(--hover-bg,#3d4a5c)}@media (max-width:600px){.nlu-view-mode-toggle,.nlu-more-menu-btn,.nlu-filter-collapse-btn,.nlu-fullscreen-btn{width:32px;height:32px}.nlu-view-mode-toggle .material-icons,.nlu-more-menu-btn .material-icons,.nlu-filter-collapse-btn .material-icons,.nlu-fullscreen-btn .material-icons{font-size:18px}.nlu-header-edit-btn{padding:6px 10px;font-size:0.85rem}.nlu-more-menu-dropdown{min-width:160px}.nlu-more-menu-item{padding:10px 14px;font-size:0.85rem}}.nlu-detail-header{display:flex;align-items:center;padding:12px 16px;border-bottom:none;background:transparent;gap:12px}.nlu-detail-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--chip-bg,#f0f4f8);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:var(--text-color,#333);cursor:pointer;transition:all 0.2s ease}.nlu-detail-back-btn:hover{background:var(--hover-bg,#e8edf3)}.nlu-detail-back-btn .material-icons{font-size:20px}.nlu-detail-header-title{flex:1;margin:0;font-size:1rem;font-weight:600;color:var(--text-color,#333)}.nlu-detail-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--sapphire-blue,#0F52BA);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all 0.2s ease}.nlu-detail-edit-btn:hover{background:var(--sapphire-blue-dark,#0a3d8c);transform:translateY(-1px)}.nlu-detail-edit-btn .material-icons{font-size:20px}[data-theme="dark"] .nlu-detail-header{background:transparent;border-color:transparent}[data-theme="dark"] .nlu-detail-back-btn{background:var(--chip-bg,#3d4a5c);border-color:var(--border-color,#4a5568);color:var(--text-color,#e2e8f0)}[data-theme="dark"] .nlu-detail-header-title{color:var(--text-color,#e2e8f0)}@media (max-width:600px){.nlu-detail-header{padding:10px 12px}.nlu-detail-back-btn,.nlu-detail-edit-btn{width:32px;height:32px}.nlu-detail-back-btn .material-icons,.nlu-detail-edit-btn .material-icons{font-size:18px}.nlu-detail-header-title{font-size:0.9rem}}.category-badge{display:inline-flex;align-items:center;padding:3px 10px;margin:0 4px 4px 0;border-radius:12px;font-size:12px;font-weight:500;background:linear-gradient(135deg,var(--primary-color,#0F52BA) 0%,var(--primary-dark,#003399) 100%);color:white;white-space:nowrap}.category-badge[data-category="torah_portion"]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.category-badge[data-category="ancient_hebrew"]{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.category-badge[data-category="festival"]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.category-badge[data-category="five_feasts"]{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.category-badge[data-category="new_moon"]{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.nlu-detail-social{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color,#e0e0e0)}.nlu-social-actions{display:flex;gap:16px;margin-bottom:16px}.nlu-like-btn,.nlu-comment-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color,#e0e0e0);border-radius:20px;background:transparent;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;transition:all 0.2s ease}.nlu-like-btn:hover,.nlu-comment-toggle-btn:hover{background:var(--background-secondary,#f5f5f5)}.nlu-like-btn.liked{color:#e53935;border-color:#e53935}.nlu-like-btn.liked .nlu-like-icon{color:#e53935}.nlu-like-btn .material-icons,.nlu-comment-toggle-btn .material-icons{font-size:18px}.nlu-comments-section{background:var(--background-secondary,#f9f9f9);border-radius:12px;padding:16px;max-width:100%;overflow-x:hidden;box-sizing:border-box}.nlu-comments-list{max-height:300px;overflow-y:auto;overflow-x:hidden;margin-bottom:12px;max-width:100%}.nlu-comment{background:var(--background-primary,#fff);border-radius:8px;padding:12px;margin-bottom:8px;border:1px solid var(--border-color,#e8e8e8);max-width:100%;min-width:0;box-sizing:border-box}.nlu-comment:last-child{margin-bottom:0}.nlu-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-width:0;flex-wrap:wrap}.nlu-comment-author{font-weight:600;font-size:13px;color:var(--text-primary,#333);max-width:100%;overflow-wrap:anywhere;word-break:break-word}.nlu-comment-date{font-size:12px;color:var(--text-tertiary,#999)}.nlu-comment-actions{margin-left:auto;display:flex;gap:4px;flex-shrink:0}.nlu-comment-edit-btn,.nlu-comment-delete-btn{padding:4px;border:none;background:transparent;color:var(--text-tertiary,#999);cursor:pointer;border-radius:4px;transition:all 0.2s ease}.nlu-comment-edit-btn:hover,.nlu-comment-delete-btn:hover{background:var(--background-secondary,#f0f0f0);color:var(--text-primary,#333)}.nlu-comment-delete-btn:hover{color:#e53935}.nlu-comment-edit-btn .material-icons,.nlu-comment-delete-btn .material-icons{font-size:16px}.nlu-comment-content{font-size:14px;line-height:1.5;color:var(--text-primary,#333);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.nlu-no-comments{text-align:center;color:var(--text-tertiary,#999);font-size:13px;padding:16px 0}.nlu-comment-form{display:flex;gap:8px;align-items:flex-start;margin-top:12px;max-width:100%;min-width:0}.nlu-comment-input-wrapper{flex:1;position:relative;display:flex;align-items:flex-start;min-width:0;max-width:100%}.nlu-comment-input-wrapper .nlu-comment-input{flex:1;padding-right:36px}.nlu-comment-input{flex:1;padding:10px 12px;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;font-size:14px;resize:none;background:var(--background-primary,#fff);color:var(--text-primary,#333);min-width:0;max-width:100%;box-sizing:border-box}.nlu-comment-input:focus{outline:none;border-color:var(--primary-color,#0F52BA);box-shadow:0 0 0 2px rgba(15,82,186,0.1)}.nlu-emoji-toggle-btn{position:absolute;right:4px;top:4px;padding:4px;border:none;background:transparent;color:var(--text-tertiary,#999);cursor:pointer;border-radius:4px;transition:all 0.2s ease}.nlu-emoji-toggle-btn:hover{color:var(--primary-color,#0F52BA);background:var(--background-secondary,#f0f0f0)}.nlu-emoji-toggle-btn .material-icons{font-size:20px}.nlu-emoji-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.35);z-index:9999;display:flex;align-items:center;justify-content:center;animation:nlu-emoji-fade-in 0.15s ease}@keyframes nlu-emoji-fade-in{from{opacity:0}to{opacity:1}}.nlu-emoji-popup{background:var(--background-primary,#fff);border-radius:16px;width:320px;max-width:90vw;max-height:70vh;box-shadow:0 8px 32px rgba(0,0,0,0.2);overflow:hidden;animation:nlu-emoji-slide-up 0.2s ease}@keyframes nlu-emoji-slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.nlu-emoji-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color,#e0e0e0)}.nlu-emoji-popup-title{font-size:15px;font-weight:600;color:var(--text-primary,#333)}.nlu-emoji-popup-close{padding:4px;border:none;background:transparent;color:var(--text-tertiary,#999);cursor:pointer;border-radius:50%;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.nlu-emoji-popup-close:hover{background:var(--background-secondary,#f0f0f0);color:var(--text-primary,#333)}.nlu-emoji-popup-close .material-icons{font-size:20px}.nlu-emoji-popup-body{padding:12px 16px;overflow-y:auto;max-height:calc(70vh - 52px)}.nlu-emoji-category{margin-bottom:12px}.nlu-emoji-category:last-child{margin-bottom:0}.nlu-emoji-cat-label{display:block;font-size:12px;color:var(--text-tertiary,#999);font-weight:600;margin-bottom:6px;padding-left:2px}.nlu-emoji-grid{display:flex;flex-wrap:wrap;gap:4px}.nlu-emoji-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:24px;transition:all 0.15s ease;padding:0}.nlu-emoji-btn:hover{background:var(--background-secondary,#f0f0f0);transform:scale(1.15)}.nlu-emoji-btn:active{transform:scale(0.95);background:var(--border-color,#e0e0e0)}.nlu-comment-like-btn{display:inline-flex;align-items:center;gap:2px;padding:3px;border:none;background:transparent;color:var(--text-tertiary,#999);cursor:pointer;border-radius:4px;transition:all 0.2s ease;font-size:12px}.nlu-comment-like-btn:hover{color:#e53935;background:rgba(229,57,53,0.08)}.nlu-comment-like-btn.liked{color:#e53935}.nlu-comment-like-btn .material-icons{font-size:16px}.nlu-comment-like-count{font-size:12px;min-width:8px}.nlu-comment-hide-btn{padding:4px;border:none;background:transparent;color:var(--text-tertiary,#999);cursor:pointer;border-radius:4px;transition:all 0.2s ease}.nlu-comment-hide-btn:hover{background:var(--background-secondary,#f0f0f0);color:#ff9800}.nlu-comment-hide-btn.hidden-active{color:#ff9800}.nlu-comment-hide-btn .material-icons{font-size:16px}.nlu-comment-hidden{opacity:0.6;border-style:dashed}.nlu-comment-hidden-notice{display:flex;align-items:center;gap:4px;padding:6px 8px;font-size:12px;color:#ff9800;cursor:pointer}.nlu-comment-hidden-notice .material-icons{font-size:16px}.nlu-comment-visible{}.nlu-comment-submit-btn{padding:10px 16px;background:var(--primary-color,#0F52BA);color:white;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.nlu-comment-submit-btn:hover{background:var(--primary-dark,#003399)}body.night-mode .nlu-detail-social{border-top-color:#3c3c3c}body.night-mode .nlu-like-btn,body.night-mode .nlu-comment-toggle-btn{border-color:#3c3c3c;color:#aaa}body.night-mode .nlu-like-btn:hover,body.night-mode .nlu-comment-toggle-btn:hover{background:#3c3c3c}body.night-mode .nlu-comments-section{background:#2c2c2c}body.night-mode .nlu-comment{background:#333;border-color:#3c3c3c}body.night-mode .nlu-comment-input{background:#333;border-color:#3c3c3c;color:#e0e0e0}body.night-mode .nlu-comment-content,body.night-mode .nlu-comment-author{color:#e0e0e0}body.night-mode .nlu-emoji-toggle-btn{color:#aaa}body.night-mode .nlu-emoji-toggle-btn:hover{background:#3c3c3c;color:var(--primary-color,#4488cc)}body.night-mode .nlu-emoji-popup-overlay{background:rgba(0,0,0,0.55)}body.night-mode .nlu-emoji-popup{background:#2a2a2a;box-shadow:0 8px 32px rgba(0,0,0,0.4)}body.night-mode .nlu-emoji-popup-header{border-bottom-color:#3c3c3c}body.night-mode .nlu-emoji-popup-title{color:#e0e0e0}body.night-mode .nlu-emoji-popup-close{color:#888}body.night-mode .nlu-emoji-popup-close:hover{background:#3c3c3c;color:#e0e0e0}body.night-mode .nlu-emoji-btn:hover{background:#444}body.night-mode .nlu-emoji-cat-label{color:#888}body.night-mode .nlu-comment-like-btn{color:#888}body.night-mode .nlu-comment-hide-btn{color:#888}body.night-mode .nlu-comment-hide-btn:hover{background:#3c3c3c}body.night-mode .nlu-comment-hidden-notice{color:#ff9800}.nlu-comment-reply{border-left:2px solid var(--primary-color,#0F52BA);background:var(--background-tertiary,#f5f7fa)}.nlu-comment-reply-btn{padding:4px;border:none;background:transparent;color:var(--text-tertiary,#999);cursor:pointer;border-radius:4px;transition:all 0.2s ease}.nlu-comment-reply-btn:hover{background:var(--background-secondary,#f0f0f0);color:var(--primary-color,#0F52BA)}.nlu-comment-reply-btn .material-icons{font-size:16px}.nlu-comment-edit-form,.nlu-comment-reply-form{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color,#e0e0e0)}.nlu-comment-edit-input,.nlu-comment-reply-input{width:100%;padding:8px 10px;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;font-size:13px;resize:none;background:var(--background-primary,#fff);color:var(--text-primary,#333)}.nlu-comment-edit-input:focus,.nlu-comment-reply-input:focus{outline:none;border-color:var(--primary-color,#0F52BA)}.nlu-comment-edit-actions,.nlu-comment-reply-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.nlu-comment-save-btn,.nlu-comment-submit-reply-btn{padding:6px 12px;background:var(--primary-color,#0F52BA);color:white;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all 0.2s ease}.nlu-comment-save-btn:hover,.nlu-comment-submit-reply-btn:hover{background:var(--primary-dark,#003399)}.nlu-comment-cancel-btn,.nlu-comment-cancel-reply-btn{padding:6px 12px;background:var(--background-secondary,#f0f0f0);color:var(--text-secondary,#666);border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all 0.2s ease}.nlu-comment-cancel-btn:hover,.nlu-comment-cancel-reply-btn:hover{background:var(--border-color,#ddd)}body.night-mode .nlu-comment-reply{background:#363636;border-left-color:var(--primary-color,#4488cc)}body.night-mode .nlu-comment-edit-form,body.night-mode .nlu-comment-reply-form{border-top-color:#3c3c3c}body.night-mode .nlu-comment-edit-input,body.night-mode .nlu-comment-reply-input{background:#333;border-color:#3c3c3c;color:#e0e0e0}body.night-mode .nlu-comment-cancel-btn,body.night-mode .nlu-comment-cancel-reply-btn{background:#3c3c3c;color:#aaa}.nlu-detail-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.nlu-detail-more-wrapper{position:relative}.nlu-detail-more-btn{padding:6px;border:none;background:transparent;color:var(--text-secondary,#666);cursor:pointer;border-radius:6px;transition:all 0.2s ease}.nlu-detail-more-btn:hover{background:var(--background-secondary,#f0f0f0);color:var(--text-primary,#333)}.nlu-detail-more-dropdown{position:absolute;top:100%;right:0;min-width:140px;background:var(--background-primary,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:100;overflow:hidden}.nlu-detail-share-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-primary,#333);font-size:14px;cursor:pointer;transition:background 0.2s ease}.nlu-detail-share-btn:hover{background:var(--background-secondary,#f5f5f5)}.nlu-detail-share-btn .material-icons{font-size:18px;color:var(--text-secondary,#666)}body.night-mode .nlu-detail-more-btn{color:#aaa}body.night-mode .nlu-detail-more-btn:hover{background:#3c3c3c;color:#e0e0e0}body.night-mode .nlu-detail-more-dropdown{background:#333;border-color:#444}body.night-mode .nlu-detail-share-btn{color:#e0e0e0}body.night-mode .nlu-detail-share-btn:hover{background:#3c3c3c}.nlu-share-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color,#e0e0e0);border-radius:20px;background:transparent;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;transition:all 0.2s ease}.nlu-share-btn:hover{background:var(--background-secondary,#f5f5f5);color:var(--primary-color,#0F52BA);border-color:var(--primary-color,#0F52BA)}.nlu-share-btn .material-icons{font-size:18px}body.night-mode .nlu-share-btn{border-color:#3c3c3c;color:#aaa}body.night-mode .nlu-share-btn:hover{background:#3c3c3c;color:var(--primary-color,#4488cc);border-color:var(--primary-color,#4488cc)}