/* styles.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  background: #1e1e1e;
  color: #d4d4d4;
  height: 100vh;
  overflow: hidden;
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
*::-webkit-scrollbar-corner {
  background: transparent;
}
.app-container {
  display: flex;
  height: 100vh;
}
.left-pane {
  width: 35%;
  min-width: 200px;
  border-right: 1px solid #3e3e42;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.right-pane {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.right-pane.split-active {
  display: flex;
}
.right-pane .task-pane {
  width: 50%;
  min-width: 200px;
  border-right: 1px solid #3e3e42;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.right-pane.split-active .task-pane {
}
.right-pane .resource-pane {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
}
.resize-handle {
  width: 8px;
  background: transparent;
  cursor: col-resize;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  margin-left: -4px;
  margin-right: -4px;
}
.resize-handle:hover {
  background: rgba(9, 105, 218, 0.3);
}
.resize-handle:active {
  background: rgba(9, 105, 218, 0.5);
}
.pane-header {
  padding: 16px 20px;
  border-bottom: 1px solid #3e3e42;
  background: #252526;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.pane-header-content {
  flex: 1;
  min-width: 0;
}
.pane-subtitle {
  font-size: 12px;
  color: #8b949e;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-title {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pane-title .logo {
  width: 22px;
  height: 22px;
}
.pane-content {
  flex: 1;
  overflow-y: auto;
}
.left-pane .pane-content {
  padding: 16px;
}
task-filter-bar {
  display: block;
  margin-bottom: 0;
  padding: 12px;
  background: #252526;
  border-radius: 8px;
  border: 1px solid #3e3e42;
}
.spotlight-btn {
  gap: 6px;
}
.spotlight-btn kbd {
  font-size: 11px;
  padding: 2px 5px;
  background: #3e3e42;
  border-radius: 4px;
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
  color: #ccc;
}
.filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.filter-bar.type-filter {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #3e3e42;
}
.filter-label {
  font-size: 11px;
  color: #888;
  text-transform: uppercase;
  min-width: 40px;
}
.filter-btn {
  padding: 6px 12px;
  border: 1px solid #3e3e42;
  background: #2d2d30;
  color: #d4d4d4;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s;
}
.filter-btn:hover {
  background: #3e3e42;
}
.filter-btn.active {
  background: #007acc;
  border-color: #007acc;
  color: white;
}
.filter-sort {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.filter-sort-label {
  font-size: 12px;
  color: #8b949e;
}
.filter-sort-select {
  padding: 5px 8px;
  border: 1px solid #3e3e42;
  background: #2d2d30;
  color: #d4d4d4;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}
.filter-sort-select:hover {
  background: #3e3e42;
}
.filter-sort-select:focus {
  outline: none;
  border-color: #007acc;
}
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #3e3e42;
  font-size: 13px;
}
.breadcrumb-segment {
  background: none;
  border: none;
  color: #888;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s;
  font-size: 13px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb-segment:hover {
  background: #2d2d30;
  color: #d4d4d4;
}
.breadcrumb-segment:last-child {
  color: #d4d4d4;
  font-weight: 500;
}
.breadcrumb-separator {
  color: #555;
  user-select: none;
}
.task-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.task-item-wrapper {
  display: flex;
  align-items: stretch;
  gap: 4px;
  min-width: 0;
}
.task-item-wrapper.child {
  margin-left: 16px;
  padding-left: 12px;
  position: relative;
}
.task-item-wrapper.child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 1px;
  background: #3e3e42;
}
.task-item-wrapper.child::after {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  bottom: 50%;
  width: 1px;
  background: #3e3e42;
}
.task-item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #252526;
  border: 1px solid #3e3e42;
  border-radius: 6px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.2s;
  min-width: 0;
  overflow: hidden;
}
.collapse-btn {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #888;
  display: flex;
  align-items: center;
  transition: transform 0.2s;
  transform: rotate(90deg);
}
.collapse-btn.collapsed {
  transform: rotate(0deg);
}
.collapse-btn:hover {
  color: #d4d4d4;
}
.child-count {
  font-size: 11px;
  color: #888;
  background: #3e3e42;
  padding: 2px 6px;
  border-radius: 10px;
}
.enter-icon {
  font-size: 14px;
  color: #888;
  margin-left: auto;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.task-item.type-epic:hover .enter-icon {
  opacity: 1;
  color: #007acc;
}
.task-item:hover {
  background: #2d2d30;
  border-color: #007acc;
}
.task-item.selected {
  background: #094771;
  border-color: #007acc;
}
.task-item.current-epic {
}
.epic-separator {
  display: flex;
  align-items: center;
  margin: 12px 0;
  gap: 12px;
}
.epic-separator::before,
.epic-separator::after {
  content: "";
  flex: 1;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(9, 105, 218, 0.3),
      transparent);
}
.epic-separator::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(9, 105, 218, 0.3));
}
.epic-separator::after {
  background:
    linear-gradient(
      90deg,
      rgba(9, 105, 218, 0.3),
      transparent);
}
.separator-icon {
  width: 10px !important;
  height: 10px !important;
  flex-shrink: 0;
  background:
    linear-gradient(
      135deg,
      #00d4ff,
      #7b2dff,
      #ff2d7b) !important;
}
.task-id {
  font-size: 11px;
  color: #888;
  font-family: "Monaco", monospace;
}
.task-title {
  font-size: 13px;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.status-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 500;
  text-transform: uppercase;
  flex-shrink: 0;
}
.status-open {
  background: #1f6feb;
  color: white;
}
.status-in_progress {
  background: #d97706;
  color: white;
}
.status-blocked {
  background: #cf222e;
  color: white;
}
.status-done {
  background: #1a7f37;
  color: white;
}
.status-cancelled {
  background: #57606a;
  color: white;
}
.task-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: monospace;
  font-size: inherit;
  color: inherit;
}
.task-badge.type-task .task-badge-icon {
  background:
    linear-gradient(
      135deg,
      #00d4ff 0%,
      #7b2dff 100%);
}
.task-badge.type-epic .task-badge-icon {
  background:
    linear-gradient(
      135deg,
      #f0b429 0%,
      #ff6b2d 100%);
}
.task-badge.type-folder .task-badge-icon {
  background:
    linear-gradient(
      135deg,
      #3fb950 0%,
      #1f883d 100%);
}
.task-badge.type-artifact .task-badge-icon {
  background:
    linear-gradient(
      135deg,
      #a371f7 0%,
      #ff2d7b 100%);
}
.task-badge.type-milestone .task-badge-icon {
  background:
    linear-gradient(
      135deg,
      #f85149 0%,
      #ff8c00 100%);
}
.task-badge-icon {
  width: 1em;
  height: 1em;
}
.task-badge-id {
  font-weight: 600;
}
.task-item .task-badge {
  color: #888;
}
.type-icon {
  margin-right: 6px;
  display: inline-flex;
  vertical-align: middle;
}
.type-icon.type-epic {
  color: #f0b429;
}
.type-icon.type-task {
  color: #3b82f6;
}
.type-icon.type-folder {
  color: #3fb950;
}
.type-icon.type-artifact {
  color: #a371f7;
}
.type-icon.type-milestone {
  color: #f85149;
}
.due-date-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  background: rgba(248, 81, 73, 0.2);
  color: #ff8c00;
  font-weight: 500;
  flex-shrink: 0;
}
.due-date-meta {
  color: #ff8c00;
  font-weight: 500;
}
.content-type-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  background: rgba(163, 113, 247, 0.2);
  color: #a371f7;
  font-weight: 500;
}
.breadcrumb-type-icon {
  margin-right: 4px;
}
.breadcrumb-type-icon.type-epic {
  background:
    linear-gradient(
      135deg,
      #f0b429,
      #ff6b2d);
}
.breadcrumb-type-icon.type-folder {
  background:
    linear-gradient(
      135deg,
      #3fb950,
      #1f883d);
}
.breadcrumb-type-icon.type-milestone {
  background:
    linear-gradient(
      135deg,
      #f85149,
      #ff8c00);
}
.breadcrumb-type-icon.type-task {
  background:
    linear-gradient(
      135deg,
      #00d4ff,
      #7b2dff);
}
.breadcrumb-type-icon.type-artifact {
  background:
    linear-gradient(
      135deg,
      #a371f7,
      #ff2d7b);
}
.epic-icon-inline {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 4px;
  color: #f0b429;
}
.task-detail-header {
  margin-bottom: 20px;
}
.task-detail-title {
  font-size: 24px;
  margin-bottom: 8px;
}
.task-meta {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: #888;
}
.task-body {
  line-height: 1.6;
}
.task-body h1 {
  font-size: 22px;
  margin: 24px 0 12px;
}
.task-body h2 {
  font-size: 18px;
  margin: 20px 0 10px;
}
.task-body h3 {
  font-size: 16px;
  margin: 16px 0 8px;
}
.task-body ul,
.task-body ol {
  margin: 10px 0 10px 20px;
}
.task-body li {
  margin: 4px 0;
}
.task-body p {
  margin: 10px 0;
}
.task-body a {
  color: #4fc3f7;
  text-decoration: none;
}
.task-body a:hover {
  text-decoration: underline;
}
.task-body code {
  background: #2d2d30;
  padding: 2px 6px;
  border-radius: 3px;
  font-family: "Monaco", monospace;
  font-size: 13px;
}
.task-body pre {
  background: #2d2d30;
  padding: 12px;
  border-radius: 6px;
  overflow-x: auto;
  margin: 12px 0;
}
.task-body pre code {
  background: none;
  padding: 0;
}
.evidence-section {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #3e3e42;
}
.evidence-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #888;
  text-transform: uppercase;
}
.evidence-list {
  list-style: none;
  margin: 0;
}
.evidence-list li {
  padding: 8px 0;
  font-size: 13px;
  border-bottom: 1px solid #3e3e42;
}
.evidence-list li:last-child {
  border-bottom: none;
}
.empty-state {
  text-align: center;
  padding: 60px 20px;
  color: #888;
}
.empty-state-inline {
  text-align: center;
  padding: 40px 20px;
  color: #888;
}
.empty-state-icon {
  font-size: 48px;
  margin-bottom: 16px;
}
.error {
  background: #5a1d1d;
  border: 1px solid #f85149;
  padding: 12px;
  border-radius: 6px;
  margin: 16px;
}
.doc-header {
  padding: 16px;
  margin-bottom: 16px;
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 8px;
}
.task-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
#task-pane-header .task-meta-id {
  font-family: monospace;
  font-size: 14px;
  color: #c9d1d9;
  font-weight: 600;
}
.task-meta-id {
  font-family: monospace;
  font-size: 12px;
  color: #8b949e;
}
.doc-title {
  font-size: 24px;
  margin: 0 0 8px 0;
  font-weight: 600;
}
.doc-dates {
  font-size: 12px;
  color: #8b949e;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.doc-due-date {
  color: #f0b429;
}
.doc-parent {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.doc-parent-label {
  margin-right: 0;
}
.epic-link {
  color: #f0b429;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.epic-link:hover {
  text-decoration: underline;
}
.epic-title {
  color: #d4d4d4;
}
.doc-children {
  margin: 12px 0 16px;
  padding: 12px;
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 6px;
}
.doc-children-heading {
  font-size: 12px;
  font-weight: 600;
  color: #8b949e;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 8px;
}
.doc-children-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.child-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  text-decoration: none;
  color: #c9d1d9;
  transition: background 0.15s;
}
.child-row:hover {
  background: #21262d;
}
.child-title {
  flex: 1;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
task-detail {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
task-detail .markdown-body {
  min-height: 100%;
}
.markdown-body.markdown-body {
  padding: 16px;
  border-radius: 6px;
}
.markdown-body md-block {
  display: block;
}
.markdown-body a[href^=http]::after {
  display: inline;
}
.markdown-body a[href^=http]::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.2em;
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: currentColor;
  opacity: 0.7;
  mask-image: url("./external-link-5YHGZUVF.svg");
  -webkit-mask-image: url("./external-link-5YHGZUVF.svg");
}
.markdown-body a[href^="file://"]::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.2em;
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: currentColor;
  opacity: 0.7;
  mask-image: url("./file-IS5HWDMR.svg");
  -webkit-mask-image: url("./file-IS5HWDMR.svg");
}
.markdown-body a[href^="mcp://"]::after {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0.3em;
  vertical-align: middle;
  margin-bottom: 0.2em;
  background:
    linear-gradient(
      135deg,
      #00d4ff 0%,
      #7b2dff 50%,
      #ff2d7b 100%);
  mask-image: url("./lightning-bolt-KZ4Y6ALR.svg");
  -webkit-mask-image: url("./lightning-bolt-KZ4Y6ALR.svg");
}
.markdown-body code {
  word-break: break-word;
}
.btn-outline {
  border: 1px solid #30363d;
  border-radius: 6px;
  padding: 5px 12px;
  color: #c9d1d9;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.btn-outline svg {
  color: #58a6ff;
}
.btn-outline:hover {
  background: rgba(56, 139, 253, 0.1);
  border-color: #58a6ff;
}
.resource-viewer {
  flex: 1;
  overflow: auto;
  background: #1e1e1e;
}
.resource-viewer pre {
  background: #1e1e1e;
  border: 1px solid #3e3e42;
  border-radius: 6px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.resource-viewer code {
  font-family:
    "SF Mono",
    Monaco,
    "Cascadia Code",
    monospace;
  color: #d4d4d4;
}
.resource-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #858585;
  gap: 12px;
}
.resource-empty-icon {
  font-size: 48px;
  opacity: 0.5;
}
.resource-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: #858585;
}
.resource-error {
  padding: 20px;
  color: #f48771;
  text-align: center;
}
.resource-error-detail {
  margin-top: 8px;
  font-size: 13px;
  color: #858585;
}
document-view {
  display: block;
}
metadata-card {
  display: block;
}
.meta-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.meta-entry {
  font-size: 13px;
}
.meta-key {
  font-weight: 600;
  color: #8b949e;
  text-transform: capitalize;
}
.meta-key::after {
  content: ":";
  margin-right: 6px;
}
.meta-entry--scalar {
  display: flex;
  align-items: baseline;
  gap: 0;
}
.meta-entry--scalar .meta-value {
  color: #d4d4d4;
}
.meta-entry--list .meta-key {
  display: block;
  margin-bottom: 4px;
}
.meta-value {
  color: #d4d4d4;
  word-break: break-word;
}
.meta-list {
  margin: 0;
  padding-left: 18px;
}
.meta-list li {
  margin: 3px 0;
  line-height: 1.4;
}
.meta-pre {
  background: #0d1117;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px;
  overflow-x: auto;
  margin: 0;
}
.meta-empty {
  color: #484f58;
}
.meta-entry[data-key=blocked] {
  border-left: 3px solid #f85149;
  padding-left: 10px;
  background: rgba(248, 81, 73, 0.08);
  border-radius: 0 4px 4px 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
.uri-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.uri-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
.uri-label {
  color: #8b949e;
  font-weight: 500;
  min-width: 60px;
}
.uri-value {
  flex: 1;
  background: #0d1117;
  padding: 4px 8px;
  border-radius: 4px;
  font-family:
    "SF Mono",
    Monaco,
    "Cascadia Code",
    "Roboto Mono",
    Consolas,
    "Courier New",
    monospace;
  font-size: 11px;
  color: #79c0ff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}
.modal-content {
  background: #2d2d30;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #3e3e42;
}
.modal-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.modal-close {
  background: none;
  border: none;
  color: #8b949e;
  font-size: 28px;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
}
.modal-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #d4d4d4;
}
.modal-body {
  padding: 20px;
}
.info-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.info-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.info-label {
  font-weight: 600;
  color: #8b949e;
  min-width: 120px;
}
.info-value {
  flex: 1;
  text-align: right;
  color: #d4d4d4;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.info-value code {
  background: #1e1e1e;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-family:
    "SF Mono",
    Monaco,
    "Cascadia Code",
    monospace;
  word-break: break-all;
}
.loading {
  text-align: center;
  color: #8b949e;
  padding: 20px;
}
.error {
  color: #f85149;
  text-align: center;
  padding: 20px;
}
copy-button {
  font-family: monospace;
  font-weight: 600;
}
.header-actions {
  display: flex;
  gap: 8px;
}
.spotlight-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12vh;
}
.spotlight-modal {
  background: #2d2d30;
  border-radius: 12px;
  width: 90%;
  max-width: 700px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.spotlight-input-wrapper {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #3e3e42;
  gap: 12px;
}
.spotlight-icon {
  width: 20px;
  height: 20px;
  color: #8b949e;
  flex-shrink: 0;
}
.spotlight-input {
  flex: 1;
  background: none;
  border: none;
  color: #d4d4d4;
  font-size: 18px;
  outline: none;
}
.spotlight-input::placeholder {
  color: #6e7681;
}
.spotlight-hint {
  font-size: 12px;
  color: #6e7681;
  background: #3e3e42;
  padding: 4px 8px;
  border-radius: 4px;
}
.spotlight-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 1px solid #3e3e42;
  gap: 12px;
}
.spotlight-type-filters {
  display: flex;
  gap: 4px;
}
.spotlight-filter-btn {
  background: transparent;
  border: 1px solid #3e3e42;
  color: #8b949e;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.spotlight-filter-btn:hover {
  background: #3e3e42;
  color: #d4d4d4;
}
.spotlight-filter-btn.active {
  background: #58a6ff;
  border-color: #58a6ff;
  color: white;
}
.spotlight-sort-controls {
  display: flex;
  gap: 4px;
}
.spotlight-sort-btn {
  background: transparent;
  border: none;
  color: #6e7681;
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
  transition: color 0.15s ease;
}
.spotlight-sort-btn:hover {
  color: #d4d4d4;
}
.spotlight-sort-btn.active {
  color: #58a6ff;
  font-weight: 500;
}
.spotlight-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 20px;
  font-size: 12px;
  color: #6e7681;
  border-bottom: 1px solid #3e3e42;
  min-height: 28px;
}
.spotlight-result-count {
  color: #8b949e;
}
.spotlight-loading-indicator {
  display: flex;
  align-items: center;
}
.spotlight-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #3e3e42;
  border-top-color: #58a6ff;
  border-radius: 50%;
  animation: spotlight-spin 0.8s linear infinite;
}
@keyframes spotlight-spin {
  to {
    transform: rotate(360deg);
  }
}
.spotlight-results {
  max-height: 450px;
  overflow-y: auto;
}
.spotlight-result {
  display: flex;
  flex-direction: column;
  padding: 14px 20px;
  gap: 8px;
  cursor: pointer;
  border-bottom: 1px solid #3e3e42;
}
.spotlight-result:last-child {
  border-bottom: none;
}
.spotlight-result:hover,
.spotlight-result.selected {
  background: #37373d;
}
.spotlight-result-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.spotlight-result-title {
  flex: 1;
  font-weight: 500;
  color: #d4d4d4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.spotlight-result-snippet {
  background: #252526;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
  color: #b0b0b0;
  overflow: hidden;
}
.spotlight-result-snippet .snippet-text {
  display: block;
  max-height: 3.6em;
  overflow: hidden;
}
.spotlight-result-snippet .snippet-text p {
  margin: 0;
}
.spotlight-result-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
}
.spotlight-result-field {
  color: #6e7681;
  font-style: italic;
}
.spotlight-match {
  background: rgba(255, 213, 0, 0.3);
  color: #ffd500;
  border-radius: 2px;
  padding: 0 2px;
}
.spotlight-empty {
  padding: 24px;
  text-align: center;
  color: #8b949e;
}
.spotlight-default-tabs {
  display: none;
}
.spotlight-tabs-header {
  display: flex;
  gap: 4px;
  padding: 10px 20px;
  border-bottom: 1px solid #3e3e42;
}
.spotlight-tab-btn {
  background: transparent;
  border: 1px solid transparent;
  color: #8b949e;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.spotlight-tab-btn:hover {
  background: #3e3e42;
  color: #d4d4d4;
}
.spotlight-tab-btn.active {
  background: #37373d;
  border-color: #58a6ff;
  color: #d4d4d4;
}
.spotlight-tabs-content {
  max-height: 400px;
  overflow-y: auto;
}
.spotlight-tab-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  cursor: pointer;
  border-bottom: 1px solid #3e3e42;
  transition: background 0.15s;
}
.spotlight-tab-item:last-child {
  border-bottom: none;
}
.spotlight-tab-item:hover,
.spotlight-tab-item.selected {
  background: #37373d;
}
.spotlight-tab-item-title {
  flex: 1;
  color: #d4d4d4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.spotlight-tab-empty {
  padding: 40px 20px;
  text-align: center;
  color: #6e7681;
}
.spotlight-tab-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}
.spotlight-resource-icon {
  font-size: 16px;
  margin-right: 4px;
}
.spotlight-result-path {
  color: #6e7681;
  font-family: monospace;
  font-size: 11px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.type-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 500;
  text-transform: uppercase;
  flex-shrink: 0;
}
.type-badge.type-resource {
  background: #8b5cf6;
  color: white;
}
.activity-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.activity-loading,
.activity-error,
.activity-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #8b949e;
  gap: 8px;
}
.activity-empty-icon {
  font-size: 32px;
  opacity: 0.5;
}
.activity-filter-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #21262d;
  border-bottom: 1px solid #30363d;
  flex-shrink: 0;
}
.activity-filter-label {
  font-size: 12px;
  color: #8b949e;
}
.activity-filter-clear {
  margin-left: auto;
  padding: 4px 8px;
  background: transparent;
  border: 1px solid #30363d;
  border-radius: 4px;
  color: #8b949e;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s;
}
.activity-filter-clear:hover {
  background: #30363d;
  color: #d4d4d4;
}
.activity-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #30363d;
  flex-shrink: 0;
}
.activity-title {
  font-weight: 600;
  color: #d4d4d4;
}
.activity-count {
  font-size: 12px;
  color: #8b949e;
}
.activity-list {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
.activity-item {
  background: #252526;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: background 0.15s;
}
.activity-item:hover {
  background: #2d2d30;
}
.activity-item.expanded {
  background: #2d2d30;
}
.activity-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  cursor: pointer;
  border-radius: 6px;
}
.activity-item-header:hover {
  background: #2d2d30;
}
.activity-item.expanded .activity-item-header {
  border-radius: 6px 6px 0 0;
}
.activity-item-left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.activity-item-info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.activity-item-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
  margin-left: 12px;
}
.activity-icon {
  font-size: 14px;
  flex-shrink: 0;
}
.activity-label {
  font-weight: 500;
  color: #d4d4d4;
  flex-shrink: 0;
}
.activity-merged-badge {
  font-size: 11px;
  font-weight: 500;
  color: #58a6ff;
  background: rgba(88, 166, 255, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 6px;
}
.activity-resource {
  flex: 1;
  color: #8b949e;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-task-link {
  color: #58a6ff;
  text-decoration: none;
  cursor: pointer;
}
.activity-task-link:hover {
  text-decoration: underline;
}
.activity-time {
  font-size: 12px;
  color: #8b949e;
  flex-shrink: 0;
}
.activity-date {
  font-size: 11px;
  color: #6e7681;
}
.activity-actor-inline {
  font-size: 12px;
}
.activity-resource-id {
  color: #8b949e;
  font-size: 12px;
}
.activity-actor-user {
  color: #58a6ff;
}
.activity-actor-agent {
  color: #a371f7;
}
.activity-expanded {
  padding: 8px 12px 12px;
  cursor: default;
}
.activity-detail-row {
  display: flex;
  gap: 8px;
  padding: 6px 0;
  align-items: flex-start;
}
.activity-detail-label {
  color: #8b949e;
  font-size: 12px;
  min-width: 60px;
  flex-shrink: 0;
}
.activity-detail-value {
  color: #d4d4d4;
  font-size: 13px;
  word-break: break-word;
}
.activity-diff {
  background: #1e1e1e;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 8px;
  font-family: monospace;
  font-size: 12px;
}
.activity-diff-header {
  font-weight: 600;
  color: #8b949e;
  margin-bottom: 4px;
}
.activity-diff-old {
  color: #f85149;
  white-space: pre-wrap;
  word-break: break-all;
}
.activity-diff-new {
  color: #3fb950;
  white-space: pre-wrap;
  word-break: break-all;
}
.activity-details {
  margin-top: 8px;
}
.activity-details summary {
  cursor: pointer;
  color: #8b949e;
  font-size: 12px;
  padding: 4px 0;
}
.activity-details summary:hover {
  color: #d4d4d4;
}
.activity-json {
  background: #1e1e1e;
  border-radius: 4px;
  padding: 8px;
  font-size: 11px;
  overflow-x: auto;
  max-height: 200px;
  overflow-y: auto;
  color: #d4d4d4;
  margin: 4px 0 0;
}
.task-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
#task-activity-btn {
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.activity-btn-with-badge {
  position: relative;
}
.activity-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #30363d;
  color: #8b949e;
  font-size: 10px;
  font-weight: 600;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-actor-user {
  color: #58a6ff;
}
.activity-actor-agent {
  color: #a371f7;
}
.activity-delegated {
  color: #6e7681;
  font-style: italic;
}
.activity-context {
  color: #6e7681;
  font-size: 11px;
}
.activity-diff {
  border-radius: 6px;
  overflow: hidden;
  margin-top: 8px;
  position: relative;
}
.activity-diff .d2h-file-header {
  display: none;
}
.activity-diff .d2h-file-wrapper {
  margin-bottom: 0;
  border: none;
}
.activity-diff .d2h-diff-table {
  font-size: 12px;
}
.activity-diff .d2h-code-linenumber {
  position: sticky;
  left: 0;
}
.activity-diff-stack {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.activity-diff-stack .activity-diff {
  margin-top: 0;
}
.activity-day-separator {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 12px;
  margin-top: 20px;
  margin-bottom: 12px;
  position: sticky;
  top: 0;
  background: #252526;
  z-index: 10;
  border-bottom: 2px solid #3d444d;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.activity-day-separator:first-child {
  margin-top: 0;
}
.activity-day-label {
  font-weight: 700;
  color: #e6edf3;
  font-size: 14px;
  letter-spacing: -0.01em;
}
.activity-day-count {
  font-size: 11px;
  color: #8b949e;
  background: #30363d;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 500;
}
.activity-task-group {
  margin: 0 8px 12px;
  background: #21262d;
  border-radius: 8px;
  overflow: hidden;
}
.activity-task-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #30363d;
  border-bottom: 1px solid #3d444d;
  flex-wrap: wrap;
}
.activity-task-title {
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.activity-task-recent {
  color: #6e7681;
  font-size: 11px;
  margin-left: auto;
  flex-shrink: 0;
}
.activity-epic-link {
  text-decoration: none;
  flex-shrink: 0;
  color: #8b949e;
}
.activity-epic-link:hover {
  opacity: 0.8;
}
.activity-toggle-btn {
  width: 100%;
  padding: 8px 12px;
  background: #21262d;
  border: none;
  border-top: 1px solid #30363d;
  color: #58a6ff;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  transition: background 0.15s;
}
.activity-toggle-btn:hover {
  background: #2d333b;
}
.activity-task-group .activity-item {
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid #30363d;
}
.activity-task-group .activity-item:last-child {
  border-bottom: none;
}
.activity-task-group .activity-item:last-child:has(+ .activity-toggle-btn) {
  border-bottom: none;
}
.activity-task-group .activity-item:hover {
  background: #2d333b;
}
.activity-mode-toggle {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  border-bottom: 1px solid #30363d;
  flex-shrink: 0;
}
.activity-mode-btn {
  padding: 6px 12px;
  border: 1px solid #30363d;
  background: transparent;
  color: #8b949e;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s;
}
.activity-mode-btn:hover {
  background: #30363d;
  color: #d4d4d4;
}
.activity-mode-btn.active {
  background: #238636;
  border-color: #238636;
  color: white;
}
.activity-journal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.activity-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid #30363d;
  flex-shrink: 0;
}
.activity-nav-btn {
  padding: 6px 10px;
  border: 1px solid #30363d;
  background: transparent;
  color: #8b949e;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s;
}
.activity-nav-btn:hover:not(:disabled) {
  background: #30363d;
  color: #d4d4d4;
}
.activity-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.activity-nav-today {
  margin-left: auto;
  background: #238636;
  border-color: #238636;
  color: white;
}
.activity-nav-today:hover {
  background: #2ea043;
}
.activity-nav-date {
  flex: 1;
  text-align: center;
  font-weight: 600;
  color: #d4d4d4;
}
.activity-journal-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #8b949e;
  gap: 8px;
  padding: 40px;
}
.activity-journal-content {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  padding-bottom: 24px;
}
.activity-journal-section {
  margin-bottom: 24px;
  background: #1e1e1e;
  border-radius: 8px;
  padding: 12px;
}
.activity-journal-section:last-child {
  margin-bottom: 12px;
}
.activity-journal-section-title {
  font-weight: 600;
  color: #d4d4d4;
  font-size: 14px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #30363d;
}
.activity-journal-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-journal-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #252525;
  flex-wrap: nowrap;
  min-width: 0;
}
.activity-journal-item:last-child {
  border-bottom: none;
}
.activity-journal-item task-badge {
  flex-shrink: 0;
}
.activity-journal-title {
  color: #8b949e;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.activity-journal-epic-group {
  margin-bottom: 16px;
}
.activity-journal-epic-group:last-child {
  margin-bottom: 0;
}
.activity-journal-epic-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0 4px 0;
  flex-wrap: nowrap;
}
.activity-journal-epic-header task-badge {
  flex-shrink: 0;
}
.activity-journal-epic-title {
  font-weight: 500;
  color: #d4d4d4;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-journal-epic-group .activity-journal-list {
  padding-left: 12px;
  border-left: 2px solid #30363d;
  margin-left: 4px;
}
.activity-journal-epic-group .activity-journal-item {
  padding: 6px 0;
}

/* github-markdown.css */
.markdown-body {
  color-scheme: dark;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: #f0f6fc;
  background-color: #0d1117;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Noto Sans",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}
.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}
.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: " ";
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}
.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
  display: block;
}
.markdown-body summary {
  display: list-item;
}
.markdown-body [hidden] {
  display: none !important;
}
.markdown-body a {
  background-color: transparent;
  color: #4493f8;
  text-decoration: none;
}
.markdown-body abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.markdown-body b,
.markdown-body strong {
  font-weight: 600;
}
.markdown-body dfn {
  font-style: italic;
}
.markdown-body h1 {
  margin: .67em 0;
  font-weight: 600;
  padding-bottom: .3em;
  font-size: 2em;
  border-bottom: 1px solid #3d444db3;
}
.markdown-body mark {
  background-color: #bb800926;
  color: #f0f6fc;
}
.markdown-body small {
  font-size: 90%;
}
.markdown-body sub,
.markdown-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.markdown-body sub {
  bottom: -0.25em;
}
.markdown-body sup {
  top: -0.5em;
}
.markdown-body img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
  font-family: monospace;
  font-size: 1em;
}
.markdown-body figure {
  margin: 1em 2.5rem;
}
.markdown-body hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid #3d444db3;
  height: .25em;
  padding: 0;
  margin: 1.5rem 0;
  background-color: #3d444d;
  border: 0;
}
.markdown-body input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.markdown-body [type=button],
.markdown-body [type=reset],
.markdown-body [type=submit] {
  -webkit-appearance: button;
  appearance: button;
}
.markdown-body [type=checkbox],
.markdown-body [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.markdown-body [type=number]::-webkit-inner-spin-button,
.markdown-body [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.markdown-body [type=search]::-webkit-search-cancel-button,
.markdown-body [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}
.markdown-body ::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}
.markdown-body a:hover {
  text-decoration: underline;
}
.markdown-body ::placeholder {
  color: #9198a1;
  opacity: 1;
}
.markdown-body hr::before {
  display: table;
  content: "";
}
.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
  overflow: auto;
  font-variant: tabular-nums;
}
.markdown-body td,
.markdown-body th {
  padding: 0;
}
.markdown-body details summary {
  cursor: pointer;
}
.markdown-body a:focus,
.markdown-body [role=button]:focus,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=checkbox]:focus {
  outline: 2px solid #1f6feb;
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:focus:not(:focus-visible),
.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body input[type=radio]:focus:not(:focus-visible),
.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.markdown-body a:focus-visible,
.markdown-body [role=button]:focus-visible,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus-visible {
  outline: 2px solid #1f6feb;
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:not([class]):focus,
.markdown-body a:not([class]):focus-visible,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus,
.markdown-body input[type=checkbox]:focus-visible {
  outline-offset: 0;
}
.markdown-body kbd {
  display: inline-block;
  padding: 0.25rem;
  font:
    11px ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace;
  line-height: 10px;
  color: #f0f6fc;
  vertical-align: middle;
  background-color: #151b23;
  border: solid 1px #3d444db3;
  border-bottom-color: #3d444db3;
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 #3d444db3;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.25;
}
.markdown-body h2 {
  font-weight: 600;
  padding-bottom: .3em;
  font-size: 1.5em;
  border-bottom: 1px solid #3d444db3;
}
.markdown-body h3 {
  font-weight: 600;
  font-size: 1.25em;
}
.markdown-body h4 {
  font-weight: 600;
  font-size: 1em;
}
.markdown-body h5 {
  font-weight: 600;
  font-size: .875em;
}
.markdown-body h6 {
  font-weight: 600;
  font-size: .85em;
  color: #9198a1;
}
.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}
.markdown-body blockquote {
  margin: 0;
  padding: 0 1em;
  color: #9198a1;
  border-left: .25em solid #3d444d;
}
.markdown-body ul,
.markdown-body ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}
.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}
.markdown-body dd {
  margin-left: 0;
}
.markdown-body tt,
.markdown-body code,
.markdown-body samp {
  font-family:
    ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace;
  font-size: 12px;
}
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace;
  font-size: 12px;
  word-wrap: normal;
}
.markdown-body .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}
.markdown-body input::-webkit-outer-spin-button,
.markdown-body input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}
.markdown-body .mr-2 {
  margin-right: 0.5rem !important;
}
.markdown-body::before {
  display: table;
  content: "";
}
.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body > *:first-child {
  margin-top: 0 !important;
}
.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.markdown-body .absent {
  color: #f85149;
}
.markdown-body .anchor {
  float: left;
  padding-right: 0.25rem;
  margin-left: -20px;
  line-height: 1;
}
.markdown-body .anchor:focus {
  outline: none;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-top: 0;
  margin-bottom: 1rem;
}
.markdown-body blockquote > :first-child {
  margin-top: 0;
}
.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: #f0f6fc;
  vertical-align: middle;
  visibility: hidden;
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}
.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  padding: 0 .2em;
  font-size: inherit;
}
.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
  display: inline-block;
}
.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
  margin-left: -40px;
}
.markdown-body summary h1,
.markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}
.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}
.markdown-body ol[type="a s"] {
  list-style-type: lower-alpha;
}
.markdown-body ol[type="A s"] {
  list-style-type: upper-alpha;
}
.markdown-body ol[type="i s"] {
  list-style-type: lower-roman;
}
.markdown-body ol[type="I s"] {
  list-style-type: upper-roman;
}
.markdown-body ol[type="1"] {
  list-style-type: decimal;
}
.markdown-body div > ol:not([type]) {
  list-style-type: decimal;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown-body li > p {
  margin-top: 1rem;
}
.markdown-body li + li {
  margin-top: .25em;
}
.markdown-body dl {
  padding: 0;
}
.markdown-body dl dt {
  padding: 0;
  margin-top: 1rem;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.markdown-body dl dd {
  padding: 0 1rem;
  margin-bottom: 1rem;
}
.markdown-body table th {
  font-weight: 600;
}
.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid #3d444d;
}
.markdown-body table td > :last-child {
  margin-bottom: 0;
}
.markdown-body table tr {
  background-color: #0d1117;
  border-top: 1px solid #3d444db3;
}
.markdown-body table tr:nth-child(2n) {
  background-color: #151b23;
}
.markdown-body table img {
  background-color: transparent;
}
.markdown-body img[align=right] {
  padding-left: 20px;
}
.markdown-body img[align=left] {
  padding-right: 20px;
}
.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.markdown-body span.frame {
  display: block;
  overflow: hidden;
}
.markdown-body span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid #3d444d;
}
.markdown-body span.frame span img {
  display: block;
  float: left;
}
.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: #f0f6fc;
}
.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.markdown-body span.float-left span {
  margin: 13px 0 0;
}
.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.markdown-body span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body code,
.markdown-body tt {
  padding: .2em .4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: #656c7633;
  border-radius: 6px;
}
.markdown-body code br,
.markdown-body tt br {
  display: none;
}
.markdown-body del code {
  text-decoration: inherit;
}
.markdown-body samp {
  font-size: 85%;
}
.markdown-body pre code {
  font-size: 100%;
}
.markdown-body pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.markdown-body .highlight {
  margin-bottom: 1rem;
}
.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}
.markdown-body .highlight pre,
.markdown-body pre {
  padding: 1rem;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  color: #f0f6fc;
  background-color: #151b23;
  border-radius: 6px;
}
.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
  padding: 10px 0.5rem 9px;
  text-align: right;
  background: #0d1117;
  border: 0;
}
.markdown-body .csv-data tr {
  border-top: 0;
}
.markdown-body .csv-data th {
  font-weight: 600;
  background: #151b23;
  border-top: 0;
}
.markdown-body [data-footnote-ref]::before {
  content: "[";
}
.markdown-body [data-footnote-ref]::after {
  content: "]";
}
.markdown-body .footnotes {
  font-size: 12px;
  color: #9198a1;
  border-top: 1px solid #3d444d;
}
.markdown-body .footnotes ol {
  padding-left: 1rem;
}
.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: 1rem;
  margin-top: 1rem;
}
.markdown-body .footnotes li {
  position: relative;
}
.markdown-body .footnotes li:target::before {
  position: absolute;
  top: calc(0.5rem*-1);
  right: calc(0.5rem*-1);
  bottom: calc(0.5rem*-1);
  left: calc(1.5rem*-1);
  pointer-events: none;
  content: "";
  border: 2px solid #1f6feb;
  border-radius: 6px;
}
.markdown-body .footnotes li:target {
  color: #f0f6fc;
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.markdown-body body:has(:modal) {
  padding-right: var(--dialog-scrollgutter) !important;
}
.markdown-body .pl-c {
  color: #9198a1;
}
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: #79c0ff;
}
.markdown-body .pl-e,
.markdown-body .pl-en {
  color: #d2a8ff;
}
.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: #f0f6fc;
}
.markdown-body .pl-ent {
  color: #7ee787;
}
.markdown-body .pl-k {
  color: #ff7b72;
}
.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: #a5d6ff;
}
.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: #ffa657;
}
.markdown-body .pl-bu {
  color: #f85149;
}
.markdown-body .pl-ii {
  color: #f0f6fc;
  background-color: #8e1519;
}
.markdown-body .pl-c2 {
  color: #f0f6fc;
  background-color: #b62324;
}
.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: #7ee787;
}
.markdown-body .pl-ml {
  color: #f2cc60;
}
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: #1f6feb;
}
.markdown-body .pl-mi {
  font-style: italic;
  color: #f0f6fc;
}
.markdown-body .pl-mb {
  font-weight: bold;
  color: #f0f6fc;
}
.markdown-body .pl-md {
  color: #ffdcd7;
  background-color: #67060c;
}
.markdown-body .pl-mi1 {
  color: #aff5b4;
  background-color: #033a16;
}
.markdown-body .pl-mc {
  color: #ffdfb6;
  background-color: #5a1e02;
}
.markdown-body .pl-mi2 {
  color: #f0f6fc;
  background-color: #1158c7;
}
.markdown-body .pl-mdr {
  font-weight: bold;
  color: #d2a8ff;
}
.markdown-body .pl-ba {
  color: #9198a1;
}
.markdown-body .pl-sg {
  color: #3d444d;
}
.markdown-body .pl-corl {
  text-decoration: underline;
  color: #a5d6ff;
}
.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
.markdown-body button:focus:not(:focus-visible),
.markdown-body summary:focus:not(:focus-visible),
.markdown-body a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.markdown-body [tabindex="0"]:focus:not(:focus-visible),
.markdown-body details-dialog:focus:not(:focus-visible) {
  outline: none;
}
.markdown-body g-emoji {
  display: inline-block;
  min-width: 1ch;
  font-family:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1em;
  font-style: normal !important;
  font-weight: 400;
  line-height: 1;
  vertical-align: -0.075em;
}
.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}
.markdown-body .task-list-item {
  list-style-type: none;
}
.markdown-body .task-list-item label {
  font-weight: 400;
}
.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}
.markdown-body .task-list-item + .task-list-item {
  margin-top: 0.25rem;
}
.markdown-body .task-list-item .handle {
  display: none;
}
.markdown-body .task-list-item-checkbox {
  margin: 0 .2em .25em -1.4em;
  vertical-align: middle;
}
.markdown-body ul:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}
.markdown-body ol:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container,
.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
  display: block;
  width: auto;
  height: 24px;
  overflow: visible;
  clip: auto;
}
.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}
.markdown-body .markdown-alert {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  color: inherit;
  border-left: .25em solid #3d444d;
}
.markdown-body .markdown-alert > :first-child {
  margin-top: 0;
}
.markdown-body .markdown-alert > :last-child {
  margin-bottom: 0;
}
.markdown-body .markdown-alert .markdown-alert-title {
  display: flex;
  font-weight: 500;
  align-items: center;
  line-height: 1;
}
.markdown-body .markdown-alert.markdown-alert-note {
  border-left-color: #1f6feb;
}
.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: #4493f8;
}
.markdown-body .markdown-alert.markdown-alert-important {
  border-left-color: #8957e5;
}
.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: #ab7df8;
}
.markdown-body .markdown-alert.markdown-alert-warning {
  border-left-color: #9e6a03;
}
.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: #d29922;
}
.markdown-body .markdown-alert.markdown-alert-tip {
  border-left-color: #238636;
}
.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: #3fb950;
}
.markdown-body .markdown-alert.markdown-alert-caution {
  border-left-color: #da3633;
}
.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: #f85149;
}
.markdown-body > *:first-child > .heading-element:first-child {
  margin-top: 0 !important;
}
.markdown-body .highlight pre:has(+ .zeroclipboard-container) {
  min-height: 52px;
}

