@researai/deepscientist 1.5.0 → 1.5.1

package/src/ui/dist/assets/LabPlugin-D9jVIo0A.css

@@ -0,0 +1,2698 @@
+.lab-root {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  flex: 1 1 auto;
+  height: 100%;
+  width: 100%;
+  overflow: visible;
+  border-radius: 0;
+  background: transparent;
+  --lab-bg: #f6f6f6;
+  --lab-surface: #ffffff;
+  --lab-surface-muted: #f0f0f0;
+  --lab-surface-strong: #e9e9e9;
+  --lab-background: var(--lab-surface-muted);
+  --lab-border: #e2e2e2;
+  --lab-border-strong: #cfcfcf;
+  --lab-text-primary: #111111;
+  --lab-text-secondary: #4f4f4f;
+  --lab-text-muted: #8a8a8a;
+  --lab-accent: #c4a066;
+  --lab-accent-strong: #b48d4f;
+  --lab-danger: #b42318;
+  --lab-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 12px 26px rgba(0, 0, 0, 0.06);
+  --lab-dark: rgba(32, 33, 38, 0.78);
+  --lab-radius: 14px;
+  --lab-spacing-xs: 4px;
+  --lab-spacing-sm: 8px;
+  --lab-spacing-md: 12px;
+  --lab-spacing-lg: 16px;
+  --lab-spacing-xl: 24px;
+  --lab-text-xs: 10px;
+  --lab-text-sm: 12px;
+  --lab-text-base: 14px;
+  --lab-text-lg: 16px;
+  --lab-duration-fast: 150ms;
+  --lab-duration-normal: 250ms;
+  --lab-duration-slow: 400ms;
+  --lab-z-dropdown: 100;
+  --lab-z-modal: 200;
+  --lab-z-toast: 300;
+  --lab-avatar-palette: #c7c7c7, #b6b6b6, #a5a5a5, #949494, #838383, #727272, #616161, #505050, #3f3f3f;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-root {
+  background: transparent;
+  --lab-bg: #141518;
+  --lab-surface: #1c1d22;
+  --lab-surface-muted: #17181c;
+  --lab-surface-strong: #23252b;
+  --lab-background: var(--lab-surface-muted);
+  --lab-border: rgba(255, 255, 255, 0.08);
+  --lab-border-strong: rgba(255, 255, 255, 0.16);
+  --lab-text-primary: #f1e9de;
+  --lab-text-secondary: #c5bdb2;
+  --lab-text-muted: #9a9389;
+  --lab-accent: #d2b077;
+  --lab-accent-strong: #e0bf88;
+  --lab-danger: #f08c84;
+  --lab-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 18px 36px rgba(0, 0, 0, 0.45);
+  --lab-dark: rgba(12, 13, 16, 0.85);
+  --lab-avatar-palette: #504b45, #5a5450, #65605c, #706a66, #7b746f, #87807b, #928a85, #9d958f, #a89f99;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-card-hover:hover {
+  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.55);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-status-dot {
+  background: #6a6d73;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-status-dot-idle, :is(.dark, [data-theme="dark"]) .lab-status-dot-running {
+  background: #82bca0;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-status-dot-busy {
+  background: #d2b077;
+}
+
+#workspace-root[data-lab-onboarding='true']::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: rgba(12, 12, 12, 0.38);
+  z-index: 70;
+  pointer-events: auto;
+}
+
+#workspace-root[data-lab-onboarding='true'] {
+  position: relative;
+}
+
+#workspace-root[data-lab-onboarding='true'] .ds-copilot-dock .ds-copilot-glass {
+  border-color: rgba(212, 175, 55, 0.7);
+  box-shadow:
+    0 0 0 1px rgba(212, 175, 55, 0.5),
+    0 18px 42px rgba(34, 28, 12, 0.35);
+}
+
+#workspace-root[data-lab-onboarding='true'] .ds-copilot-dock {
+  filter: drop-shadow(0 20px 48px rgba(212, 175, 55, 0.2));
+  position: relative;
+  z-index: 80;
+  pointer-events: auto;
+}
+
+.lab-onboarding-exit {
+  margin-left: auto;
+  border-radius: 999px;
+  border: 1px solid rgba(212, 175, 55, 0.5);
+  padding: 4px 10px;
+  font-size: 11px;
+  color: rgba(68, 52, 20, 0.85);
+  background: rgba(212, 175, 55, 0.12);
+  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
+}
+
+.lab-onboarding-exit:hover {
+  background: rgba(212, 175, 55, 0.2);
+  border-color: rgba(212, 175, 55, 0.7);
+  color: rgba(48, 36, 10, 0.95);
+}
+
+.lab-pi-onboarding-banner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin: 12px 16px 0 16px;
+  padding: 10px 12px;
+  border-radius: 12px;
+  border: 1px solid rgba(212, 175, 55, 0.4);
+  background: rgba(255, 247, 232, 0.7);
+  color: var(--lab-text-primary);
+  font-size: 12px;
+}
+
+.lab-pi-onboarding-banner button {
+  border-radius: 8px;
+  border: 1px solid rgba(30, 20, 8, 0.2);
+  padding: 4px 10px;
+  font-size: 11px;
+  background: rgba(255, 255, 255, 0.7);
+  color: rgba(38, 26, 10, 0.9);
+  transition: background 150ms ease, border-color 150ms ease;
+}
+
+.lab-pi-onboarding-banner button:hover {
+  background: rgba(255, 255, 255, 0.9);
+  border-color: rgba(30, 20, 8, 0.35);
+}
+
+.lab-pi-onboarding-title {
+  font-weight: 600;
+  font-size: 12px;
+}
+
+.lab-pi-onboarding-subtitle {
+  margin-top: 2px;
+  color: var(--lab-text-secondary);
+  font-size: 11px;
+}
+
+.lab-card {
+  border-radius: 14px;
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface);
+  box-shadow: var(--lab-shadow);
+}
+
+.lab-panel {
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 0;
+  border-radius: 14px;
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface);
+  box-shadow: var(--lab-shadow);
+}
+
+.lab-card-hover {
+  transition: transform 240ms ease, box-shadow 240ms ease;
+}
+
+.lab-root button {
+  transition: transform var(--lab-duration-fast) ease;
+}
+
+.lab-root button:active {
+  transform: scale(0.97);
+}
+
+[data-motion='off'] .lab-root button:active {
+  transform: none;
+}
+
+.lab-card-hover:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 24px 60px rgba(51, 48, 40, 0.18);
+}
+
+@keyframes labEnterScale {
+  from {
+    transform: scale(0.95);
+    opacity: 0;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+[data-motion='off'] .lab-card-hover {
+  transition: none;
+}
+
+[data-motion='off'] .lab-card-hover:hover {
+  transform: none;
+  box-shadow: var(--lab-shadow);
+}
+
+.lab-card-hover:focus-visible {
+  outline: 2px solid var(--lab-accent);
+  outline-offset: 2px;
+}
+
+@keyframes labTerminalProgressIndeterminate {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(240%);
+  }
+}
+
+@keyframes labTerminalProgressPulse {
+  0%,
+  100% {
+    background: var(--lab-border);
+  }
+  50% {
+    background: color-mix(in srgb, var(--lab-accent) 30%, var(--lab-border));
+  }
+}
+
+.lab-avatar {
+  position: relative;
+  display: grid;
+  place-items: center;
+  border-radius: 16px;
+  background: var(--lab-surface-muted);
+  border: 1px solid var(--lab-border);
+  width: 44px;
+  height: 44px;
+  flex-shrink: 0;
+}
+
+.lab-avatar::before {
+  display: none;
+}
+
+.lab-avatar img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  border-radius: inherit;
+  opacity: 1;
+  position: relative;
+  z-index: 1;
+}
+
+.lab-avatar-ring {
+  position: absolute;
+  inset: -4px;
+  border-radius: 18px;
+  border: 2px solid transparent;
+  transition: border-color 300ms ease, box-shadow 300ms ease;
+}
+
+.lab-avatar-sm {
+  width: 32px;
+  height: 32px;
+  border-radius: 12px;
+}
+
+.lab-avatar-sm img {
+  width: 100%;
+  height: 100%;
+}
+
+.lab-status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: #b6b6b6;
+}
+
+.lab-status-dot-idle, .lab-status-dot-running {
+  background: #7a7a7a;
+}
+
+.lab-status-dot-busy {
+  background: #8a8a8a;
+}
+
+.lab-status-indicator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface-muted);
+  color: var(--lab-text-secondary);
+  flex-shrink: 0;
+}
+
+.lab-status-indicator-working {
+  border-color: transparent;
+  background: transparent;
+}
+
+.lab-status-indicator-waiting {
+  border-color: rgba(173, 134, 82, 0.35);
+  background: rgba(173, 134, 82, 0.14);
+  color: #7c5a2e;
+}
+
+.lab-status-orbit {
+  gap: 0;
+  line-height: 0;
+}
+
+@keyframes labStatusSpin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.lab-status-waiting .lab-avatar-ring {
+  animation: labWaitingPulse 2.8s ease-in-out infinite;
+}
+
+[data-motion='off'] .lab-status-waiting .lab-avatar-ring {
+  animation: none;
+}
+
+
+.lab-section-tabs {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+}
+
+.lab-section-tab {
+  position: relative;
+  padding: 8px 2px 12px;
+  font-size: 15px;
+  color: var(--lab-text-secondary);
+  transition: color 160ms ease;
+}
+
+.lab-section-tab:hover {
+  color: var(--lab-text-primary);
+}
+
+.lab-section-tab-active {
+  color: var(--lab-text-primary);
+  font-weight: 600;
+}
+
+.lab-section-tab-indicator {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  height: 2px;
+  border-radius: 999px;
+  background: var(--lab-accent);
+}
+
+.lab-copilot-header {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  width: 100%;
+  min-width: 0;
+  flex-wrap: wrap;
+  container-type: inline-size;
+  container-name: lab-copilot-header;
+}
+
+.lab-copilot-tabs {
+  flex: 1 1 auto;
+  min-width: 0;
+  flex-wrap: wrap;
+  -moz-column-gap: 18px;
+       column-gap: 18px;
+  row-gap: 6px;
+}
+
+.lab-copilot-agent {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  flex: 0 0 auto;
+  margin-left: auto;
+}
+
+.lab-copilot-agent-meta {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.lab-copilot-agent-name {
+  max-width: 220px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-copilot-agent-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--lab-text-secondary);
+  white-space: nowrap;
+}
+
+@container lab-copilot-header (max-width: 440px) {
+  .lab-copilot-agent-name {
+    display: none;
+  }
+}
+
+.lab-copilot-menu {
+  width: min(420px, 92vw);
+  border-radius: 16px;
+  border: 1px solid var(--lab-border-strong);
+  background: var(--lab-surface);
+  background: color-mix(in srgb, var(--lab-surface) 86%, transparent);
+  backdrop-filter: blur(18px) saturate(140%);
+  -webkit-backdrop-filter: blur(18px) saturate(140%);
+  box-shadow: var(--lab-shadow);
+  padding: 14px;
+}
+
+.lab-copilot-menu-section {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.lab-copilot-menu-section + .lab-copilot-menu-section {
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid var(--lab-border);
+}
+
+.lab-copilot-menu-title {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--lab-text-muted);
+}
+
+.lab-copilot-menu-muted {
+  font-size: 12px;
+  color: var(--lab-text-muted);
+}
+
+.lab-copilot-entity-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.lab-copilot-entity {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  max-width: 160px;
+  padding: 4px 8px 4px 4px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface-muted);
+  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
+}
+
+.lab-copilot-entity.is-manageable {
+  cursor: context-menu;
+}
+
+.lab-copilot-entity.is-manageable:hover {
+  border-color: var(--lab-border-strong);
+  background: var(--lab-surface-strong);
+}
+
+.lab-copilot-entity-name {
+  max-width: 110px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-copilot-entity-add {
+  width: 34px;
+  height: 34px;
+  padding: 0;
+  justify-content: center;
+  border-style: dashed;
+  color: var(--lab-text-muted);
+  cursor: pointer;
+}
+
+.lab-copilot-entity-add:hover:not(:disabled) {
+  color: var(--lab-text-primary);
+}
+
+.lab-copilot-entity-add:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.lab-copilot-search {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  border-radius: 12px;
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface-muted);
+  color: var(--lab-text-muted);
+}
+
+.lab-copilot-search-input {
+  flex: 1;
+  border: none;
+  background: transparent;
+  font-size: 12px;
+  color: var(--lab-text-primary);
+}
+
+.lab-copilot-search-input:focus {
+  outline: none;
+}
+
+.lab-copilot-search-results {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 220px;
+  overflow-y: auto;
+}
+
+.lab-copilot-search-result {
+  text-align: left;
+  border-radius: 12px;
+  border: 1px solid transparent;
+  padding: 8px 10px;
+  background: var(--lab-surface);
+  transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
+}
+
+.lab-copilot-search-result:hover {
+  border-color: var(--lab-border-strong);
+  background: var(--lab-surface-strong);
+}
+
+.lab-copilot-search-title {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+}
+
+.lab-copilot-search-excerpt {
+  margin-top: 2px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-copilot-menu-select {
+  min-height: 38px;
+  width: 100%;
+  font-size: 12px;
+}
+
+.lab-copilot-overflow-trigger {
+  border-color: var(--lab-border);
+}
+
+.lab-copilot-context-menu {
+  position: fixed;
+  z-index: 10020;
+  min-width: 160px;
+  padding: 6px;
+  border-radius: 10px;
+  border: 1px solid color-mix(in srgb, var(--lab-border, #cfcfcf) 80%, #c8c8c8);
+  background: color-mix(in srgb, var(--lab-surface, #ffffff) 90%, #f2f2f2);
+  box-shadow: var(--lab-shadow);
+}
+
+.lab-copilot-context-item {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 8px;
+  border-radius: 8px;
+  padding: 8px 10px;
+  font-size: 12px;
+  text-align: left;
+  color: var(--lab-text-primary);
+}
+
+.lab-copilot-context-menu button {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 8px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  border-radius: 8px;
+  padding: 8px 10px;
+  font-size: 12px;
+  text-align: left;
+  color: var(--lab-text-primary);
+}
+
+.lab-copilot-context-menu button:hover:not(:disabled) {
+  background: var(--lab-surface-strong);
+}
+
+.lab-copilot-context-menu button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.lab-copilot-add-dialog {
+  max-width: 520px;
+  width: min(520px, 92vw);
+}
+
+.lab-copilot-add-title {
+  font-size: 16px;
+  color: var(--lab-text-primary);
+}
+
+.lab-copilot-add-subtitle {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-copilot-add-list {
+  margin-top: 12px;
+  display: grid;
+  gap: 8px;
+  max-height: 320px;
+  overflow-y: auto;
+}
+
+.lab-copilot-add-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border-radius: 12px;
+  border: 1px solid var(--lab-border);
+  padding: 8px 12px;
+  background: var(--lab-surface);
+  text-align: left;
+  width: 100%;
+  cursor: pointer;
+  transition: border-color 160ms ease, background 160ms ease;
+}
+
+.lab-copilot-add-row:hover {
+  border-color: var(--lab-border-strong);
+  background: var(--lab-surface-strong);
+}
+
+.lab-copilot-add-row.is-selected {
+  border-color: var(--lab-accent);
+  background: rgba(196, 160, 102, 0.12);
+}
+
+.lab-copilot-add-check {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 6px;
+  border: 1px solid var(--lab-border);
+  color: var(--lab-text-secondary);
+}
+
+.lab-copilot-add-row.is-selected .lab-copilot-add-check {
+  border-color: var(--lab-accent);
+  color: var(--lab-accent);
+}
+
+.lab-copilot-add-name {
+  flex: 1;
+  font-size: 12px;
+  color: var(--lab-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-copilot-add-empty {
+  margin-top: 12px;
+  font-size: 12px;
+  color: var(--lab-text-muted);
+}
+
+.lab-copilot-add-footer {
+  margin-top: 8px;
+  gap: 8px;
+}
+
+[data-motion='off'] .magicui-border-beam,
+[data-motion='off'] .magicui-grid-pattern,
+[data-motion='off'] .aceternity-moving-border {
+  animation: none;
+}
+
+.lab-moment-card {
+  display: grid;
+  grid-template-columns: 48px minmax(0, 1fr);
+  gap: 18px;
+  padding: 22px 8px 24px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  background: transparent;
+  align-items: flex-start;
+}
+
+.lab-moment-main {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+}
+
+.lab-moment-card:last-child {
+  border-bottom-color: transparent;
+}
+
+.lab-moment-avatar {
+  width: 38px;
+  height: 38px;
+  border-radius: 12px;
+}
+
+.lab-moment-avatar img {
+  border-radius: inherit;
+}
+
+.lab-moment-avatar span {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--lab-text-secondary);
+  position: relative;
+  z-index: 1;
+}
+
+.lab-moment-name {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--lab-text-secondary);
+}
+
+.lab-moment-timestamp {
+  font-size: 10px;
+  color: var(--lab-text-muted);
+}
+
+.lab-message-timestamp {
+  margin-top: 6px;
+  font-size: 10px;
+  color: var(--lab-text-muted);
+}
+
+.lab-moment-content {
+  font-size: var(--lab-text-base);
+  color: var(--lab-text-primary);
+  line-height: 1.7;
+}
+
+.lab-moment-content :is(p, ul, ol) {
+  margin: 0 0 6px;
+}
+
+.lab-moment-content :is(ul, ol) {
+  padding-left: var(--lab-spacing-lg);
+}
+
+.lab-moment-media {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  gap: var(--lab-spacing-sm);
+}
+
+.lab-moment-media-item {
+  border-radius: 12px;
+  overflow: hidden;
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface-muted);
+  aspect-ratio: 1 / 1;
+}
+
+.lab-moment-media-item img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  display: block;
+}
+
+.lab-moment-meta-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  margin-top: 4px;
+}
+
+.lab-moment-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.lab-moment-action {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  font-weight: 600;
+  border-radius: 999px;
+  padding: 2px 8px;
+  border: 1px solid transparent;
+  color: var(--lab-text-secondary);
+  background: transparent;
+  transition: background-color var(--lab-duration-fast) ease, border-color var(--lab-duration-fast) ease, color var(--lab-duration-fast) ease;
+}
+
+.lab-moment-action:hover:not(:disabled) {
+  background: var(--lab-surface-muted);
+  border-color: var(--lab-border-strong);
+  color: var(--lab-text-primary);
+}
+
+.lab-moment-action.is-active {
+  border-color: var(--lab-accent);
+  color: var(--lab-text-primary);
+}
+
+.lab-moment-action:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+.lab-moment-reactions {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  background: var(--lab-surface-muted);
+  border: 1px solid var(--lab-border);
+  border-radius: 10px;
+  padding: 8px 10px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-moment-like-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 600;
+  color: var(--lab-text-secondary);
+  flex-wrap: wrap;
+}
+
+.lab-moment-like-names {
+  color: var(--lab-text-primary);
+}
+
+.lab-moment-comment-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  line-height: 1.4;
+}
+
+.lab-moment-comment-name {
+  font-weight: 600;
+  color: var(--lab-text-primary);
+}
+
+.lab-moment-comment-sep {
+  color: var(--lab-text-muted);
+}
+
+.lab-moment-comment-text {
+  color: var(--lab-text-secondary);
+}
+
+.lab-moment-comment {
+  display: flex;
+  flex-direction: column;
+  gap: var(--lab-spacing-xs);
+  margin-top: 8px;
+}
+
+.lab-friends-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.lab-moment-comment-input {
+  width: 100%;
+  border-radius: 12px;
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface-muted);
+  padding: 8px 10px;
+  font-size: 12px;
+  color: var(--lab-text-primary);
+  resize: vertical;
+  min-height: 64px;
+}
+
+.lab-moment-comment-input:focus {
+  outline: 2px solid color-mix(in srgb, var(--lab-accent) 50%, transparent);
+  outline-offset: 2px;
+}
+
+.lab-moment-comment-actions {
+  display: flex;
+  gap: var(--lab-spacing-xs);
+  justify-content: flex-end;
+}
+
+.lab-moment-action-secondary {
+  background: transparent;
+  border-color: var(--lab-border);
+}
+
+.lab-moment-action-primary {
+  background: var(--lab-accent);
+  border-color: transparent;
+  color: #111111;
+}
+
+.lab-moment-action-primary:hover:not(:disabled) {
+  background: var(--lab-accent-strong);
+  color: #111111;
+}
+
+.lab-message-highlight {
+  animation: labMessageFlash 1.2s ease;
+  box-shadow: 0 0 0 1px rgba(196, 160, 102, 0.3), 0 0 12px rgba(196, 160, 102, 0.35);
+}
+
+[data-motion='off'] .lab-message-highlight {
+  animation: none;
+}
+
+@keyframes labLinkFlow {
+  0% {
+    transform: translateX(-60%);
+    opacity: 0;
+  }
+  30% {
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(60%);
+    opacity: 0;
+  }
+}
+
+@keyframes labNodePulse {
+  0%, 100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
+  }
+  50% {
+    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.08);
+  }
+}
+
+@keyframes labNodeBlocked {
+  0%, 100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
+  }
+  50% {
+    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+  }
+}
+
+@keyframes labTopProgress {
+  0% {
+    transform: translateX(-60%);
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(260%);
+    opacity: 0.3;
+  }
+}
+
+@keyframes labSkeletonShimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+@keyframes labMessageFlash {
+  0% {
+    background-color: rgba(196, 160, 102, 0.15);
+  }
+  100% {
+    background-color: transparent;
+  }
+}
+
+@keyframes labCheckPop {
+  0% {
+    transform: scale(0.9);
+    opacity: 0.4;
+  }
+  60% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0.9;
+  }
+}
+
+@keyframes labNodeComplete {
+  0% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
+  }
+  50% {
+    box-shadow: 0 0 0 10px rgba(196, 160, 102, 0.2);
+  }
+  100% {
+    box-shadow: 0 0 0 1px rgba(196, 160, 102, 0.2);
+  }
+}
+
+@keyframes labGradientShift {
+  0% {
+    background-position: 0% 0%;
+  }
+  50% {
+    background-position: 80% 40%;
+  }
+  100% {
+    background-position: 0% 0%;
+  }
+}
+
+@keyframes labIdlePulse {
+  0%, 100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
+  }
+  50% {
+    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
+  }
+}
+
+@keyframes labWorkingPulse {
+  0%, 100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
+  }
+  50% {
+    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.12);
+  }
+}
+
+@keyframes labWaitingPulse {
+  0%, 100% {
+    box-shadow: 0 0 0 0 rgba(160, 120, 70, 0.0);
+  }
+  50% {
+    box-shadow: 0 0 0 7px rgba(160, 120, 70, 0.2);
+  }
+}
+
+@keyframes labTerminalBreath {
+  0%, 100% {
+    box-shadow: 0 6px 16px -14px rgba(0, 0, 0, 0.35);
+    transform: translateY(0);
+  }
+  50% {
+    box-shadow: 0 12px 24px -18px rgba(0, 0, 0, 0.45);
+    transform: translateY(-1px);
+  }
+}
+
+@keyframes labTerminalDot {
+  0%, 100% {
+    box-shadow: 0 0 0 0 rgba(196, 160, 102, 0.0);
+  }
+  50% {
+    box-shadow: 0 0 0 6px rgba(196, 160, 102, 0.25);
+  }
+}
+
+.lab-decision-filter {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.lab-decision-filter__chip {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  padding: 4px 8px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border);
+  background: transparent;
+  color: var(--lab-text-secondary);
+  cursor: pointer;
+}
+
+.lab-decision-filter__chip.is-active {
+  background: rgba(17, 17, 17, 0.9);
+  color: #ffffff;
+  border-color: rgba(17, 17, 17, 0.9);
+}
+
+@keyframes labDecisionPulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(196, 160, 102, 0.2);
+  }
+  100% {
+    box-shadow: 0 0 0 14px rgba(196, 160, 102, 0);
+  }
+}
+
+@keyframes labDecisionEmblemFloat {
+  0%,
+  100% {
+    transform: translateY(0) rotate(0deg);
+  }
+  50% {
+    transform: translateY(-2px) rotate(-2deg);
+  }
+}
+
+@keyframes labOrbDrift {
+  0%,
+  100% {
+    transform: translate3d(0, 0, 0);
+  }
+  50% {
+    transform: translate3d(18px, -12px, 0) scale(1.02);
+  }
+}
+
+@keyframes labCardMorph {
+  0%,
+  100% {
+    transform: translateY(0) scale(1);
+    border-radius: 18px;
+  }
+  50% {
+    transform: translateY(-3px) scale(1.01);
+    border-radius: 24px;
+  }
+}
+
+@keyframes labDecisionCardMorph {
+  0%,
+  100% {
+    transform: translateY(0) scale(1);
+    border-radius: 10px;
+  }
+  50% {
+    transform: translateY(-2px) scale(1.01);
+    border-radius: 14px;
+  }
+}
+
+@keyframes labHistoryReveal {
+  0% {
+    opacity: 0;
+    transform: translateY(6px) scale(0.98);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@keyframes labBlockedPulse {
+  0%, 100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
+  }
+  50% {
+    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.14);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .lab-status-waiting .lab-avatar-ring {
+    animation: none;
+  }
+  .lab-card-hover {
+    transition: none;
+  }
+  .lab-root .animated-gradient-text .text-content {
+    animation: none;
+  }
+  .lab-root .magicui-border-beam, .lab-root .magicui-grid-pattern, .lab-root .aceternity-moving-border {
+    animation: none;
+  }
+  .lab-message-highlight {
+    animation: none;
+  }
+}
+
+/* Quest Canvas + Details */
+
+.lab-quest-canvas {
+  position: relative;
+  padding: 0;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  background:
+    radial-gradient(circle at top, rgba(83, 176, 174, 0.08), transparent 34%),
+    var(--lab-surface-muted);
+}
+
+.lab-quest-canvas--minimal {
+  background: var(--lab-surface-muted);
+}
+
+.lab-overview-canvas {
+  position: relative;
+  padding: 0;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  background: var(--lab-surface-muted);
+}
+
+.lab-overview-canvas--ops .lab-quest-graph-shell {
+  filter: saturate(0.75) opacity(0.9);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-overview-canvas--ops .lab-quest-graph-shell {
+  filter: saturate(0.7) opacity(0.92);
+}
+
+.lab-quest-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.lab-quest-panel__subtitle {
+  font-size: 12px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-quest-panel__toggle {
+  border: 0;
+  background: rgba(255, 255, 255, 0.4);
+  padding: 4px 8px;
+  border-radius: 999px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-panel__toggle {
+  background: rgba(24, 26, 32, 0.6);
+}
+
+.lab-quest-search {
+  margin-bottom: 10px;
+  font-size: 12px;
+}
+
+.lab-quest-buckets {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px;
+  margin-bottom: 10px;
+}
+
+.lab-quest-bucket-item {
+  border: 1px solid var(--lab-border);
+  border-radius: 10px;
+  padding: 6px 8px;
+  background: rgba(255, 255, 255, 0.35);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-quest-bucket-item strong {
+  color: var(--lab-text-primary);
+  font-size: 12px;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-bucket-item {
+  background: rgba(24, 26, 32, 0.58);
+}
+
+.lab-quest-process-rail {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  border-radius: 16px;
+  padding: 10px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(248, 250, 252, 0.58));
+  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
+}
+
+.lab-quest-process-rail__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.lab-quest-process-rail__title {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--lab-text-muted);
+}
+
+.lab-quest-process-rail__subtitle {
+  margin-top: 2px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-quest-process-rail__stage {
+  flex-shrink: 0;
+  max-width: 130px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  border: 1px solid rgba(196, 160, 102, 0.45);
+  background: rgba(196, 160, 102, 0.12);
+  color: var(--lab-text-primary);
+  font-size: 10px;
+  font-weight: 600;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-quest-process-rail__steps {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: minmax(116px, 1fr);
+  gap: 6px;
+  overflow-x: auto;
+  padding-bottom: 2px;
+}
+
+.lab-quest-process-rail__step {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  border-radius: 10px;
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.72);
+  padding: 7px;
+  min-height: 94px;
+}
+
+.lab-quest-process-rail__step-head {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.lab-quest-process-rail__step-index {
+  width: 16px;
+  height: 16px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border-strong);
+  font-size: 10px;
+  font-weight: 700;
+  color: var(--lab-text-secondary);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+}
+
+.lab-quest-process-rail__step-title {
+  min-width: 0;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-quest-process-rail__step-desc {
+  font-size: 10px;
+  line-height: 1.35;
+  color: var(--lab-text-secondary);
+  flex: 1;
+}
+
+.lab-quest-process-rail__step-status {
+  align-self: flex-start;
+  padding: 1px 7px;
+  border-radius: 999px;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--lab-text-secondary);
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.75);
+}
+
+.lab-quest-process-rail__step.is-done {
+  border-color: rgba(83, 176, 174, 0.45);
+  background: linear-gradient(160deg, rgba(213, 243, 239, 0.6), rgba(243, 251, 250, 0.6));
+}
+
+.lab-quest-process-rail__step.is-done .lab-quest-process-rail__step-index {
+  border-color: rgba(83, 176, 174, 0.68);
+  background: rgba(83, 176, 174, 0.2);
+}
+
+.lab-quest-process-rail__step.is-done .lab-quest-process-rail__step-status {
+  color: #2d6e67;
+  border-color: rgba(83, 176, 174, 0.45);
+  background: rgba(83, 176, 174, 0.14);
+}
+
+.lab-quest-process-rail__step.is-active {
+  border-color: rgba(98, 136, 214, 0.46);
+  background: linear-gradient(160deg, rgba(215, 228, 250, 0.65), rgba(248, 251, 255, 0.62));
+  box-shadow: 0 0 0 1px rgba(98, 136, 214, 0.16);
+}
+
+.lab-quest-process-rail__step.is-active .lab-quest-process-rail__step-index {
+  border-color: rgba(98, 136, 214, 0.7);
+  background: rgba(98, 136, 214, 0.18);
+}
+
+.lab-quest-process-rail__step.is-active .lab-quest-process-rail__step-status {
+  color: #36548f;
+  border-color: rgba(98, 136, 214, 0.45);
+  background: rgba(98, 136, 214, 0.14);
+}
+
+.lab-quest-process-rail__recommended {
+  display: grid;
+  gap: 6px;
+  border-top: 1px dashed var(--lab-border);
+  padding-top: 7px;
+}
+
+.lab-quest-process-rail__recommended-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.lab-quest-process-rail__recommended-title {
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--lab-text-muted);
+}
+
+.lab-quest-process-rail__recommended-trail {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.lab-quest-process-rail__recommended-chip {
+  border: 1px solid var(--lab-border);
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.72);
+  color: var(--lab-text-secondary);
+  font-size: 10px;
+  font-weight: 600;
+  padding: 2px 8px;
+}
+
+.lab-quest-process-rail__recommended-chip.is-active {
+  border-color: rgba(98, 136, 214, 0.46);
+  background: rgba(98, 136, 214, 0.12);
+  color: #36548f;
+}
+
+.lab-quest-process-rail__recommended-arrow {
+  font-size: 10px;
+  color: var(--lab-text-muted);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail {
+  background: linear-gradient(150deg, rgba(24, 26, 32, 0.82), rgba(17, 19, 25, 0.72));
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail__stage {
+  border-color: rgba(196, 160, 102, 0.58);
+  background: rgba(196, 160, 102, 0.18);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail__step {
+  background: rgba(24, 26, 32, 0.8);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail__step-status {
+  background: rgba(24, 26, 32, 0.84);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail__step.is-done {
+  background: linear-gradient(160deg, rgba(23, 58, 56, 0.64), rgba(20, 34, 35, 0.72));
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail__step.is-done .lab-quest-process-rail__step-status {
+  color: #99d5ce;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail__step.is-active {
+  background: linear-gradient(160deg, rgba(30, 45, 73, 0.7), rgba(23, 31, 50, 0.78));
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail__step.is-active .lab-quest-process-rail__step-status {
+  color: #b8cbf2;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-process-rail__recommended-chip {
+  background: rgba(24, 26, 32, 0.84);
+}
+
+.lab-quest-branch-list,
+.lab-quest-event-list {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.lab-quest-branch-item {
+  text-align: left;
+  border: 0;
+  background: transparent;
+  border-radius: 0;
+  padding: 10px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  border-top: 1px solid rgba(47, 52, 55, 0.08);
+  transition: background 150ms ease, color 150ms ease;
+}
+
+.lab-quest-branch-item.is-active {
+  background: rgba(47, 52, 55, 0.035);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-branch-item {
+  border-top-color: rgba(255, 255, 255, 0.08);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-branch-item.is-active {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.lab-quest-branch-item__title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+  line-height: 1.45;
+}
+
+.lab-quest-branch-item__meta {
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  text-transform: lowercase;
+}
+
+.lab-quest-branch-item__line {
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr);
+  gap: 6px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+  align-items: start;
+}
+
+.lab-quest-branch-item__line--meta {
+  grid-template-columns: 1fr;
+  justify-items: end;
+  color: var(--lab-text-muted);
+}
+
+.lab-quest-branch-item__label {
+  font-weight: 600;
+  color: var(--lab-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.lab-quest-graph-shell {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  border: 0;
+  border-radius: 0;
+  background: var(--lab-surface-muted);
+  overflow: hidden;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-shell {
+  background: var(--lab-surface-muted);
+}
+
+.lab-quest-graph-shell--full {
+  position: absolute;
+  inset: 0;
+}
+
+.lab-quest-graph-shell--minimal .react-flow__attribution {
+  display: none;
+}
+
+.lab-floating-panel {
+  position: absolute;
+  left: 0;
+  top: 0;
+  will-change: transform;
+  width: 320px;
+  max-width: calc(100% - 24px);
+  height: 520px;
+  max-height: calc(100% - 24px);
+  display: flex;
+  flex-direction: column;
+  border-radius: 16px;
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.82);
+  backdrop-filter: blur(12px);
+  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-floating-panel {
+  background: rgba(24, 26, 32, 0.82);
+  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.35);
+}
+
+.lab-floating-panel--events {
+  width: 340px;
+  height: 460px;
+}
+
+.lab-floating-panel--papers {
+  width: 320px;
+  height: 420px;
+}
+
+.lab-overview-panel--action {
+  width: 420px;
+  height: 600px;
+}
+
+.lab-overview-panel--overview {
+  width: 420px;
+  height: 520px;
+}
+
+.lab-floating-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 10px 8px;
+  border-bottom: 1px solid var(--lab-border);
+  cursor: grab;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  color: var(--lab-text-primary);
+}
+
+.lab-floating-panel__header:active {
+  cursor: grabbing;
+}
+
+.lab-floating-panel__title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.lab-floating-panel__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.55);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-floating-panel__icon {
+  background: rgba(24, 26, 32, 0.7);
+}
+
+.lab-floating-panel__collapse {
+  width: 32px;
+  height: 32px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.55);
+  color: var(--lab-text-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 150ms ease, color 150ms ease;
+}
+
+.lab-floating-panel__collapse:hover {
+  background: rgba(255, 255, 255, 0.78);
+  color: var(--lab-text-primary);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-floating-panel__collapse {
+  background: rgba(24, 26, 32, 0.7);
+}
+
+.lab-floating-panel__content {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: hidden;
+  padding: 10px 10px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.lab-floating-panel__footer {
+  border-top: 1px solid var(--lab-border);
+  padding-top: 10px;
+}
+
+.lab-floating-orb {
+  position: absolute;
+  left: 0;
+  top: 0;
+  will-change: transform;
+  width: 44px;
+  height: 44px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.82);
+  backdrop-filter: blur(12px);
+  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.08);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--lab-text-primary);
+  cursor: grab;
+}
+
+.lab-floating-orb:active {
+  cursor: grabbing;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-floating-orb {
+  background: rgba(24, 26, 32, 0.82);
+  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.35);
+}
+
+.lab-quest-graph-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+
+.lab-quest-graph-controls {
+  display: flex;
+  gap: 6px;
+}
+
+.lab-quest-time-filter {
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface);
+  color: var(--lab-text-primary);
+  border-radius: 8px;
+  font-size: 11px;
+  padding: 4px 8px;
+}
+
+.lab-quest-time-filter:focus {
+  outline: 2px solid rgba(83, 176, 174, 0.5);
+  outline-offset: 2px;
+}
+
+.lab-quest-graph-node {
+  min-width: 176px;
+  max-width: 228px;
+  padding: 12px 14px;
+  border-radius: 16px;
+  border: 1px solid rgba(148, 163, 184, 0.2);
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.84));
+  backdrop-filter: blur(10px);
+  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.09);
+  color: var(--lab-text-primary);
+  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
+}
+
+.lab-quest-graph-node:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 20px 38px rgba(15, 23, 42, 0.12);
+}
+
+.lab-quest-graph-node__eyebrow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+
+.lab-quest-graph-node__kind {
+  display: inline-flex;
+  align-items: center;
+  min-height: 20px;
+  padding: 0 8px;
+  border-radius: 999px;
+  border: 1px solid rgba(148, 163, 184, 0.22);
+  background: rgba(255, 255, 255, 0.72);
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--lab-text-secondary);
+}
+
+.lab-quest-agent-node {
+  min-width: 140px;
+  padding: 10px 12px;
+  border-radius: 14px;
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  background: rgba(255, 255, 255, 0.76);
+  color: var(--lab-text-primary);
+  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
+}
+
+.lab-quest-agent-node__title {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-quest-agent-node__meta {
+  margin-top: 4px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-quest-agent-node__status {
+  margin-top: 4px;
+  font-size: 10px;
+  color: var(--lab-text-secondary);
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.lab-overview-quest-node {
+  min-width: 210px;
+  padding: 12px 14px;
+  border-radius: 14px;
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.82);
+  backdrop-filter: blur(10px);
+  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
+  color: var(--lab-text-primary);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-overview-quest-node {
+  background: rgba(24, 26, 32, 0.82);
+  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.35);
+}
+
+.lab-overview-quest-node.is-active {
+  box-shadow: 0 0 0 1px rgba(196, 160, 102, 0.22), 0 14px 34px rgba(0, 0, 0, 0.12);
+}
+
+.lab-overview-quest-node__title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-overview-quest-node__meta {
+  margin-top: 6px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.lab-overview-quest-node__chips {
+  margin-top: 8px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.lab-overview-quest-chip {
+  display: inline-flex;
+  align-items: center;
+  height: 20px;
+  padding: 0 8px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border);
+  background: var(--lab-surface-muted);
+  color: var(--lab-text-secondary);
+  font-size: 10px;
+  line-height: 1;
+}
+
+.lab-overview-quest-chip--attention {
+  border-color: rgba(196, 160, 102, 0.48);
+  color: var(--lab-text-primary);
+  background: rgba(196, 160, 102, 0.12);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-overview-quest-chip--attention {
+  border-color: rgba(196, 160, 102, 0.62);
+  background: rgba(196, 160, 102, 0.16);
+}
+
+.lab-overview-agent-node {
+  min-width: 200px;
+  max-width: 240px;
+  padding: 10px 12px;
+  border-radius: 14px;
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.88);
+  backdrop-filter: blur(10px);
+  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
+  color: var(--lab-text-primary);
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-overview-agent-node {
+  background: rgba(24, 26, 32, 0.88);
+  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.35);
+}
+
+.lab-overview-agent-node__meta {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.lab-overview-agent-node__name {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-overview-agent-node__status {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 10px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-overview-agent-node__status-label {
+  white-space: nowrap;
+}
+
+.lab-flow-handle {
+  opacity: 0;
+  width: 1px;
+  height: 1px;
+  border: 0;
+  background: transparent;
+  pointer-events: none;
+}
+
+.lab-overview-quest-node__title-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.lab-overview-quest-node__title-row .lab-overview-quest-node__title {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.lab-overview-pi-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 26px;
+  padding: 0 10px 0 6px;
+  border-radius: 999px;
+  border: 1px solid rgba(196, 160, 102, 0.5);
+  background: rgba(255, 255, 255, 0.62);
+  color: var(--lab-text-secondary);
+  max-width: 180px;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-overview-pi-chip {
+  background: rgba(20, 22, 28, 0.7);
+}
+
+.lab-overview-pi-avatar {
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-accent);
+  overflow: hidden;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.62);
+  flex: 0 0 auto;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-overview-pi-avatar {
+  background: rgba(24, 26, 32, 0.7);
+}
+
+.lab-overview-pi-avatar img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.lab-overview-pi-avatar__fallback {
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  color: var(--lab-text-secondary);
+}
+
+.lab-overview-pi-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+}
+
+.lab-overview-pending-node {
+  width: 100%;
+  height: 100%;
+  border-radius: 16px;
+  border: 1px solid var(--lab-border);
+  background: rgba(255, 255, 255, 0.86);
+  backdrop-filter: blur(10px);
+  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  color: var(--lab-text-primary);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-overview-pending-node {
+  background: rgba(24, 26, 32, 0.86);
+  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.35);
+}
+
+.lab-overview-pending-node__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 14px;
+  border-bottom: 1px solid var(--lab-border);
+  cursor: grab;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.lab-overview-pending-node__header:active {
+  cursor: grabbing;
+}
+
+.lab-overview-pending-node__title {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--lab-text-secondary);
+}
+
+.lab-overview-pending-node__subtitle {
+  font-size: 12px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-overview-pending-node__count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 26px;
+  height: 26px;
+  border-radius: 999px;
+  border: 1px solid var(--lab-border-strong);
+  background: rgba(196, 160, 102, 0.16);
+  color: var(--lab-text-primary);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.lab-overview-pending-node__content {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 8px 10px 12px;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node {
+  border-color: rgba(255, 255, 255, 0.08);
+  background: linear-gradient(160deg, rgba(27, 29, 34, 0.92), rgba(18, 20, 25, 0.88));
+  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node__kind {
+  background: rgba(24, 26, 32, 0.72);
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-agent-node {
+  background: rgba(24, 26, 32, 0.7);
+  border-color: rgba(255, 255, 255, 0.18);
+}
+
+.lab-quest-graph-node.is-head {
+  box-shadow: 0 0 0 1px rgba(196, 160, 102, 0.22), 0 12px 26px rgba(0, 0, 0, 0.12);
+}
+
+.lab-quest-graph-node.is-positive {
+  box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.2), 0 14px 30px rgba(22, 101, 52, 0.12);
+}
+
+.lab-quest-graph-node.is-root {
+  min-width: 200px;
+  padding: 14px 16px;
+  z-index: 2;
+  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.14);
+}
+
+.lab-quest-graph-node.is-root .lab-quest-graph-node__title {
+  font-size: 13px;
+}
+
+.lab-quest-graph-node.is-placeholder {
+  border-style: dashed;
+  border-color: rgba(155, 131, 82, 0.46);
+  background: linear-gradient(180deg, rgba(255, 252, 247, 0.96), rgba(246, 240, 232, 0.88));
+  box-shadow: 0 12px 28px rgba(155, 131, 82, 0.12);
+}
+
+.lab-quest-graph-node.is-waived {
+  border-color: rgba(148, 163, 184, 0.3);
+  background: linear-gradient(180deg, rgba(246, 248, 250, 0.92), rgba(237, 242, 247, 0.88));
+}
+
+.lab-quest-graph-node.is-selected {
+  outline: 2px solid rgba(83, 176, 174, 0.45);
+  box-shadow: 0 0 0 4px rgba(83, 176, 174, 0.12), 0 20px 38px rgba(15, 23, 42, 0.12);
+}
+
+.lab-quest-graph-node.is-event {
+  background: linear-gradient(140deg, rgba(244, 246, 247, 0.92), rgba(232, 236, 240, 0.86));
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node.is-event {
+  background: linear-gradient(140deg, rgba(34, 36, 42, 0.92), rgba(24, 26, 32, 0.9));
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node.is-placeholder {
+  border-color: rgba(196, 160, 102, 0.45);
+  background: linear-gradient(160deg, rgba(45, 40, 32, 0.92), rgba(28, 24, 20, 0.88));
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node.is-waived {
+  background: linear-gradient(160deg, rgba(30, 33, 38, 0.92), rgba(22, 24, 29, 0.9));
+}
+
+.lab-quest-graph-node.is-decision {
+  border-style: solid;
+  padding: 12px 14px;
+  text-align: left;
+}
+
+.lab-quest-graph-node.is-decision .lab-quest-graph-node__title {
+  justify-content: flex-start;
+}
+
+.lab-quest-graph-node.is-decision .lab-quest-graph-node__meta {
+  justify-content: flex-start;
+}
+
+.lab-quest-graph-node__decision-target {
+  font-size: 10px;
+  color: var(--lab-text-muted);
+  margin-top: 4px;
+}
+
+.lab-quest-graph-node.decision-explore {
+  background: linear-gradient(140deg, rgba(187, 221, 228, 0.95), rgba(168, 204, 216, 0.9));
+}
+
+.lab-quest-graph-node.decision-evolve {
+  background: linear-gradient(140deg, rgba(191, 214, 241, 0.95), rgba(167, 195, 228, 0.9));
+}
+
+.lab-quest-graph-node.decision-pivot {
+  background: linear-gradient(140deg, rgba(246, 205, 190, 0.95), rgba(231, 181, 165, 0.9));
+}
+
+.lab-quest-graph-node.decision-validate,
+.lab-quest-graph-node.decision-go {
+  background: linear-gradient(140deg, rgba(192, 229, 207, 0.95), rgba(174, 214, 191, 0.9));
+}
+
+.lab-quest-graph-node.decision-hold {
+  background: linear-gradient(140deg, rgba(237, 230, 197, 0.95), rgba(223, 213, 175, 0.9));
+}
+
+.lab-quest-graph-node.decision-drop {
+  background: linear-gradient(140deg, rgba(232, 198, 198, 0.95), rgba(217, 175, 175, 0.9));
+}
+
+.lab-quest-graph-node__title {
+  font-size: 13px;
+  font-weight: 600;
+  display: block;
+  line-height: 1.35;
+}
+
+.lab-quest-graph-node__subtitle {
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+  margin-top: 4px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lab-quest-graph-node__meta {
+  font-size: 10px;
+  color: var(--lab-text-muted);
+  margin-top: 6px;
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.lab-quest-graph-node__summary {
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+  margin-top: 6px;
+  line-height: 1.35;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.lab-quest-graph-node__memory {
+  margin-top: 8px;
+  border-radius: 12px;
+  border: 1px solid rgba(83, 176, 174, 0.18);
+  background: linear-gradient(180deg, rgba(83, 176, 174, 0.12), rgba(83, 176, 174, 0.05));
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
+  padding: 8px 9px;
+}
+
+.lab-quest-graph-node__memory-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.lab-quest-graph-node__memory-dot {
+  width: 7px;
+  height: 7px;
+  flex: 0 0 auto;
+  border-radius: 999px;
+  background: linear-gradient(180deg, rgba(83, 176, 174, 1), rgba(38, 139, 136, 0.92));
+  box-shadow: 0 0 0 3px rgba(83, 176, 174, 0.12);
+}
+
+.lab-quest-graph-node__memory-label {
+  min-width: 0;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 1.35;
+  color: #0f766e;
+}
+
+.lab-quest-graph-node__memory-summary {
+  margin-top: 4px;
+  font-size: 10px;
+  line-height: 1.45;
+  color: var(--lab-text-secondary);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.lab-quest-graph-node__signal {
+  display: inline-flex;
+  align-items: center;
+  height: 18px;
+  padding: 0 7px;
+  border-radius: 999px;
+  background: rgba(34, 197, 94, 0.12);
+  color: #15803d;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+}
+
+.lab-quest-graph-node__delta {
+  font-weight: 600;
+  color: var(--lab-accent-strong);
+}
+
+.lab-quest-sparkline {
+  margin-top: 6px;
+}
+
+.lab-quest-hover-card {
+  position: absolute;
+  z-index: 35;
+  width: min(320px, calc(100% - 32px));
+  pointer-events: none;
+  border-radius: 16px;
+  border: 1px solid rgba(148, 163, 184, 0.22);
+  background: rgba(255, 255, 255, 0.9);
+  backdrop-filter: blur(14px);
+  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
+  padding: 12px 14px;
+}
+
+.lab-quest-hover-card.is-positive {
+  border-color: rgba(34, 197, 94, 0.25);
+}
+
+.lab-quest-hover-card.is-overlay {
+  border-color: rgba(83, 176, 174, 0.32);
+}
+
+.lab-quest-hover-card__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.lab-quest-hover-card__title {
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--lab-text-primary);
+  line-height: 1.35;
+}
+
+.lab-quest-hover-card__badge {
+  display: inline-flex;
+  align-items: center;
+  height: 20px;
+  padding: 0 8px;
+  border-radius: 999px;
+  background: rgba(83, 176, 174, 0.1);
+  color: var(--lab-text-primary);
+  font-size: 10px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.lab-quest-hover-card__subtitle {
+  margin-top: 6px;
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+  line-height: 1.45;
+}
+
+.lab-quest-hover-card__lines {
+  margin-top: 10px;
+  display: grid;
+  gap: 7px;
+}
+
+.lab-quest-hover-card__line {
+  display: grid;
+  grid-template-columns: 64px minmax(0, 1fr);
+  gap: 8px;
+  font-size: 10px;
+  line-height: 1.4;
+  color: var(--lab-text-secondary);
+}
+
+.lab-quest-hover-card__line span:first-child {
+  color: var(--lab-text-primary);
+  font-weight: 600;
+}
+
+.lab-quest-hover-card__footer {
+  margin-top: 10px;
+  padding-top: 8px;
+  border-top: 1px dashed rgba(148, 163, 184, 0.24);
+  font-size: 10px;
+  color: var(--lab-text-muted);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-hover-card {
+  border-color: rgba(255, 255, 255, 0.08);
+  background: rgba(22, 24, 29, 0.9);
+  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.38);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node__memory {
+  border-color: rgba(94, 234, 212, 0.18);
+  background: linear-gradient(180deg, rgba(45, 212, 191, 0.14), rgba(45, 212, 191, 0.05));
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node__memory-dot {
+  box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.12);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node__memory-label {
+  color: #8be4db;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-graph-node__signal {
+  background: rgba(34, 197, 94, 0.18);
+  color: #86efac;
+}
+
+.lab-quest-curve {
+  position: relative;
+  width: 100%;
+  height: 42px;
+  border-radius: 8px;
+  border: 1px solid rgba(102, 198, 189, 0.25);
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.52), rgba(246, 250, 255, 0.28));
+  overflow: hidden;
+}
+
+.lab-quest-curve.is-expanded {
+  height: 96px;
+  border-radius: 10px;
+}
+
+.lab-quest-curve__svg {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.lab-quest-curve__guide {
+  stroke: rgba(0, 0, 0, 0.07);
+  stroke-width: 1;
+  stroke-dasharray: 2 4;
+}
+
+.lab-quest-curve__area {
+  opacity: 0.95;
+}
+
+.lab-quest-curve__line {
+  fill: none;
+  stroke-width: 2.4;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  filter: drop-shadow(0 2px 6px rgba(78, 135, 210, 0.24));
+}
+
+.lab-quest-curve__dot {
+  fill: #e6fbf8;
+  stroke: #54bbb1;
+  stroke-width: 1.4;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-curve {
+  border-color: rgba(102, 198, 189, 0.3);
+  background: linear-gradient(180deg, rgba(24, 26, 32, 0.82), rgba(19, 21, 28, 0.7));
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-curve__guide {
+  stroke: rgba(255, 255, 255, 0.12);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-curve__line {
+  filter: drop-shadow(0 2px 7px rgba(44, 119, 210, 0.32));
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-curve__dot {
+  fill: #1a2629;
+  stroke: #73d4ca;
+}
+
+.lab-quest-graph-node__verdict {
+  font-size: 10px;
+  padding: 2px 6px;
+  border-radius: 999px;
+  text-transform: uppercase;
+}
+
+.lab-quest-graph-node__verdict.is-good {
+  background: rgba(130, 188, 160, 0.2);
+  color: #3e6b55;
+}
+
+.lab-quest-graph-node__verdict.is-bad {
+  background: rgba(201, 122, 122, 0.2);
+  color: #7b4242;
+}
+
+.lab-quest-graph-node__verdict.is-neutral {
+  background: rgba(196, 160, 102, 0.18);
+  color: #7d5b2e;
+}
+
+.lab-quest-event-item {
+  text-align: left;
+  border: 0;
+  background: rgba(255, 255, 255, 0.45);
+  border-radius: 12px;
+  padding: 10px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-event-item {
+  background: rgba(24, 26, 32, 0.7);
+}
+
+.lab-quest-minimap {
+  border-radius: 10px;
+  border: 0;
+  background: rgba(255, 255, 255, 0.55);
+  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
+}
+
+:is(.dark, [data-theme="dark"]) .lab-quest-minimap {
+  background: rgba(20, 22, 28, 0.8);
+}
+
+.lab-quest-event-item__title {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--lab-text-primary);
+}
+
+.lab-quest-event-item__meta {
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+  display: flex;
+  gap: 8px;
+}
+
+.lab-quest-event-item__summary {
+  font-size: 11px;
+  color: var(--lab-text-secondary);
+}
+
+.lab-quest-section {
+  border-top: 1px dashed var(--lab-border);
+  padding-top: 8px;
+}
+
+.lab-quest-section__title {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--lab-text-secondary);
+  margin-bottom: 6px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.lab-quest-empty {
+  font-size: 12px;
+  color: var(--lab-text-secondary);
+  text-align: center;
+  padding: 12px;
+}
+
+/* Branch page */
+
+.lab-quest-artifact {
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  border-radius: 16px;
+  padding: 12px;
+  background: var(--lab-surface);
+}
+
+/* Snapshot */
+.lab-quest-snapshot {
+  padding: 20px;
+  height: 100%;
+  overflow: auto;
+  color: var(--lab-text-primary);
+}
+
+/* Memory */
+
+@media (max-width: 640px) {
+  .lab-floating-panel {
+    width: calc(100% - 24px);
+  }
+  .lab-floating-panel--events {
+    width: calc(100% - 24px);
+  }
+  .lab-floating-panel--papers {
+    width: calc(100% - 24px);
+  }
+}