.NotebookPage-module__DV9Mrq__container{--color-primary:var(--qb-primary);--color-primary-dark:var(--qb-primary-dark);--color-blue:var(--qb-stat-blue);--color-green:var(--qb-stat-green);--color-orange:var(--qb-stat-orange);--color-red:var(--qb-stat-pink);--color-gray:var(--qb-text-tertiary);--border-radius:12px;--border-radius-sm:8px;min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.NotebookPage-module__DV9Mrq__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:24px 32px;display:flex}.NotebookPage-module__DV9Mrq__headerLeft h1{color:var(--text-primary);margin:0 0 4px;font-size:28px;font-weight:700}.NotebookPage-module__DV9Mrq__headerLeft p{color:var(--color-primary);margin:0;font-size:14px}.NotebookPage-module__DV9Mrq__headerActions{gap:12px;display:flex}.NotebookPage-module__DV9Mrq__searchToggle{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__searchToggle:hover{background:var(--bg-elevated);border-color:var(--color-primary)}.NotebookPage-module__DV9Mrq__searchToggle.NotebookPage-module__DV9Mrq__active{background:var(--color-primary);border-color:var(--color-primary)}.NotebookPage-module__DV9Mrq__newNoteButton{background:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__newNoteButton:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.NotebookPage-module__DV9Mrq__searchWrapper{padding:0 32px;overflow:hidden}.NotebookPage-module__DV9Mrq__mobileSearch{margin-bottom:16px}.NotebookPage-module__DV9Mrq__searchBar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__searchBar:focus-within{border-color:var(--color-primary)}.NotebookPage-module__DV9Mrq__searchBar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.NotebookPage-module__DV9Mrq__searchBar input::placeholder,.NotebookPage-module__DV9Mrq__searchIcon{color:var(--text-muted)}.NotebookPage-module__DV9Mrq__clearButton{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.NotebookPage-module__DV9Mrq__clearButton:hover{color:var(--text-primary)}.NotebookPage-module__DV9Mrq__content{flex:1;padding:24px 32px;overflow-y:auto}.NotebookPage-module__DV9Mrq__mobileLayout{flex-direction:column;gap:16px;display:flex}.NotebookPage-module__DV9Mrq__desktopLayout{gap:24px;height:100%;display:flex}.NotebookPage-module__DV9Mrq__mainContent{flex:1;min-width:0}.NotebookPage-module__DV9Mrq__sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.NotebookPage-module__DV9Mrq__sidebarItem{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:14px 16px;font-size:14px;transition:all .15s;display:flex}.NotebookPage-module__DV9Mrq__sidebarItem:hover{background:#00bfa514}.NotebookPage-module__DV9Mrq__sidebarItem.NotebookPage-module__DV9Mrq__selected{color:var(--color-primary);background:#00bfa526}.NotebookPage-module__DV9Mrq__sidebarIcon{color:var(--text-muted)}.NotebookPage-module__DV9Mrq__sidebarItem.NotebookPage-module__DV9Mrq__selected .NotebookPage-module__DV9Mrq__sidebarIcon{color:var(--color-primary)}.NotebookPage-module__DV9Mrq__sidebarCount{color:var(--text-muted);margin-left:auto;font-size:12px}.NotebookPage-module__DV9Mrq__sidebarDivider{background:var(--border-color);height:1px;margin:8px 0}.NotebookPage-module__DV9Mrq__foldersList{flex:1;overflow-y:auto}.NotebookPage-module__DV9Mrq__newFolderButton{border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin:12px;padding:14px;font-size:13px;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__newFolderButton:hover{border-color:var(--color-primary);color:var(--color-primary)}.NotebookPage-module__DV9Mrq__folderChips{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.NotebookPage-module__DV9Mrq__folderChips::-webkit-scrollbar{display:none}.NotebookPage-module__DV9Mrq__folderChip{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__folderChip:hover{border-color:var(--color-primary)}.NotebookPage-module__DV9Mrq__folderChip.NotebookPage-module__DV9Mrq__selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.NotebookPage-module__DV9Mrq__addFolderChip{background:0 0;border-style:dashed}.NotebookPage-module__DV9Mrq__addFolderChip:hover{background:#00bfa51a}.NotebookPage-module__DV9Mrq__notesGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.NotebookPage-module__DV9Mrq__notesList{flex-direction:column;gap:12px;display:flex}.NotebookPage-module__DV9Mrq__noteCard{background:var(--overlay-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--overlay-hover);border-radius:var(--border-radius);cursor:pointer;contain:content;content-visibility:auto;contain-intrinsic-size:0 160px;will-change:transform;padding:20px;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s;position:relative;transform:translateZ(0)}.NotebookPage-module__DV9Mrq__noteCard:hover{border-color:#00bfa54d;transform:translateY(-2px)translateZ(0);box-shadow:0 8px 32px #00897b26}.NotebookPage-module__DV9Mrq__noteTitle{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.3;overflow:hidden}.NotebookPage-module__DV9Mrq__noteContent{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.NotebookPage-module__DV9Mrq__noteContent.NotebookPage-module__DV9Mrq__empty{color:var(--text-muted);font-style:italic}.NotebookPage-module__DV9Mrq__noteMeta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.NotebookPage-module__DV9Mrq__metaItem{align-items:center;gap:4px;display:flex}.NotebookPage-module__DV9Mrq__questionLink{color:var(--color-primary)}.NotebookPage-module__DV9Mrq__emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.NotebookPage-module__DV9Mrq__emptyIcon{color:var(--text-muted);opacity:.5;margin-bottom:20px}.NotebookPage-module__DV9Mrq__emptyState h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.NotebookPage-module__DV9Mrq__emptyState p{color:var(--text-secondary);max-width:300px;margin:0 0 24px;font-size:14px}.NotebookPage-module__DV9Mrq__createNoteButton{background:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__createNoteButton:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.NotebookPage-module__DV9Mrq__modalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.NotebookPage-module__DV9Mrq__editorModal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;position:relative;overflow:hidden}.NotebookPage-module__DV9Mrq__modalHeader{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.NotebookPage-module__DV9Mrq__modalTitle{margin:0;font-size:18px;font-weight:600}.NotebookPage-module__DV9Mrq__closeButton{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.NotebookPage-module__DV9Mrq__closeButton:hover{background:var(--bg-elevated);color:var(--text-primary)}.NotebookPage-module__DV9Mrq__modalBody{flex:1;padding:24px;overflow-y:auto}.NotebookPage-module__DV9Mrq__formGroup{margin-bottom:20px}.NotebookPage-module__DV9Mrq__formLabel{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.NotebookPage-module__DV9Mrq__formInput{background:var(--overlay-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);padding:12px 16px;font-size:14px;transition:all .2s}.NotebookPage-module__DV9Mrq__formInput:focus{border-color:var(--color-primary);outline:none}.NotebookPage-module__DV9Mrq__formTextarea{background:var(--overlay-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;min-height:200px;color:var(--text-primary);resize:vertical;padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .2s}.NotebookPage-module__DV9Mrq__formTextarea:focus{border-color:var(--color-primary);outline:none}.NotebookPage-module__DV9Mrq__formSelect{background:var(--overlay-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23718096' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:12px 16px;font-size:14px}.NotebookPage-module__DV9Mrq__formSelect option{background:var(--bg-card)}.NotebookPage-module__DV9Mrq__questionLinkBadge{border-radius:var(--border-radius-sm);color:var(--color-primary);background:#00bfa51a;border:1px solid #00bfa54d;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.NotebookPage-module__DV9Mrq__modalFooter{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.NotebookPage-module__DV9Mrq__deleteButton{border:1px solid var(--color-red);border-radius:var(--border-radius-sm);color:var(--color-red);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__deleteButton:hover{background:#f565651a}.NotebookPage-module__DV9Mrq__saveButton{background:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__saveButton:hover{background:var(--color-primary-dark)}.NotebookPage-module__DV9Mrq__saveButton:disabled{opacity:.6;cursor:not-allowed}.NotebookPage-module__DV9Mrq__savingIndicator{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.NotebookPage-module__DV9Mrq__dialogOverlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.NotebookPage-module__DV9Mrq__dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;max-width:400px;padding:28px}.NotebookPage-module__DV9Mrq__dialogTitle{margin:0 0 16px;font-size:18px;font-weight:600}.NotebookPage-module__DV9Mrq__dialogInput{background:var(--overlay-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);margin-bottom:20px;padding:12px 16px;font-size:14px}.NotebookPage-module__DV9Mrq__dialogInput:focus{border-color:var(--color-primary);outline:none}.NotebookPage-module__DV9Mrq__dialogText{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.NotebookPage-module__DV9Mrq__dialogActions{justify-content:flex-end;gap:12px;display:flex}.NotebookPage-module__DV9Mrq__dialogCancel{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;background:0 0;padding:10px 20px;font-size:14px;transition:all .2s}.NotebookPage-module__DV9Mrq__dialogCancel:hover{background:var(--bg-elevated)}.NotebookPage-module__DV9Mrq__dialogConfirm{background:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.NotebookPage-module__DV9Mrq__dialogConfirm:hover{background:var(--color-primary-dark)}.NotebookPage-module__DV9Mrq__dialogConfirm.NotebookPage-module__DV9Mrq__danger{background:var(--color-red)}.NotebookPage-module__DV9Mrq__dialogConfirm.NotebookPage-module__DV9Mrq__danger:hover{background:#e53e3e}.NotebookPage-module__DV9Mrq__skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-elevated)50%,var(--bg-card)75%);border-radius:var(--border-radius-sm);background-size:200% 100%;animation:1.5s infinite NotebookPage-module__DV9Mrq__shimmer}@keyframes NotebookPage-module__DV9Mrq__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.NotebookPage-module__DV9Mrq__skeletonHeader{height:80px;margin-bottom:24px}.NotebookPage-module__DV9Mrq__skeletonSidebar{width:220px;height:400px}.NotebookPage-module__DV9Mrq__skeletonCard{height:140px}.NotebookPage-module__DV9Mrq__skeletonGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}@keyframes NotebookPage-module__DV9Mrq__slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.NotebookPage-module__DV9Mrq__noteCard{animation:.3s forwards NotebookPage-module__DV9Mrq__slideIn}.NotebookPage-module__DV9Mrq__noteCard:first-child{animation-delay:0s}.NotebookPage-module__DV9Mrq__noteCard:nth-child(2){animation-delay:50ms}.NotebookPage-module__DV9Mrq__noteCard:nth-child(3){animation-delay:.1s}.NotebookPage-module__DV9Mrq__noteCard:nth-child(4){animation-delay:.15s}.NotebookPage-module__DV9Mrq__noteCard:nth-child(5){animation-delay:.2s}.NotebookPage-module__DV9Mrq__noteCard:nth-child(6){animation-delay:.25s}@media (max-width:700px){.NotebookPage-module__DV9Mrq__header{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.NotebookPage-module__DV9Mrq__headerActions{justify-content:flex-end}.NotebookPage-module__DV9Mrq__content{padding:16px}.NotebookPage-module__DV9Mrq__notesGrid{grid-template-columns:1fr}.NotebookPage-module__DV9Mrq__editorModal{border-radius:0;max-height:100vh}.NotebookPage-module__DV9Mrq__modalBody{padding:16px}}@media (max-width:480px){.NotebookPage-module__DV9Mrq__headerLeft h1{font-size:22px}.NotebookPage-module__DV9Mrq__newNoteButton{padding:10px 14px}}@media (prefers-reduced-motion:reduce){.NotebookPage-module__DV9Mrq__noteCard{transition:none;animation:none}.NotebookPage-module__DV9Mrq__skeleton{animation:none}.NotebookPage-module__DV9Mrq__noteCard:hover{transform:none}}.NotebookPage-module__DV9Mrq__virtualContainer{scrollbar-width:thin;scrollbar-color:var(--border-color)transparent}.NotebookPage-module__DV9Mrq__virtualContainer::-webkit-scrollbar{width:6px}.NotebookPage-module__DV9Mrq__virtualContainer::-webkit-scrollbar-track{background:0 0}.NotebookPage-module__DV9Mrq__virtualContainer::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.NotebookPage-module__DV9Mrq__virtualRow{padding-right:8px}.NotebookPage-module__DV9Mrq__errorContainer{justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex}.NotebookPage-module__DV9Mrq__errorCard{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;align-items:center;max-width:400px;padding:40px;display:flex}.NotebookPage-module__DV9Mrq__errorIcon{color:var(--color-orange);margin-bottom:16px}.NotebookPage-module__DV9Mrq__errorCard h3{margin:0 0 8px;font-size:18px;font-weight:600}.NotebookPage-module__DV9Mrq__errorCard p{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.NotebookPage-module__DV9Mrq__errorDetails{color:var(--color-red);border-radius:var(--border-radius-sm);white-space:pre-wrap;word-break:break-all;background:#f565651a;max-width:100%;margin-bottom:20px;padding:12px;font-size:12px;overflow-x:auto}.NotebookPage-module__DV9Mrq__retryButton{background:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.NotebookPage-module__DV9Mrq__retryButton:hover{background:var(--color-primary-dark)}@keyframes NotebookPage-module__DV9Mrq__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.NotebookPage-module__DV9Mrq__animate-spin{animation:1s linear infinite NotebookPage-module__DV9Mrq__spin}