/* ../../node_modules/.pnpm/diff2html@3.4.56/node_modules/diff2html/bundles/css/diff2html.min.css */
:host,
:root {
  --d2h-bg-color:#fff;
  --d2h-border-color:#ddd;
  --d2h-dim-color:rgba(0,0,0,.3);
  --d2h-line-border-color:#eee;
  --d2h-file-header-bg-color:#f7f7f7;
  --d2h-file-header-border-color:#d8d8d8;
  --d2h-empty-placeholder-bg-color:#f1f1f1;
  --d2h-empty-placeholder-border-color:#e1e1e1;
  --d2h-selected-color:#c8e1ff;
  --d2h-ins-bg-color:#dfd;
  --d2h-ins-border-color:#b4e2b4;
  --d2h-ins-highlight-bg-color:#97f295;
  --d2h-ins-label-color:#399839;
  --d2h-del-bg-color:#fee8e9;
  --d2h-del-border-color:#e9aeae;
  --d2h-del-highlight-bg-color:#ffb6ba;
  --d2h-del-label-color:#c33;
  --d2h-change-del-color:#fdf2d0;
  --d2h-change-ins-color:#ded;
  --d2h-info-bg-color:#f8fafd;
  --d2h-info-border-color:#d5e4f2;
  --d2h-change-label-color:#d0b44c;
  --d2h-moved-label-color:#3572b0;
  --d2h-dark-color:#e6edf3;
  --d2h-dark-bg-color:#0d1117;
  --d2h-dark-border-color:#30363d;
  --d2h-dark-dim-color:#6e7681;
  --d2h-dark-line-border-color:#21262d;
  --d2h-dark-file-header-bg-color:#161b22;
  --d2h-dark-file-header-border-color:#30363d;
  --d2h-dark-empty-placeholder-bg-color:hsla(215,8%,47%,.1);
  --d2h-dark-empty-placeholder-border-color:#30363d;
  --d2h-dark-selected-color:rgba(56,139,253,.1);
  --d2h-dark-ins-bg-color:rgba(46,160,67,.15);
  --d2h-dark-ins-border-color:rgba(46,160,67,.4);
  --d2h-dark-ins-highlight-bg-color:rgba(46,160,67,.4);
  --d2h-dark-ins-label-color:#3fb950;
  --d2h-dark-del-bg-color:rgba(248,81,73,.1);
  --d2h-dark-del-border-color:rgba(248,81,73,.4);
  --d2h-dark-del-highlight-bg-color:rgba(248,81,73,.4);
  --d2h-dark-del-label-color:#f85149;
  --d2h-dark-change-del-color:rgba(210,153,34,.2);
  --d2h-dark-change-ins-color:rgba(46,160,67,.25);
  --d2h-dark-info-bg-color:rgba(56,139,253,.1);
  --d2h-dark-info-border-color:rgba(56,139,253,.4);
  --d2h-dark-change-label-color:#d29922;
  --d2h-dark-moved-label-color:#3572b0;
}
.d2h-wrapper {
  text-align: left;
}
.d2h-file-header {
  background-color: #f7f7f7;
  background-color: var(--d2h-file-header-bg-color);
  border-bottom: 1px solid #d8d8d8;
  border-bottom: 1px solid var(--d2h-file-header-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family:
    Source Sans Pro,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  height: 35px;
  padding: 5px 10px;
}
.d2h-file-header.d2h-sticky-header {
  position: sticky;
  top: 0;
  z-index: 1;
}
.d2h-file-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-left: auto;
}
.d2h-lines-added {
  border: 1px solid #b4e2b4;
  border: 1px solid var(--d2h-ins-border-color);
  border-radius: 5px 0 0 5px;
  color: #399839;
  color: var(--d2h-ins-label-color);
  padding: 2px;
  text-align: right;
  vertical-align: middle;
}
.d2h-lines-deleted {
  border: 1px solid #e9aeae;
  border: 1px solid var(--d2h-del-border-color);
  border-radius: 0 5px 5px 0;
  color: #c33;
  color: var(--d2h-del-label-color);
  margin-left: 1px;
  padding: 2px;
  text-align: left;
  vertical-align: middle;
}
.d2h-file-name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  width: 100%;
}
.d2h-file-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.d2h-file-wrapper {
  border: 1px solid #ddd;
  border: 1px solid var(--d2h-border-color);
  border-radius: 3px;
  margin-bottom: 1em;
}
.d2h-file-collapse {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  cursor: pointer;
  display: none;
  font-size: 12px;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ddd;
  border: 1px solid var(--d2h-border-color);
  border-radius: 3px;
  padding: 4px 8px;
}
.d2h-file-collapse.d2h-selected {
  background-color: #c8e1ff;
  background-color: var(--d2h-selected-color);
}
.d2h-file-collapse-input {
  margin: 0 4px 0 0;
}
.d2h-diff-table {
  border-collapse: collapse;
  font-family:
    Menlo,
    Consolas,
    monospace;
  font-size: 13px;
  width: 100%;
}
.d2h-files-diff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.d2h-file-diff {
  overflow-y: hidden;
}
.d2h-file-diff.d2h-d-none,
.d2h-files-diff.d2h-d-none {
  display: none;
}
.d2h-file-side-diff {
  display: inline-block;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 50%;
}
.d2h-code-line {
  padding: 0 8em;
  width: calc(100% - 16em);
}
.d2h-code-line,
.d2h-code-side-line {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.d2h-code-side-line {
  padding: 0 4.5em;
  width: calc(100% - 9em);
}
.d2h-code-line-ctn {
  background: none;
  display: inline-block;
  padding: 0;
  word-wrap: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  vertical-align: middle;
  white-space: pre;
  width: 100%;
}
.d2h-code-line del,
.d2h-code-side-line del {
  background-color: #ffb6ba;
  background-color: var(--d2h-del-highlight-bg-color);
}
.d2h-code-line del,
.d2h-code-line ins,
.d2h-code-side-line del,
.d2h-code-side-line ins {
  border-radius: .2em;
  display: inline-block;
  margin-top: -1px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.d2h-code-line ins,
.d2h-code-side-line ins {
  background-color: #97f295;
  background-color: var(--d2h-ins-highlight-bg-color);
  text-align: left;
}
.d2h-code-line-prefix {
  background: none;
  display: inline;
  padding: 0;
  word-wrap: normal;
  white-space: pre;
}
.line-num1 {
  float: left;
}
.line-num1,
.line-num2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 .5em;
  text-overflow: ellipsis;
  width: 3.5em;
}
.line-num2 {
  float: right;
}
.d2h-code-linenumber {
  background-color: #fff;
  background-color: var(--d2h-bg-color);
  border: solid #eee;
  border: solid var(--d2h-line-border-color);
  border-width: 0 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 0, 0, .3);
  color: var(--d2h-dim-color);
  cursor: pointer;
  display: inline-block;
  position: absolute;
  text-align: right;
  width: 7.5em;
}
.d2h-code-linenumber:after {
  content: "\200b";
}
.d2h-code-side-linenumber {
  background-color: #fff;
  background-color: var(--d2h-bg-color);
  border: solid #eee;
  border: solid var(--d2h-line-border-color);
  border-width: 0 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 0, 0, .3);
  color: var(--d2h-dim-color);
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0 .5em;
  position: absolute;
  text-align: right;
  text-overflow: ellipsis;
  width: 4em;
}
.d2h-code-side-linenumber:after {
  content: "\200b";
}
.d2h-code-side-emptyplaceholder,
.d2h-emptyplaceholder {
  background-color: #f1f1f1;
  background-color: var(--d2h-empty-placeholder-bg-color);
  border-color: #e1e1e1;
  border-color: var(--d2h-empty-placeholder-border-color);
}
.d2h-code-line-prefix,
.d2h-code-linenumber,
.d2h-code-side-linenumber,
.d2h-emptyplaceholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.d2h-code-linenumber,
.d2h-code-side-linenumber {
  direction: rtl;
}
.d2h-del {
  background-color: #fee8e9;
  background-color: var(--d2h-del-bg-color);
  border-color: #e9aeae;
  border-color: var(--d2h-del-border-color);
}
.d2h-ins {
  background-color: #dfd;
  background-color: var(--d2h-ins-bg-color);
  border-color: #b4e2b4;
  border-color: var(--d2h-ins-border-color);
}
.d2h-info {
  background-color: #f8fafd;
  background-color: var(--d2h-info-bg-color);
  border-color: #d5e4f2;
  border-color: var(--d2h-info-border-color);
  color: rgba(0, 0, 0, .3);
  color: var(--d2h-dim-color);
}
.d2h-file-diff .d2h-del.d2h-change {
  background-color: #fdf2d0;
  background-color: var(--d2h-change-del-color);
}
.d2h-file-diff .d2h-ins.d2h-change {
  background-color: #ded;
  background-color: var(--d2h-change-ins-color);
}
.d2h-file-list-wrapper {
  margin-bottom: 10px;
}
.d2h-file-list-wrapper a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.d2h-file-list-wrapper a,
.d2h-file-list-wrapper a:visited {
  color: #3572b0;
  color: var(--d2h-moved-label-color);
}
.d2h-file-list-header {
  text-align: left;
}
.d2h-file-list-title {
  font-weight: 700;
}
.d2h-file-list-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.d2h-file-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.d2h-file-list > li {
  border-bottom: 1px solid #ddd;
  border-bottom: 1px solid var(--d2h-border-color);
  margin: 0;
  padding: 5px 10px;
}
.d2h-file-list > li:last-child {
  border-bottom: none;
}
.d2h-file-switch {
  cursor: pointer;
  display: none;
  font-size: 10px;
}
.d2h-icon {
  fill: currentColor;
  margin-right: 10px;
  vertical-align: middle;
}
.d2h-deleted {
  color: #c33;
  color: var(--d2h-del-label-color);
}
.d2h-added {
  color: #399839;
  color: var(--d2h-ins-label-color);
}
.d2h-changed {
  color: #d0b44c;
  color: var(--d2h-change-label-color);
}
.d2h-moved {
  color: #3572b0;
  color: var(--d2h-moved-label-color);
}
.d2h-tag {
  background-color: #fff;
  background-color: var(--d2h-bg-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  margin-left: 5px;
  padding: 0 2px;
}
.d2h-deleted-tag {
  border: 1px solid #c33;
  border: 1px solid var(--d2h-del-label-color);
}
.d2h-added-tag {
  border: 1px solid #399839;
  border: 1px solid var(--d2h-ins-label-color);
}
.d2h-changed-tag {
  border: 1px solid #d0b44c;
  border: 1px solid var(--d2h-change-label-color);
}
.d2h-moved-tag {
  border: 1px solid #3572b0;
  border: 1px solid var(--d2h-moved-label-color);
}
.d2h-dark-color-scheme {
  background-color: #0d1117;
  background-color: var(--d2h-dark-bg-color);
  color: #e6edf3;
  color: var(--d2h-dark-color);
}
.d2h-dark-color-scheme .d2h-file-header {
  background-color: #161b22;
  background-color: var(--d2h-dark-file-header-bg-color);
  border-bottom: #30363d;
  border-bottom: var(--d2h-dark-file-header-border-color);
}
.d2h-dark-color-scheme .d2h-lines-added {
  border: 1px solid rgba(46, 160, 67, .4);
  border: 1px solid var(--d2h-dark-ins-border-color);
  color: #3fb950;
  color: var(--d2h-dark-ins-label-color);
}
.d2h-dark-color-scheme .d2h-lines-deleted {
  border: 1px solid rgba(248, 81, 73, .4);
  border: 1px solid var(--d2h-dark-del-border-color);
  color: #f85149;
  color: var(--d2h-dark-del-label-color);
}
.d2h-dark-color-scheme .d2h-code-line del,
.d2h-dark-color-scheme .d2h-code-side-line del {
  background-color: rgba(248, 81, 73, .4);
  background-color: var(--d2h-dark-del-highlight-bg-color);
}
.d2h-dark-color-scheme .d2h-code-line ins,
.d2h-dark-color-scheme .d2h-code-side-line ins {
  background-color: rgba(46, 160, 67, .4);
  background-color: var(--d2h-dark-ins-highlight-bg-color);
}
.d2h-dark-color-scheme .d2h-diff-tbody {
  border-color: #30363d;
  border-color: var(--d2h-dark-border-color);
}
.d2h-dark-color-scheme .d2h-code-side-linenumber {
  background-color: #0d1117;
  background-color: var(--d2h-dark-bg-color);
  border-color: #21262d;
  border-color: var(--d2h-dark-line-border-color);
  color: #6e7681;
  color: var(--d2h-dark-dim-color);
}
.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,
.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder {
  background-color: hsla(215, 8%, 47%, .1);
  background-color: var(--d2h-dark-empty-placeholder-bg-color);
  border-color: #30363d;
  border-color: var(--d2h-dark-empty-placeholder-border-color);
}
.d2h-dark-color-scheme .d2h-code-linenumber {
  background-color: #0d1117;
  background-color: var(--d2h-dark-bg-color);
  border-color: #21262d;
  border-color: var(--d2h-dark-line-border-color);
  color: #6e7681;
  color: var(--d2h-dark-dim-color);
}
.d2h-dark-color-scheme .d2h-del {
  background-color: rgba(248, 81, 73, .1);
  background-color: var(--d2h-dark-del-bg-color);
  border-color: rgba(248, 81, 73, .4);
  border-color: var(--d2h-dark-del-border-color);
}
.d2h-dark-color-scheme .d2h-ins {
  background-color: rgba(46, 160, 67, .15);
  background-color: var(--d2h-dark-ins-bg-color);
  border-color: rgba(46, 160, 67, .4);
  border-color: var(--d2h-dark-ins-border-color);
}
.d2h-dark-color-scheme .d2h-info {
  background-color: rgba(56, 139, 253, .1);
  background-color: var(--d2h-dark-info-bg-color);
  border-color: rgba(56, 139, 253, .4);
  border-color: var(--d2h-dark-info-border-color);
  color: #6e7681;
  color: var(--d2h-dark-dim-color);
}
.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change {
  background-color: rgba(210, 153, 34, .2);
  background-color: var(--d2h-dark-change-del-color);
}
.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change {
  background-color: rgba(46, 160, 67, .25);
  background-color: var(--d2h-dark-change-ins-color);
}
.d2h-dark-color-scheme .d2h-file-wrapper {
  border: 1px solid #30363d;
  border: 1px solid var(--d2h-dark-border-color);
}
.d2h-dark-color-scheme .d2h-file-collapse {
  border: 1px solid #0d1117;
  border: 1px solid var(--d2h-dark-bg-color);
}
.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected {
  background-color: rgba(56, 139, 253, .1);
  background-color: var(--d2h-dark-selected-color);
}
.d2h-dark-color-scheme .d2h-file-list-wrapper a,
.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited {
  color: #3572b0;
  color: var(--d2h-dark-moved-label-color);
}
.d2h-dark-color-scheme .d2h-file-list > li {
  border-bottom: 1px solid #0d1117;
  border-bottom: 1px solid var(--d2h-dark-bg-color);
}
.d2h-dark-color-scheme .d2h-deleted {
  color: #f85149;
  color: var(--d2h-dark-del-label-color);
}
.d2h-dark-color-scheme .d2h-added {
  color: #3fb950;
  color: var(--d2h-dark-ins-label-color);
}
.d2h-dark-color-scheme .d2h-changed {
  color: #d29922;
  color: var(--d2h-dark-change-label-color);
}
.d2h-dark-color-scheme .d2h-moved {
  color: #3572b0;
  color: var(--d2h-dark-moved-label-color);
}
.d2h-dark-color-scheme .d2h-tag {
  background-color: #0d1117;
  background-color: var(--d2h-dark-bg-color);
}
.d2h-dark-color-scheme .d2h-deleted-tag {
  border: 1px solid #f85149;
  border: 1px solid var(--d2h-dark-del-label-color);
}
.d2h-dark-color-scheme .d2h-added-tag {
  border: 1px solid #3fb950;
  border: 1px solid var(--d2h-dark-ins-label-color);
}
.d2h-dark-color-scheme .d2h-changed-tag {
  border: 1px solid #d29922;
  border: 1px solid var(--d2h-dark-change-label-color);
}
.d2h-dark-color-scheme .d2h-moved-tag {
  border: 1px solid #3572b0;
  border: 1px solid var(--d2h-dark-moved-label-color);
}
@media (prefers-color-scheme: dark) {
  .d2h-auto-color-scheme {
    background-color: #0d1117;
    background-color: var(--d2h-dark-bg-color);
    color: #e6edf3;
    color: var(--d2h-dark-color);
  }
  .d2h-auto-color-scheme .d2h-file-header {
    background-color: #161b22;
    background-color: var(--d2h-dark-file-header-bg-color);
    border-bottom: #30363d;
    border-bottom: var(--d2h-dark-file-header-border-color);
  }
  .d2h-auto-color-scheme .d2h-lines-added {
    border: 1px solid rgba(46, 160, 67, .4);
    border: 1px solid var(--d2h-dark-ins-border-color);
    color: #3fb950;
    color: var(--d2h-dark-ins-label-color);
  }
  .d2h-auto-color-scheme .d2h-lines-deleted {
    border: 1px solid rgba(248, 81, 73, .4);
    border: 1px solid var(--d2h-dark-del-border-color);
    color: #f85149;
    color: var(--d2h-dark-del-label-color);
  }
  .d2h-auto-color-scheme .d2h-code-line del,
  .d2h-auto-color-scheme .d2h-code-side-line del {
    background-color: rgba(248, 81, 73, .4);
    background-color: var(--d2h-dark-del-highlight-bg-color);
  }
  .d2h-auto-color-scheme .d2h-code-line ins,
  .d2h-auto-color-scheme .d2h-code-side-line ins {
    background-color: rgba(46, 160, 67, .4);
    background-color: var(--d2h-dark-ins-highlight-bg-color);
  }
  .d2h-auto-color-scheme .d2h-diff-tbody {
    border-color: #30363d;
    border-color: var(--d2h-dark-border-color);
  }
  .d2h-auto-color-scheme .d2h-code-side-linenumber {
    background-color: #0d1117;
    background-color: var(--d2h-dark-bg-color);
    border-color: #21262d;
    border-color: var(--d2h-dark-line-border-color);
    color: #6e7681;
    color: var(--d2h-dark-dim-color);
  }
  .d2h-auto-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,
  .d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder {
    background-color: hsla(215, 8%, 47%, .1);
    background-color: var(--d2h-dark-empty-placeholder-bg-color);
    border-color: #30363d;
    border-color: var(--d2h-dark-empty-placeholder-border-color);
  }
  .d2h-auto-color-scheme .d2h-code-linenumber {
    background-color: #0d1117;
    background-color: var(--d2h-dark-bg-color);
    border-color: #21262d;
    border-color: var(--d2h-dark-line-border-color);
    color: #6e7681;
    color: var(--d2h-dark-dim-color);
  }
  .d2h-auto-color-scheme .d2h-del {
    background-color: rgba(248, 81, 73, .1);
    background-color: var(--d2h-dark-del-bg-color);
    border-color: rgba(248, 81, 73, .4);
    border-color: var(--d2h-dark-del-border-color);
  }
  .d2h-auto-color-scheme .d2h-ins {
    background-color: rgba(46, 160, 67, .15);
    background-color: var(--d2h-dark-ins-bg-color);
    border-color: rgba(46, 160, 67, .4);
    border-color: var(--d2h-dark-ins-border-color);
  }
  .d2h-auto-color-scheme .d2h-info {
    background-color: rgba(56, 139, 253, .1);
    background-color: var(--d2h-dark-info-bg-color);
    border-color: rgba(56, 139, 253, .4);
    border-color: var(--d2h-dark-info-border-color);
    color: #6e7681;
    color: var(--d2h-dark-dim-color);
  }
  .d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change {
    background-color: rgba(210, 153, 34, .2);
    background-color: var(--d2h-dark-change-del-color);
  }
  .d2h-auto-color-scheme .d2h-file-diff .d2h-ins.d2h-change {
    background-color: rgba(46, 160, 67, .25);
    background-color: var(--d2h-dark-change-ins-color);
  }
  .d2h-auto-color-scheme .d2h-file-wrapper {
    border: 1px solid #30363d;
    border: 1px solid var(--d2h-dark-border-color);
  }
  .d2h-auto-color-scheme .d2h-file-collapse {
    border: 1px solid #0d1117;
    border: 1px solid var(--d2h-dark-bg-color);
  }
  .d2h-auto-color-scheme .d2h-file-collapse.d2h-selected {
    background-color: rgba(56, 139, 253, .1);
    background-color: var(--d2h-dark-selected-color);
  }
  .d2h-auto-color-scheme .d2h-file-list-wrapper a,
  .d2h-auto-color-scheme .d2h-file-list-wrapper a:visited {
    color: #3572b0;
    color: var(--d2h-dark-moved-label-color);
  }
  .d2h-auto-color-scheme .d2h-file-list > li {
    border-bottom: 1px solid #0d1117;
    border-bottom: 1px solid var(--d2h-dark-bg-color);
  }
  .d2h-dark-color-scheme .d2h-deleted {
    color: #f85149;
    color: var(--d2h-dark-del-label-color);
  }
  .d2h-auto-color-scheme .d2h-added {
    color: #3fb950;
    color: var(--d2h-dark-ins-label-color);
  }
  .d2h-auto-color-scheme .d2h-changed {
    color: #d29922;
    color: var(--d2h-dark-change-label-color);
  }
  .d2h-auto-color-scheme .d2h-moved {
    color: #3572b0;
    color: var(--d2h-dark-moved-label-color);
  }
  .d2h-auto-color-scheme .d2h-tag {
    background-color: #0d1117;
    background-color: var(--d2h-dark-bg-color);
  }
  .d2h-auto-color-scheme .d2h-deleted-tag {
    border: 1px solid #f85149;
    border: 1px solid var(--d2h-dark-del-label-color);
  }
  .d2h-auto-color-scheme .d2h-added-tag {
    border: 1px solid #3fb950;
    border: 1px solid var(--d2h-dark-ins-label-color);
  }
  .d2h-auto-color-scheme .d2h-changed-tag {
    border: 1px solid #d29922;
    border: 1px solid var(--d2h-dark-change-label-color);
  }
  .d2h-auto-color-scheme .d2h-moved-tag {
    border: 1px solid #3572b0;
    border: 1px solid var(--d2h-dark-moved-label-color);
  }
}

/* ../../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/styles/github-dark.css */
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
code.hljs {
  padding: 3px 5px;
}
.hljs {
  color: #c9d1d9;
  background: #0d1117;
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  color: #ff7b72;
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  color: #d2a8ff;
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  color: #79c0ff;
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  color: #a5d6ff;
}
.hljs-built_in,
.hljs-symbol {
  color: #ffa657;
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  color: #8b949e;
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  color: #7ee787;
}
.hljs-subst {
  color: #c9d1d9;
}
.hljs-section {
  color: #1f6feb;
  font-weight: bold;
}
.hljs-bullet {
  color: #f2cc60;
}
.hljs-emphasis {
  color: #c9d1d9;
  font-style: italic;
}
.hljs-strong {
  color: #c9d1d9;
  font-weight: bold;
}
.hljs-addition {
  color: #aff5b4;
  background-color: #033a16;
}
.hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c;
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
}
/*! Bundled license information:

highlight.js/styles/github-dark.css:
  (*!
    Theme: GitHub Dark
    Description: Dark theme as seen on github.com
    Author: github.com
    Maintainer: @Hirse
    Updated: 2021-05-15
  
    Outdated base version: https://github.com/primer/github-syntax-dark
    Current colors taken from GitHub's CSS
  *)
*/