papyr-react 1.0.0

package/dist/style.css

@@ -0,0 +1,1548 @@
+._shell_j3ea5_1 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+
+._root_j3ea5_8 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  overflow: visible;
+}
+
+._canvas_j3ea5_16 {
+  width: 100%;
+  height: 100%;
+  display: block;
+  background: var(--papyr-surface, transparent);
+  border: none;
+  border-radius: 0;
+  touch-action: none;
+  user-select: none;
+}
+
+._fullscreenButton_j3ea5_27 {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  z-index: 1;
+  border: none;
+  background: var(--papyr-button-muted, rgba(255, 255, 255, 0.9));
+  border-radius: 999px;
+  width: 1.75rem;
+  height: 1.75rem;
+  font-size: 0.85rem;
+  cursor: pointer;
+  color: var(--papyr-foreground, #111827);
+  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+._fullscreenButton_j3ea5_27:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
+}
+
+._fullscreenOverlay_j3ea5_49 {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+._fullscreenBackdrop_j3ea5_58 {
+  position: absolute;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.55);
+  backdrop-filter: blur(4px);
+}
+
+._fullscreenDialog_j3ea5_65 {
+  position: relative;
+  z-index: 1;
+  width: min(1100px, calc(100vw - 2rem));
+  height: min(720px, calc(100vh - 2rem));
+  background: var(--papyr-surface, #fff);
+  border-radius: 1rem;
+  box-shadow: 0 20px 80px rgba(15, 23, 42, 0.35);
+  display: flex;
+  flex-direction: column;
+}
+
+._fullscreenHeader_j3ea5_77 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
+  font-weight: 600;
+}
+
+._fullscreenClose_j3ea5_86 {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-size: 0.9rem;
+  color: var(--papyr-muted-foreground, #475569);
+}
+
+._fullscreenBody_j3ea5_94 {
+  flex: 1;
+  padding: 1rem;
+}
+
+._fullscreenGraph_j3ea5_99 {
+  height: 100%;
+  min-height: 20rem;
+}
+
+._emptyState_j3ea5_104 {
+  position: absolute;
+  inset: 0.75rem;
+  display: grid;
+  place-items: center;
+  pointer-events: none;
+  text-align: center;
+  font-size: 0.9rem;
+  color: var(--papyr-muted-foreground, rgba(71, 85, 105, 0.9));
+}
+
+._node_j3ea5_115 {
+  cursor: pointer;
+  transition: opacity 0.25s ease, stroke-width 0.25s ease;
+}
+
+._isActive_j3ea5_120 {
+  fill: var(--papyr-primary, #6366f1) !important;
+}
+
+._label_j3ea5_124 {
+  font-size: 11px;
+  font-weight: 400;
+  letter-spacing: 0.01em;
+  text-transform: none;
+  fill: rgba(255, 255, 255, 0.85);
+  stroke: none;
+  dominant-baseline: hanging;
+  pointer-events: none;
+  transition: opacity 0.25s ease;
+}
+._frame_187pj_1 {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border-radius: 0.9rem;
+  border: 1px solid var(--papyr-border, rgba(15, 23, 42, 0.12));
+  background: var(--papyr-surface, #ffffff);
+  color: var(--papyr-foreground, #0f172a);
+  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
+}
+
+._header_187pj_12 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+._title_187pj_19 {
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  font-weight: 700;
+  color: var(--papyr-muted-foreground, #64748b);
+}
+
+._subtitle_187pj_27 {
+  margin-top: 0.25rem;
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: var(--papyr-foreground, #111827);
+}
+
+._badge_187pj_34 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2.5rem;
+  height: 1.5rem;
+  padding: 0 0.5rem;
+  border-radius: 999px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  background: rgba(99, 102, 241, 0.12);
+  color: var(--papyr-accent, #4f46e5);
+}
+
+._canvas_187pj_48 {
+  width: 100%;
+  height: 160px;
+  border-radius: 0.75rem;
+  border: 1px solid rgba(148, 163, 184, 0.25);
+  background: radial-gradient(circle at top, rgba(226, 232, 240, 0.6), rgba(248, 250, 252, 0.9));
+}
+
+._glow_187pj_56 {
+  fill: url(#papyr-mini-graph-glow);
+}
+
+._edge_187pj_60 {
+  stroke: rgba(99, 102, 241, 0.4);
+  stroke-width: 1.1;
+}
+
+._node_187pj_65 {
+  fill: rgba(30, 64, 175, 0.9);
+  stroke: rgba(255, 255, 255, 0.85);
+  stroke-width: 0.9;
+}
+
+._emptyState_187pj_71 {
+  font-size: 0.75rem;
+  text-align: center;
+  color: var(--papyr-muted-foreground, #6b7280);
+}
+._container_1vncr_1 {
+  display: grid;
+  gap: 1.5rem;
+  width: 100%;
+  max-width: 72ch;
+  margin: 0 auto;
+  min-width: 0;
+}
+
+._header_1vncr_10 {
+  display: grid;
+  gap: 0.5rem;
+  width: 100%;
+  min-width: 0;
+}
+
+._breadcrumbs_1vncr_17 {
+  font-size: 0.875rem;
+}
+
+._title_1vncr_21 {
+  font-size: 2rem;
+  line-height: 1.2;
+}
+
+._summary_1vncr_26 {
+  margin: 0;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.7));
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+._metaRow_1vncr_33 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.6));
+  font-size: 0.875rem;
+}
+
+._tagList_1vncr_43 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+}
+
+._tag_1vncr_43 {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.25rem 0.65rem;
+  border-radius: 999px;
+  background: var(--papyr-tag-background, rgba(99, 102, 241, 0.12));
+  color: var(--papyr-tag-foreground, #6366f1);
+  font-weight: 500;
+  font-size: 0.8rem;
+}
+
+._tagEmpty_1vncr_60 {
+  font-size: 0.85rem;
+  color: var(--papyr-muted-foreground, #6b7280);
+}
+
+._metaList_1vncr_65 {
+  display: flex;
+  gap: 0.75rem;
+  margin: 0;
+}
+
+._metaItem_1vncr_71 {
+  display: grid;
+  gap: 0.1rem;
+}
+
+._metaItem_1vncr_71 dt {
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-weight: 600;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.5));
+}
+
+._metaItem_1vncr_71 dd {
+  margin: 0;
+  font-weight: 600;
+  color: var(--papyr-foreground, #e0e0e0);
+}
+
+._content_1vncr_90 {
+  line-height: 1.7;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+._content_1vncr_90 pre {
+  font-family: var(
+    --papyr-mono-font,
+    'JetBrains Mono',
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    'Liberation Mono',
+    'Courier New',
+    monospace
+  );
+}
+
+._content_1vncr_90 .hljs {
+  background: transparent;
+  color: inherit;
+}
+
+._codeBlockWrapper_1vncr_119 {
+  position: relative;
+  margin: 1.5rem 0;
+  border-radius: 0.9rem;
+  border: 1px solid var(--papyr-border-strong, rgba(15, 23, 42, 0.25));
+  background: var(--papyr-code-surface, linear-gradient(135deg, #0f172a, #111827));
+  color: var(--papyr-code-foreground, #e2e8f0);
+  box-shadow: 0 16px 35px rgba(15, 23, 42, 0.35);
+  overflow: hidden;
+  max-width: 100%;
+}
+
+._codeBlockHeader_1vncr_131 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.65rem 1rem;
+  gap: 0.75rem;
+  background: var(--papyr-code-header, rgba(15, 23, 42, 0.75));
+  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
+}
+
+._codeBlockLanguage_1vncr_141 {
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--papyr-code-label, rgba(148, 163, 184, 0.9));
+}
+
+._copyButton_1vncr_149 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.35rem 0.85rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  border: 1px solid rgba(148, 163, 184, 0.35);
+  border-radius: 0.65rem;
+  background: rgba(30, 41, 59, 0.35);
+  color: var(--papyr-code-label, rgba(226, 232, 240, 0.9));
+  cursor: pointer;
+  transition: none;
+  margin-left: auto;
+}
+
+._copyButton_1vncr_149:hover,
+._copyButton_1vncr_149:active {
+  background: rgba(30, 41, 59, 0.55);
+  color: var(--papyr-code-label, rgba(226, 232, 240, 0.9));
+}
+
+._copyButton_1vncr_149:focus-visible {
+  background: rgba(30, 41, 59, 0.55);
+  color: var(--papyr-code-label, rgba(226, 232, 240, 0.9));
+  outline: 2px solid rgba(99, 102, 241, 0.6);
+  outline-offset: 2px;
+}
+
+._codeBlockPre_1vncr_178 {
+  margin: 0;
+  padding: 1.25rem 1.5rem;
+  background: transparent;
+  overflow-x: auto;
+  width: 100%;
+  max-width: 100%;
+  font-size: 0.85rem;
+  line-height: 1.75;
+}
+
+._codeBlockPre_1vncr_178::-webkit-scrollbar {
+  height: 8px;
+}
+
+._codeBlockPre_1vncr_178::-webkit-scrollbar-thumb {
+  background: rgba(148, 163, 184, 0.25);
+  border-radius: 999px;
+}
+
+._codeBlockCode_1vncr_198 {
+  background: transparent;
+  display: block;
+  min-width: max-content;
+  color: inherit;
+}
+
+._linkedNotes_1vncr_205 {
+  border-top: 1px solid var(--papyr-border, rgba(15, 23, 42, 0.08));
+  padding-top: 1.5rem;
+  margin-top: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+._linkedNotesHeader_1vncr_214 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+._linkedNotesTitle_1vncr_220 {
+  font-size: 0.95rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  margin: 0;
+  color: var(--papyr-muted-foreground, #6b7280);
+}
+
+._linkedNotesCount_1vncr_229 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.75rem;
+  height: 1.5rem;
+  border-radius: 999px;
+  padding: 0 0.5rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--papyr-count-foreground, #4338ca);
+  background: var(--papyr-count-background, rgba(67, 56, 202, 0.12));
+}
+
+._linkedNotesList_1vncr_243 {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+._linkedNotesItem_1vncr_252 {
+  margin: 0;
+  padding: 0;
+}
+
+._linkedNoteLink_1vncr_257 {
+  color: var(--papyr-link, #6366f1);
+  text-decoration: none;
+  font-weight: 500;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+
+._linkedNoteLink_1vncr_257:hover,
+._linkedNoteLink_1vncr_257:focus-visible {
+  text-decoration: underline;
+}
+._trigger_j6udx_1 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+
+._highlight_j6udx_7 {
+  cursor: pointer;
+  text-decoration: underline;
+  text-decoration-style: dotted;
+}
+
+._panel_j6udx_13 {
+  position: absolute;
+  z-index: 20;
+  min-width: 16rem;
+  max-width: min(24rem, 80vw);
+  padding: 0.75rem 1rem;
+  background: var(--papyr-surface, #1e1e1e);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
+  border-radius: 0.75rem;
+  border: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.08));
+  animation: _fadeIn_j6udx_1 150ms ease-out;
+}
+
+@keyframes _fadeIn_j6udx_1 {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._panel_j6udx_13 {
+    animation: none;
+  }
+}
+._container_1raaj_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+  max-width: 24rem;
+}
+
+._title_1raaj_8 {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--papyr-foreground, #e0e0e0);
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._excerpt_1raaj_18 {
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.7));
+  margin: 0;
+}
+
+._empty_1raaj_25 {
+  font-size: 0.875rem;
+  font-style: italic;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.5));
+  margin: 0;
+}
+
+._tags_1raaj_32 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+._tag_1raaj_32 {
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: var(--papyr-tag-foreground, #6366f1);
+  background: var(--papyr-tag-background, rgba(99, 102, 241, 0.12));
+  border-radius: 999px;
+  padding: 0.15rem 0.75rem;
+}
+._list_bm9au_1 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.375rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.6));
+  font-size: 0.875rem;
+}
+
+._item_bm9au_12 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+
+._item_bm9au_12[aria-current="page"] span {
+  color: var(--papyr-foreground, #e0e0e0);
+  font-weight: 500;
+}
+
+._separator_bm9au_23 {
+  color: var(--papyr-border, rgba(255, 255, 255, 0.3));
+}
+
+._link_bm9au_27 {
+  color: inherit;
+  text-decoration: none;
+}
+
+._link_bm9au_27:hover {
+  text-decoration: underline;
+}
+
+._link_bm9au_27:focus-visible {
+  outline: 2px solid var(--papyr-primary, #6366f1);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+._viewport_1tgm1_1 {
+  position: fixed;
+  bottom: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  z-index: 1000;
+  pointer-events: none;
+}
+
+._toast_1tgm1_13 {
+  min-width: 260px;
+  max-width: 360px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 12px 16px;
+  border-radius: 12px;
+  background: var(--papyr-toast-background, rgba(28, 36, 52, 0.95));
+  color: var(--papyr-toast-foreground, #f9fafb);
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
+  pointer-events: auto;
+  animation: _toastEnter_1tgm1_1 200ms ease-out;
+}
+
+@keyframes _toastEnter_1tgm1_1 {
+  from {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._toast_1tgm1_13 {
+    animation: none;
+  }
+}
+
+._message_1tgm1_46 {
+  flex: 1;
+  font-size: 0.875rem;
+  line-height: 1.4;
+}
+
+._closeButton_1tgm1_52 {
+  border: none;
+  background: rgba(255, 255, 255, 0.12);
+  color: inherit;
+  border-radius: 999px;
+  padding: 8px 14px;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s ease;
+  min-height: 36px;
+}
+
+._closeButton_1tgm1_52:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+._closeButton_1tgm1_52:focus-visible {
+  background: rgba(255, 255, 255, 0.2);
+  outline: 2px solid rgba(255, 255, 255, 0.5);
+  outline-offset: 2px;
+}
+._wrapper_1suuy_1 {
+  display: grid;
+  gap: 0.5rem;
+}
+
+._input_1suuy_6 {
+  appearance: none;
+  border-radius: 6px;
+  border: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.1));
+  padding: 0.625rem 0.875rem;
+  font-size: 1rem;
+  background: var(--papyr-input-bg, rgba(255, 255, 255, 0.05));
+  color: var(--papyr-foreground, #e0e0e0);
+  transition: border-color 150ms ease, box-shadow 150ms ease;
+}
+
+._input_1suuy_6::placeholder {
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.5));
+}
+
+._input_1suuy_6:focus {
+  outline: none;
+  border-color: var(--papyr-primary, #6366f1);
+  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
+}
+._container_r50hu_1 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+._tag_r50hu_7 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.35rem 0.75rem;
+  font-size: 0.875rem;
+  border-radius: 1.5rem;
+  cursor: pointer;
+  background: var(--papyr-surface-muted, rgba(255, 255, 255, 0.08));
+  border: 1px solid transparent;
+  color: var(--papyr-foreground, #e0e0e0);
+  transition: border-color 150ms ease, background 150ms ease, color 150ms ease;
+}
+
+._tag_r50hu_7:hover {
+  background: var(--papyr-surface-hover, rgba(255, 255, 255, 0.12));
+}
+
+._tag_r50hu_7:focus-visible {
+  outline: 2px solid var(--papyr-primary, #6366f1);
+  outline-offset: 2px;
+}
+
+._tagActive_r50hu_30 {
+  background: var(--papyr-primary-soft, rgba(99, 102, 241, 0.15));
+  border-color: var(--papyr-primary, rgba(99, 102, 241, 0.4));
+  color: var(--papyr-primary, #6366f1);
+}
+._container_vip00_1 {
+  position: relative;
+  width: 100%;
+  flex-shrink: 0; /* Prevent container from growing */
+}
+
+._input_vip00_7 {
+  width: 100%;
+  padding: 8px 12px;
+  border: 1px solid var(--papyr-border, #e5e7eb);
+  border-radius: 6px;
+  background: var(--papyr-background, #ffffff);
+  color: var(--papyr-foreground, #1f2937);
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.2s ease;
+}
+
+._input_vip00_7:focus {
+  border-color: var(--papyr-primary, #6366f1);
+  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+}
+
+._dropdown_vip00_24 {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background: var(--papyr-background, #ffffff);
+  border: 1px solid var(--papyr-border, #e5e7eb);
+  border-radius: 6px;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+  max-height: 400px;
+  overflow-y: auto;
+  z-index: 1000;
+  margin-top: 4px;
+}
+
+._category_vip00_39 {
+  padding: 8px 0;
+}
+
+._categoryTitle_vip00_43 {
+  padding: 8px 12px 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--papyr-muted-foreground, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  border-bottom: 1px solid var(--papyr-border, #e5e7eb);
+  margin-bottom: 4px;
+}
+
+._resultItem_vip00_54 {
+  display: flex;
+  align-items: flex-start;
+  padding: 8px 12px;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+  position: relative;
+}
+
+._resultItem_vip00_54:hover {
+  background: var(--papyr-hover, #f9fafb);
+}
+
+._resultItemSelected_vip00_67 {
+  background: var(--papyr-active, #f3f4f6);
+}
+
+._resultItemSelected_vip00_67 ._resultTitle_vip00_71 {
+  color: var(--papyr-active-foreground, #1f2937);
+}
+
+._resultItemSelected_vip00_67 ._resultExcerpt_vip00_75 {
+  color: var(--papyr-active-foreground-muted, #4b5563);
+}
+
+
+._titleMatch_vip00_80 {
+  border-left: 3px solid var(--papyr-primary, #6366f1);
+}
+
+._headingMatch_vip00_84 {
+  border-left: 3px solid var(--papyr-accent, #10b981);
+}
+
+._resultTitle_vip00_71 {
+  flex: 1;
+  font-weight: 500;
+  color: var(--papyr-foreground, #1f2937);
+  font-size: 14px;
+  line-height: 1.4;
+  margin-bottom: 2px;
+}
+
+._resultExcerpt_vip00_75 {
+  flex: 1;
+  color: var(--papyr-muted-foreground, #6b7280);
+  font-size: 0.8125rem;
+  line-height: 1.4;
+  margin-top: 2px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+
+._highlight_vip00_110 {
+  background: rgba(59, 130, 246, 0.5);  /* Blue highlight */
+  color: #1e293b;  /* Dark text - always readable */
+  font-weight: 600;
+  padding: 0 2px;
+  border-radius: 2px;
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  ._input_vip00_7 {
+    background: var(--papyr-background, #1f2937);
+    border-color: var(--papyr-border, #374151);
+    color: var(--papyr-foreground, #f9fafb);
+  }
+
+  ._input_vip00_7:focus {
+    border-color: var(--papyr-primary, #818cf8);
+  }
+
+  ._dropdown_vip00_24 {
+    background: var(--papyr-background, #1f2937);
+    border-color: var(--papyr-border, #374151);
+  }
+
+  ._categoryTitle_vip00_43 {
+    color: var(--papyr-muted, #9ca3af);
+    border-bottom-color: var(--papyr-border, #374151);
+  }
+
+  ._resultItem_vip00_54:hover {
+    background: var(--papyr-hover, #374151);
+  }
+
+  ._resultItemSelected_vip00_67 {
+    background: var(--papyr-active, #4b5563);
+  }
+
+  ._resultItemSelected_vip00_67 ._resultTitle_vip00_71 {
+    color: var(--papyr-active-foreground, #f9fafb);
+  }
+
+  ._resultItemSelected_vip00_67 ._resultExcerpt_vip00_75 {
+    color: var(--papyr-active-foreground-muted, #d1d5db);
+  }
+
+  ._resultTitle_vip00_71 {
+    color: var(--papyr-foreground, #f9fafb);
+  }
+
+  ._resultExcerpt_vip00_75 {
+    color: var(--papyr-muted, #9ca3af);
+  }
+}
+/* Base container styles */
+._container_1dw3c_2 {
+  width: 100%;
+  flex-shrink: 0; /* Prevent container from growing */
+}
+
+._containerCompact_1dw3c_7 {
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.05));
+}
+
+/* Base input styles */
+._input_1dw3c_13 {
+  width: 100%;
+  padding: 0.625rem 0.875rem;
+  background: var(--papyr-input-bg, rgba(255, 255, 255, 0.05));
+  border: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.1));
+  border-radius: 6px;
+  color: var(--papyr-foreground, #e0e0e0);
+  font-size: 0.875rem;
+  font-family: inherit;
+  outline: none;
+  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+._input_1dw3c_13::placeholder {
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.4));
+}
+
+._input_1dw3c_13:focus {
+  background: var(--papyr-input-bg-focus, rgba(255, 255, 255, 0.08));
+  border-color: var(--papyr-border-focus, rgba(100, 108, 255, 0.5));
+  box-shadow: 0 0 0 3px var(--papyr-focus-ring, rgba(100, 108, 255, 0.1));
+}
+
+/* Compact variant for sidebars */
+._inputCompact_1dw3c_37 {
+  padding: 0.5rem 0.75rem;
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+
+/* Remove default search input styling */
+._input_1dw3c_13::-webkit-search-cancel-button,
+._input_1dw3c_13::-webkit-search-decoration {
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+._input_1dw3c_13[type="search"]::-ms-clear {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+._fileHierarchy_15xp0_1 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--papyr-surface-sidebar, #1e1e1e);
+  border-right: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.1));
+  color: var(--papyr-foreground, #e0e0e0);
+  font-size: 0.875rem;
+}
+
+._header_15xp0_11 {
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.05));
+  flex-shrink: 0;
+}
+
+._sectionTitle_15xp0_17 {
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  font-weight: 600;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.6));
+}
+
+/* Search container - fixed height, doesn't expand */
+._searchContainer_15xp0_26 {
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.05));
+  flex-shrink: 0;
+}
+
+/* Scrollable container with hidden scrollbar */
+._scrollContainer_15xp0_33 {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0.5rem 0;
+  
+  /* Hide scrollbar but keep functionality */
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+}
+
+._scrollContainer_15xp0_33::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
+
+._tree_15xp0_48 {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+._treeItem_15xp0_54 {
+  list-style: none;
+  user-select: none;
+}
+
+/* Folder header */
+._folderHeader_15xp0_60 {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.25rem 0.75rem;
+  border-radius: 4px;
+  cursor: default;
+  transition: background-color 0.15s ease;
+}
+
+._folderHeaderClickable_15xp0_70 {
+  cursor: pointer;
+}
+
+._folderHeaderClickable_15xp0_70:hover ._folderName_15xp0_74 {
+  color: var(--papyr-hover, #a1a1aa) !important;
+}
+
+._folderHeaderClickable_15xp0_70:hover ._chevron_15xp0_78 {
+  color: var(--papyr-hover, #a1a1aa) !important;
+}
+
+._folderHeaderClickable_15xp0_70:active ._folderName_15xp0_74 {
+  color: var(--papyr-active, #71717a) !important;
+}
+
+._folderHeaderClickable_15xp0_70:active ._chevron_15xp0_78 {
+  color: var(--papyr-active, #71717a) !important;
+}
+
+._folderHeaderClickable_15xp0_70:focus-visible {
+  outline: 2px solid var(--papyr-primary, #6366f1);
+  outline-offset: -2px;
+}
+
+/* Chevron icon */
+._chevron_15xp0_78 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  font-size: 1rem;
+  line-height: 1;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.5));
+  transform: rotate(0deg);
+  transition: transform 0.15s ease;
+}
+
+._chevronExpanded_15xp0_109 {
+  transform: rotate(90deg);
+}
+
+/* Folder name */
+._folderName_15xp0_74 {
+  font-weight: 500;
+  color: var(--papyr-foreground, #e0e0e0);
+  flex: 1;
+  min-width: 0;
+  white-space: normal;
+  word-break: break-word;
+}
+
+/* Children container */
+._children_15xp0_124 {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  padding-left: 1.25rem;
+  border-left: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.08));
+  margin-left: 0.5rem;
+}
+
+/* Note items */
+._noteItem_15xp0_134 {
+  list-style: none;
+}
+
+._noteButton_15xp0_138 {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+  width: 100%;
+  padding: 0.25rem 1.5rem 0.25rem 0.75rem;
+  border: none;
+  background: transparent;
+  color: var(--papyr-foreground, rgba(255, 255, 255, 0.8));
+  text-align: left;
+  cursor: pointer;
+  border-radius: 4px;
+  font-size: 0.875rem;
+  font-family: inherit;
+  transition: background-color 0.15s ease, color 0.15s ease;
+  white-space: normal;
+  word-break: break-word;
+}
+
+._noteLabel_15xp0_157 {
+  flex: 1;
+  min-width: 0;
+  display: block;
+  box-sizing: border-box;
+  padding-right: 0;
+  white-space: normal;
+  overflow-wrap: anywhere;
+}
+
+._noteButton_15xp0_138:hover {
+  color: var(--papyr-hover, #a1a1aa) !important;
+}
+
+._noteButton_15xp0_138:active {
+  color: var(--papyr-active, #71717a) !important;
+}
+
+._noteButton_15xp0_138:focus-visible {
+  outline: 2px solid var(--papyr-primary, #6366f1);
+  outline-offset: -2px;
+}
+
+._noteButtonActive_15xp0_180 {
+  color: var(--papyr-active-item, #6366f1) !important;
+  font-weight: 600;
+}
+
+._noteButtonActive_15xp0_180:hover {
+  color: var(--papyr-active-item-hover, #4f46e5) !important;
+}
+
+._noteButtonSearchMatch_15xp0_189 {
+  color: var(--papyr-search-match, #fbbf24) !important;
+  font-weight: 600;
+}
+
+._noteButtonSearchMatch_15xp0_189:hover {
+  color: var(--papyr-search-match-hover, #f59e0b) !important;
+}
+
+._emptyState_15xp0_198 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.6));
+  font-size: 0.875rem;
+  text-align: center;
+  height: 100%;
+}
+._container_f89dg_1 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 3rem 2rem;
+  text-align: center;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.6));
+}
+
+._icon_f89dg_11 {
+  margin-bottom: 1.5rem;
+  opacity: 0.8;
+}
+
+._emoji_f89dg_16 {
+  font-size: 3rem;
+  line-height: 1;
+}
+
+._title_f89dg_21 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin: 0 0 0.75rem 0;
+  color: var(--papyr-foreground, rgba(255, 255, 255, 0.9));
+}
+
+._description_f89dg_28 {
+  font-size: 1rem;
+  margin: 0 0 1.5rem 0;
+  max-width: 32rem;
+  line-height: 1.6;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.6));
+}
+
+._actions_f89dg_36 {
+  margin-top: 0;
+  display: flex;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+._container_13ske_1 {
+  display: grid;
+  gap: 0;
+  width: 100%;
+  grid-template-rows: 1fr;
+  position: relative;
+}
+
+._skipLink_13ske_9 {
+  position: absolute;
+  left: -9999px;
+  z-index: 999;
+  padding: 0.5rem 1rem;
+  background: var(--papyr-primary, #6366f1);
+  color: #fff;
+  text-decoration: none;
+  font-weight: 500;
+  border-radius: 4px;
+}
+
+._skipLink_13ske_9:focus {
+  left: 0.5rem;
+  top: 0.5rem;
+}
+
+._containerFullHeight_13ske_26 {
+  height: 100vh;
+  height: 100dvh;
+  overflow: hidden;
+}
+
+._containerAutoHeight_13ske_32 {
+  min-height: 100vh;
+}
+
+._sidebar_13ske_36 {
+  background: var(--papyr-sidebar-background, transparent);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  border-right: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.06));
+}
+
+._sidebarScrollArea_13ske_46 {
+  flex: 1;
+  height: 100%;
+  min-height: 0;
+}
+
+._sidebarScrollAreaFullHeight_13ske_52 {
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  /* Break scroll chaining */
+  overscroll-behavior: contain;
+}
+
+._sidebarScrollAreaAutoHeight_13ske_60 {
+  overflow: visible;
+}
+
+._sidebarScrollAreaHiddenScrollbars_13ske_64 {
+  /* Hide scrollbars while keeping scrollability */
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+
+._sidebarScrollAreaHiddenScrollbars_13ske_64::-webkit-scrollbar {
+  display: none; /* Chrome/Safari/Opera */
+}
+
+._main_13ske_74 {
+  background: var(--papyr-background, #1a1a1a);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+._mainScrollArea_13ske_85 {
+  flex: 1;
+  height: 100%;
+  min-height: 0;
+  max-width: 100%;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+._mainScrollAreaFullHeight_13ske_94 {
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  /* Break scroll chaining - keep main content scroll independent */
+  overscroll-behavior: contain;
+}
+
+._mainScrollAreaAutoHeight_13ske_102 {
+  overflow: visible;
+}
+._container_1ttbz_1 {
+  display: flex;
+  width: 100%;
+  gap: 0;
+  min-height: 0;
+  position: relative;
+}
+
+._skipLink_1ttbz_9 {
+  position: absolute;
+  left: -9999px;
+  z-index: 999;
+  padding: 0.5rem 1rem;
+  background: var(--papyr-primary, #6366f1);
+  color: #fff;
+  text-decoration: none;
+  font-weight: 500;
+  border-radius: 4px;
+}
+
+._skipLink_1ttbz_9:focus {
+  left: 0.5rem;
+  top: 0.5rem;
+}
+
+._containerFullHeight_1ttbz_26 {
+  height: 100vh;
+  height: 100dvh;
+  overflow: hidden;
+}
+
+._containerAutoHeight_1ttbz_32 {
+  min-height: 100vh;
+}
+
+._sidebar_1ttbz_36 {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%;
+  min-height: 0;
+  background: var(--papyr-sidebar-background, transparent);
+  border-right: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.06));
+}
+
+._sidebar_1ttbz_36 + ._sidebar_1ttbz_36 {
+  border-right: none;
+  border-left: 1px solid var(--papyr-border, rgba(255, 255, 255, 0.06));
+}
+
+._sidebarScrollArea_1ttbz_51 {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+  min-height: 0;
+  
+  /* Break scroll chaining - prevent scroll from propagating to main content */
+  overscroll-behavior: contain;
+}
+
+._sidebarScrollAreaHiddenScrollbars_1ttbz_62 {
+  /* Hide scrollbars for all browsers */
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+
+._sidebarScrollAreaHiddenScrollbars_1ttbz_62::-webkit-scrollbar {
+  display: none; /* Chrome/Safari/Opera */
+}
+
+._main_1ttbz_72 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%;
+  min-height: 0;
+  min-width: 0;
+  max-width: 100%;
+  background: var(--papyr-background, #1a1a1a);
+}
+
+._mainScrollArea_1ttbz_84 {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  min-height: 0;
+  max-width: 100%;
+  overflow-wrap: break-word;
+  word-break: break-word;
+
+  /* Break scroll chaining - keep main content scroll independent */
+  overscroll-behavior: contain;
+
+  /* Content padding for breathing room */
+  padding: 2rem 2.5rem;
+
+  /* Hide scrollbar but keep functionality */
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+._mainScrollArea_1ttbz_84::-webkit-scrollbar {
+  display: none;
+}
+._container_1uvfd_1 {
+  display: flex;
+  flex-direction: column;
+  padding: 0.75rem 0;
+  border-radius: 0;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  color: var(--papyr-foreground, #e0e0e0);
+  gap: 0.35rem;
+}
+
+._list_1uvfd_13 {
+  --toc-rail-offset: 0.12rem;
+  --toc-rail-gap: 0.02rem;
+  --toc-rail-width: 2px;
+  position: relative;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-left: calc(var(--toc-rail-offset) + var(--toc-rail-gap));
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+._list_1uvfd_13::before {
+  content: '';
+  position: absolute;
+  left: var(--toc-rail-offset);
+  top: 0;
+  bottom: 0;
+  width: var(--toc-rail-width);
+  background: var(--papyr-border, rgba(255, 255, 255, 0.15));
+  border-radius: 999px;
+  pointer-events: none;
+  z-index: 0;
+}
+
+._item_1uvfd_40 {
+  --toc-indent: 0rem;
+  position: relative;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.7));
+  line-height: 1.35;
+  font-size: 0.875rem;
+}
+
+._itemActive_1uvfd_48 {
+  color: var(--papyr-foreground, #e0e0e0);
+}
+
+._itemActive_1uvfd_48::before {
+  content: '';
+  position: absolute;
+  left: calc(var(--toc-rail-gap) * -1);
+  top: 0;
+  bottom: 0;
+  width: var(--toc-rail-width);
+  background: var(--papyr-primary, #6366f1);
+  border-radius: 0;
+  pointer-events: none;
+  z-index: 1;
+}
+
+._link_1uvfd_65 {
+  display: block;
+  padding: 0.35rem 0.6rem 0.35rem calc(var(--toc-indent, 0rem) + 0.2rem);
+  border-radius: 0;
+  text-decoration: none;
+  color: inherit;
+  transition: color 0.2s ease, background 0.2s ease;
+}
+
+._link_1uvfd_65:hover {
+  color: var(--papyr-foreground, #e0e0e0);
+  background: var(--papyr-surface-hover, rgba(99, 102, 241, 0.12));
+}
+
+._link_1uvfd_65:focus-visible {
+  outline: 2px solid var(--papyr-primary, #6366f1);
+  outline-offset: -2px;
+}
+
+._linkActive_1uvfd_84 {
+  background: var(--papyr-active-background, rgba(99, 102, 241, 0.15));
+  color: var(--papyr-foreground, #e0e0e0);
+  box-shadow: none;
+  border-radius: 0;
+}
+
+._level1_1uvfd_91 {
+  --toc-indent: 0.4rem;
+  font-weight: 600;
+  color: var(--papyr-foreground, #e0e0e0);
+  margin-top: 0.6rem;
+}
+
+._level1_1uvfd_91:first-child {
+  margin-top: 0;
+}
+
+._level2_1uvfd_102 {
+  --toc-indent: 0.75rem;
+}
+
+._level3_1uvfd_106 {
+  --toc-indent: 1.5rem;
+}
+
+._level4_1uvfd_110 {
+  --toc-indent: 2.25rem;
+}
+
+._level5_1uvfd_114 {
+  --toc-indent: 3rem;
+}
+
+._level6_1uvfd_118 {
+  --toc-indent: 3.75rem;
+}
+
+._level2_1uvfd_102,
+._level3_1uvfd_106,
+._level4_1uvfd_110,
+._level5_1uvfd_114,
+._level6_1uvfd_118 {
+  font-size: 0.8125rem;
+  color: var(--papyr-muted-foreground, rgba(255, 255, 255, 0.65));
+}