@layer utilities{.sidebar-gradient{background-color:#f7f7f5;transition:background-color .3s,color .3s,border-color .3s}.dark .sidebar-gradient{background-color:#191919}.list-gradient{background-color:#fafaf8;transition:background-color .3s,color .3s,border-color .3s}.dark .list-gradient{background-color:#202020}.nav-item-active{color:#16a34a;background:#16a34a1a;font-weight:600}.dark .nav-item-active{color:#4ade80;background:#16a34a1f;font-weight:600}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d0;border-radius:999px}.dark ::-webkit-scrollbar-thumb{background:#3a3a3a}::-webkit-scrollbar-thumb:hover{background:#b0b0aa}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.note-card-inactive{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;transition:background .15s,border-color .15s}.note-card-inactive:hover{background:#0000000a;border-color:#0000000f}.dark .note-card-inactive:hover{background:#ffffff0d;border-color:#ffffff0f}.note-card-active{cursor:pointer;background:#16a34a12;border:1px solid #16a34a47;border-radius:8px}.dark .note-card-active{background:#16a34a1f;border-color:#16a34a4d}.nav-link{color:#555;cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:6px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-link svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-link:hover{color:#111;background:#0000000d}.nav-link:hover svg{opacity:1}.dark .nav-link{color:#a0a0a0}.dark .nav-link:hover{color:#f0f0f0;background:#ffffff0f}.nav-link.active{color:#16a34a;background:#16a34a1a;font-weight:600}.nav-link.active svg{opacity:1;color:#16a34a}.dark .nav-link.active{color:#4ade80;background:#16a34a1f}.dark .nav-link.active svg{color:#4ade80}.nh-search{color:#111;background:#0000000d;border:1px solid #0000;border-radius:8px;outline:none;width:100%;height:34px;padding:0 10px 0 34px;font-size:13px;transition:border-color .15s,background .15s}.nh-search::placeholder{color:#aaa}.nh-search:focus{background:#00000008;border-color:#00000026}.dark .nh-search{color:#f0f0f0;background:#ffffff12}.dark .nh-search::placeholder{color:#666}.dark .nh-search:focus{background:#ffffff0d;border-color:#ffffff1f}.nh-new-btn{color:#fff;cursor:pointer;letter-spacing:-.01em;background:#16a34a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:32px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s,opacity .15s;display:flex}.nh-new-btn:hover{background:#15803d}.nh-new-btn:active{opacity:.85}.dark .nh-new-btn{color:#fff;background:#22c55e}.dark .nh-new-btn:hover{background:#16a34a}.nh-section-label{letter-spacing:.06em;text-transform:uppercase;color:#b0b0aa;padding:14px 10px 4px;font-size:11px;font-weight:600}.dark .nh-section-label{color:#555}.nh-user-area{border-top:1px solid #00000012;align-items:center;gap:10px;padding:12px 14px;display:flex}.dark .nh-user-area{border-top-color:#ffffff14}.nh-upgrade-btn{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:calc(100% - 28px);margin:0 14px 12px;padding:8px;font-size:12px;font-weight:600;transition:opacity .15s,filter .15s;display:flex}.nh-upgrade-btn:hover{filter:brightness(1.08)}.dark .nh-upgrade-btn{color:#fff;opacity:.9;background:linear-gradient(135deg,#16a34a 0%,#166534 100%)}.dark .nh-upgrade-btn:hover{opacity:1;filter:brightness(1.08)}.nh-icon-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s,color .12s;display:flex}.nh-icon-btn:hover{color:#333;background:#0000000f}.dark .nh-icon-btn{color:#666}.dark .nh-icon-btn:hover{color:#ccc;background:#ffffff12}.nh-editor-panel{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.nh-editor-panel .notion-like-editor-wrapper{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.nh-editor-panel .tiptap-editor-content-wrapper,.nh-editor-panel .notion-like-editor-content,.nh-editor-panel [class*=editor-content]{flex:1;overflow-y:auto}