@volter/twin-github 0.1.2 → 2.0.0

package/client/github-mirror.css

@@ -1,6 +1,8 @@
 :root {
   color-scheme: light;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
   background: #fff;
   color: #1f2328;
 }
@@ -11,7 +13,7 @@
 
 body {
   margin: 0;
-  background: #c9d1d9;
+  background: #fff;
 }
 
 button {
@@ -19,226 +21,19 @@ button {
   cursor: pointer;
 }
 
-.global-header {
-  height: 64px;
-  background: #24292f;
-  color: #f0f3f6;
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 0 24px;
-}
-
-.octo {
-  width: 32px;
-  height: 32px;
-  border-radius: 999px;
-  background: #f0f3f6;
-  color: #24292f;
-  display: grid;
-  place-items: center;
-  font-size: 11px;
-  font-weight: 900;
-}
-
-.search {
-  width: 300px;
-  max-width: 32vw;
-  height: 32px;
-  border: 1px solid #57606a;
-  border-radius: 6px;
-  background: #24292f;
-  color: #c9d1d9;
-  padding: 0 12px;
-}
-
-.global-nav {
-  display: flex;
-  gap: 14px;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.global-spacer {
-  flex: 1;
-}
-
-.pill-dark {
-  border: 1px solid #57606a;
-  border-radius: 6px;
-  padding: 4px 8px;
-  color: #c9d1d9;
-  font-size: 12px;
-}
-
-.repo-head {
-  background: #f6f8fa;
-  border-bottom: 1px solid #d0d7de;
-  padding: 16px 32px 0;
-}
-
-.repo-line {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  color: #57606a;
-  font-size: 20px;
-  min-width: 0;
-}
-
-.repo-line button {
-  border: 0;
-  background: transparent;
-  color: #0969da;
-  font-size: 20px;
-  padding: 0;
-}
-
-.repo-line strong {
-  color: #0969da;
-  font-weight: 600;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.visibility {
-  border: 1px solid #d0d7de;
-  border-radius: 999px;
-  padding: 0 7px;
-  color: #57606a;
-  font-size: 12px;
-  font-weight: 600;
-}
-
-.repo-tabs {
-  display: flex;
-  align-items: end;
-  gap: 4px;
-  margin-top: 14px;
-}
-
-.repo-tabs button {
-  border: 0;
-  background: transparent;
-  padding: 13px 12px 12px;
-  border-bottom: 2px solid transparent;
-  color: #24292f;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.repo-tabs button.active {
-  border-bottom-color: #fd8c73;
-  font-weight: 600;
-}
-
-.count {
-  background: #eaeef2;
-  border-radius: 999px;
-  padding: 1px 6px;
-  font-size: 12px;
-  color: #24292f;
-}
-
-.browser-shell {
-  min-height: 100vh;
-  background: #c9d1d9;
-}
-
-.browser-tabs {
-  display: flex;
-  align-items: end;
-  gap: 2px;
-  overflow-x: auto;
-  background: #d8dee4;
-  padding: 8px 10px 0;
-  scrollbar-gutter: stable;
-}
-
-.browser-tab {
-  flex: 0 0 auto;
-  min-width: 0;
-  max-width: 260px;
-  height: 36px;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  border: 1px solid #afb8c1;
-  border-bottom: 0;
-  border-radius: 10px 10px 0 0;
-  background: #eaeef2;
-  color: #24292f;
-  padding: 0 12px;
-  text-align: left;
-}
-
-.browser-tab.active {
-  background: #fff;
-  color: #24292f;
-}
-
-.browser-tab span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.browser-tab strong {
+.count,
+.Counter {
+  display: inline-block;
   min-width: 20px;
-  text-align: center;
-  background: #d8dee4;
-  border-radius: 999px;
-  color: #57606a;
-  padding: 1px 6px;
+  padding: 0 6px;
   font-size: 12px;
-}
-
-.browser-tab.active strong {
-  background: #d8dee4;
-  color: #24292f;
-}
-
-.browser-address {
-  height: 42px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  background: #fff;
-  border-bottom: 1px solid #d0d7de;
-  padding: 0 14px;
-}
-
-.browser-dot {
-  width: 11px;
-  height: 11px;
-  border-radius: 999px;
-  flex: none;
-}
-
-.browser-dot.red { background: #ff5f57; }
-.browser-dot.yellow { background: #febc2e; }
-.browser-dot.green { background: #28c840; }
-
-.address-bar {
-  height: 28px;
-  flex: 1;
-  display: flex;
-  align-items: center;
-  border: 1px solid #d0d7de;
-  border-radius: 999px;
-  background: #f6f8fa;
-  color: #57606a;
-  padding: 0 14px;
-  font-size: 13px;
-}
-
-.github-shell {
-  background: #fff;
+  font-weight: 500;
+  line-height: 18px;
+  text-align: center;
+  color: #1f2328;
+  background: rgba(175, 184, 193, 0.2);
+  border: 1px solid transparent;
+  border-radius: 2em;
 }
 
 .content {
@@ -447,13 +242,6 @@ button {
   color: #9a3412;
 }
 
-.requested-reviewers {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-top: 8px;
-}
-
 .ci-status {
   font-weight: 900;
   font-size: 14px;
@@ -464,18 +252,6 @@ button {
 .ci-status.failure { color: #cf222e; }
 .ci-status.pending { color: #9a6700; }
 
-.ci-line {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  font-weight: 600;
-  text-transform: capitalize;
-}
-
-.ci-line.success { color: #1a7f37; }
-.ci-line.failure { color: #cf222e; }
-.ci-line.pending { color: #9a6700; }
 
 .linked-issues {
   margin-top: 4px;
@@ -511,27 +287,6 @@ button {
   gap: 10px;
 }
 
-.avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 999px;
-  background: #6e7781;
-  color: white;
-  display: grid;
-  place-items: center;
-  font-size: 11px;
-  font-weight: 900;
-  overflow: hidden;
-  flex: none;
-}
-
-.avatar img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-}
-
 .comment,
 .review-card {
   border: 1px solid #d0d7de;
@@ -561,22 +316,6 @@ button {
   color: #24292f;
 }
 
-.review-card {
-  border-color: #2da44e;
-}
-
-.review-head {
-  background: #dafbe1;
-  border-bottom-color: #aceebb;
-  color: #1a7f37;
-  font-weight: 600;
-}
-
-.review-body {
-  padding: 12px;
-  color: #24292f;
-  line-height: 1.45;
-}
 
 .snapshot-section {
   display: grid;
@@ -588,48 +327,11 @@ button {
   font-size: 16px;
 }
 
-.file-list {
-  border: 1px solid #d0d7de;
-  border-radius: 6px;
-  overflow: hidden;
-}
-
-.file-row {
-  display: grid;
-  grid-template-columns: 90px minmax(0, 1fr) 110px;
-  gap: 10px;
-  padding: 8px 12px;
-  border-bottom: 1px solid #d8dee4;
-  align-items: center;
-  font-size: 12px;
-}
-
-.file-row:last-child {
-  border-bottom: 0;
-}
-
-.file-row strong {
-  min-width: 0;
-  overflow-wrap: anywhere;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-}
-
 .sidebar {
   display: grid;
   gap: 18px;
 }
 
-.side-section {
-  border-bottom: 1px solid #d0d7de;
-  padding-bottom: 18px;
-}
-
-.side-section h3 {
-  margin: 0 0 10px;
-  font-size: 13px;
-  color: #57606a;
-}
-
 .branch {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   background: #ddf4ff;
@@ -686,12 +388,6 @@ a.branch:hover {
     display: none;
   }
 
-  .global-nav,
-  .search {
-    display: none;
-  }
-
-  .repo-head,
   .content {
     padding-left: 16px;
     padding-right: 16px;
@@ -956,3 +652,265 @@ a.branch:hover {
 .deployment-state.pending { background: #9a6700; }
 .deployment-state.inactive { background: #57606a; }
 .deployment-env { background: #f6f8fa; color: #24292f; }
+
+/* ── The pull-request workspace: GitHub's header, list page and pull request page ───────────────────────── */
+.gh-app { min-height: 100vh; background: #fff; }
+.gh-app a { color: #0969da; text-decoration: none; }
+.gh-app a:hover { text-decoration: underline; }
+.octicon { display: inline-block; vertical-align: text-bottom; flex: none; overflow: visible; }
+.gh-avatar { display: inline-block; border-radius: 50%; overflow: hidden; vertical-align: middle; flex: none; box-shadow: 0 0 0 1px rgba(31, 35, 40, 0.15); background: #fff; }
+.gh-muted { color: #59636e; }
+.gh-spacer { flex: 1; }
+.gh-app code, .gh-sha, .gh-commit-ref, .gh-file-name, .gh-diff-table { font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; }
+
+.gh-header { background: #f6f8fa; box-shadow: inset 0 -1px 0 #d1d9e0; padding: 16px 16px 0; }
+.gh-globalbar { display: flex; align-items: center; gap: 8px; height: 32px; margin-bottom: 8px; }
+.gh-logo { color: #1f2328 !important; display: inline-flex; margin: 0 4px 0 4px; }
+.gh-context { display: flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1.5; }
+.gh-context a { color: #1f2328 !important; padding: 0 6px; border-radius: 6px; line-height: 32px; }
+.gh-context a:hover { background: rgba(129, 139, 152, 0.15); text-decoration: none !important; }
+.gh-context strong { font-weight: 600; }
+.gh-context-sep { color: #59636e; }
+.gh-iconbtn { display: inline-flex; align-items: center; justify-content: center; gap: 2px; height: 32px; min-width: 32px; padding: 0 7px; border: 1px solid #d1d9e0; border-radius: 6px; background: transparent; color: #59636e; }
+.gh-iconbtn:hover { background: rgba(129, 139, 152, 0.15); }
+.gh-iconbtn-sm { height: 28px; min-width: 28px; border-color: transparent; padding: 0 6px; }
+.gh-search { display: inline-flex; align-items: center; gap: 8px; width: 272px; height: 32px; padding: 0 8px; border: 1px solid #d1d9e0; border-radius: 6px; background: #fff; color: #59636e; font-size: 14px; text-align: left; }
+.gh-search kbd { display: inline-block; padding: 0 4px; font: 11px/16px ui-monospace, SFMono-Regular, Menlo, monospace; border: 1px solid #d1d9e0; border-radius: 4px; color: #59636e; }
+.gh-divider { width: 1px; height: 20px; background: #d1d9e0; margin: 0 4px; }
+.gh-viewer { display: inline-flex; margin-left: 4px; }
+.gh-localbar { display: flex; gap: 8px; min-height: 48px; align-items: center; overflow-x: auto; }
+.gh-tab { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 0 8px; height: 32px; line-height: 30px; border-radius: 6px; color: #1f2328 !important; font-size: 14px; white-space: nowrap; }
+.gh-tab .octicon { color: #59636e; }
+.gh-tab:hover { background: rgba(129, 139, 152, 0.15); text-decoration: none !important; }
+.gh-tab.selected { font-weight: 600; }
+.gh-tab.selected::after { content: ""; position: absolute; left: 50%; bottom: calc(50% - 25px); width: 100%; height: 2px; transform: translateX(-50%); background: #fd8c73; border-radius: 6px; }
+
+.gh-container { max-width: 1280px; margin: 0 auto; padding: 24px 32px 48px; }
+.gh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 12px; font-size: 14px; font-weight: 500; line-height: 20px; color: #25292e; background: #f6f8fa; border: 1px solid #d1d9e0; border-radius: 6px; box-shadow: 0 1px 0 rgba(31, 35, 40, 0.04); white-space: nowrap; }
+.gh-btn:hover:not(:disabled) { background: #eff2f5; }
+.gh-btn:disabled { color: #818b98; cursor: not-allowed; }
+.gh-btn-sm { height: 28px; padding: 0 8px; font-size: 12px; }
+.gh-btn-primary { color: #fff; background: #1f883d; border-color: rgba(31, 35, 40, 0.15); box-shadow: 0 1px 0 rgba(31, 35, 40, 0.1); }
+.gh-btn-primary:hover:not(:disabled) { background: #1c8139; }
+.gh-btn-primary:disabled { color: rgba(255, 255, 255, 0.8); background: #95d8a6; border-color: rgba(31, 35, 40, 0.15); }
+.gh-btn-group { display: inline-flex; }
+.gh-btn-group .gh-btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.gh-btn-caret { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: rgba(255, 255, 255, 0.25); padding: 0 8px; }
+.gh-input { width: 100%; padding: 5px 12px; font: inherit; font-size: 14px; line-height: 20px; color: #1f2328; background: #fff; border: 1px solid #d1d9e0; border-radius: 6px; }
+.gh-flash-error { margin-top: 8px; padding: 12px 16px; color: #1f2328; background: #ffebe9; border: 1px solid rgba(255, 129, 130, 0.4); border-radius: 6px; }
+.gh-label { display: inline-block; padding: 0 7px; font-size: 12px; font-weight: 500; line-height: 18px; white-space: nowrap; border: 1px solid transparent; border-radius: 2em; }
+
+/* list page */
+.gh-subnav { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
+.gh-filter { flex: 1; display: flex; }
+.gh-filter-btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.gh-filter-input { flex: 1; display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 8px; color: #59636e; background: #fff; border: 1px solid #d1d9e0; border-left: 0; border-radius: 0 6px 6px 0; }
+.gh-filter-input input { flex: 1; border: 0; outline: 0; font: inherit; font-size: 14px; color: #59636e; background: transparent; }
+.gh-subnav-links { display: flex; }
+.gh-subnav-item { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 16px; font-weight: 600; color: #1f2328 !important; border: 1px solid #d1d9e0; }
+.gh-subnav-item .octicon { color: #59636e; }
+.gh-subnav-item:first-child { border-radius: 6px 0 0 6px; }
+.gh-subnav-item + .gh-subnav-item { border-left: 0; border-radius: 0 6px 6px 0; }
+.gh-subnav-item:hover { background: #f6f8fa; text-decoration: none !important; }
+.gh-box { background: #fff; border: 1px solid #d1d9e0; border-radius: 6px; }
+.gh-box-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; margin: -1px -1px 0; background: #f6f8fa; border: 1px solid #d1d9e0; border-radius: 6px 6px 0 0; }
+.gh-states { display: flex; gap: 10px; }
+.gh-states-link { display: inline-flex; align-items: center; gap: 4px; padding: 0; font-size: 14px; color: #59636e; background: none; border: 0; }
+.gh-states-link.selected { font-weight: 600; color: #1f2328; }
+.gh-states-link:hover { color: #1f2328; }
+.gh-box-filters { display: flex; gap: 24px; color: #59636e; font-size: 14px; }
+.gh-select-menu { display: inline-flex; align-items: center; gap: 2px; color: #59636e; white-space: nowrap; cursor: pointer; }
+.gh-list-page .pr-row { display: flex; align-items: flex-start; gap: 0; width: auto; padding: 8px 0; text-align: left; background: #fff; border: 0; border-top: 1px solid #d1d9e0; }
+.gh-list-page .gh-rows .pr-row:first-child { border-top: 0; }
+.gh-list-page .pr-row:last-child { border-radius: 0 0 6px 6px; }
+.gh-list-page .pr-row:hover { background: #f6f8fa; }
+.pr-state-icon { display: inline-flex; padding: 2px 0 0 16px; }
+.pr-state-icon.open { color: #1a7f37; }
+.pr-state-icon.merged { color: #8250df; }
+.pr-state-icon.closed { color: #d1242f; }
+.pr-state-icon.draft { color: #59636e; }
+.pr-row-main { flex: 1; min-width: 0; padding: 0 8px; }
+.pr-row-title-line { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
+.pr-row-repo { color: #59636e; font-size: 16px; font-weight: 600; margin-right: 4px; }
+.gh-app a.pr-row-title { color: #1f2328; font-size: 16px; font-weight: 600; line-height: 1.5; margin-right: 4px; }
+.gh-app a.pr-row-title:hover { color: #0969da; }
+.pr-row-meta { margin-top: 4px; font-size: 12px; color: #59636e; }
+.gh-app a.gh-muted-link { color: #59636e; }
+.gh-app a.gh-muted-link:hover { color: #0969da; }
+.pr-row-side { display: flex; align-items: flex-start; gap: 16px; padding-right: 16px; min-width: 120px; justify-content: flex-end; }
+.pr-row-assignees { display: inline-flex; }
+.pr-row-comments { min-width: 40px; text-align: right; }
+.pr-row-comments a { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; }
+.ci-status { display: inline-flex; align-items: center; font-weight: normal; }
+.ci-status.success { color: #1a7f37; }
+.ci-status.failure, .ci-status.error { color: #d1242f; }
+.ci-status.pending { color: #9a6700; }
+.gh-blankslate { padding: 32px; text-align: center; color: #59636e; }
+.gh-blankslate h3 { margin: 16px 0 4px; font-size: 20px; font-weight: 600; color: #1f2328; }
+.gh-protip { margin: 20px 0; text-align: center; color: #59636e; }
+.gh-protip strong { color: #1f2328; }
+
+/* pull request page */
+.gh-pull-header { margin-bottom: 16px; }
+.gh-pull-title-row { display: flex; align-items: flex-start; gap: 16px; }
+.gh-pull-title { flex: 1; margin: 0 0 8px; font-size: 32px; font-weight: 400; line-height: 1.25; word-wrap: break-word; }
+.gh-pull-number { color: #59636e; font-weight: 300; }
+.gh-pull-title-actions { display: flex; gap: 8px; padding-top: 6px; }
+.gh-pull-page .state-line { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; margin-bottom: 16px; font-size: 14px; color: #59636e; border-bottom: 1px solid #d1d9e0; }
+.gh-pull-meta-text { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
+.gh-app .gh-author { color: #1f2328; font-weight: 600; }
+.gh-state { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; border-radius: 2em; text-transform: none; }
+.gh-state-open { background: #1f883d; }
+.gh-state-merged { background: #8250df; }
+.gh-state-closed { background: #cf222e; }
+.gh-state-draft { background: #59636e; }
+.gh-commit-ref { display: inline-block; padding: 0 5px; font-size: 12px; line-height: 20px; color: #0969da; background: #ddf4ff; border-radius: 6px; }
+.gh-copy { display: inline-flex; padding: 4px; color: #59636e; background: none; border: 0; border-radius: 6px; }
+.gh-copy:hover { background: rgba(129, 139, 152, 0.15); }
+.gh-pull-tabs { display: flex; align-items: flex-end; gap: 8px; margin-top: 16px; border-bottom: 1px solid #d1d9e0; }
+.gh-pull-tab { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; margin-bottom: -1px; font-size: 14px; line-height: 23px; color: #59636e !important; border: 1px solid transparent; border-radius: 6px 6px 0 0; }
+.gh-pull-tab:hover { color: #1f2328 !important; text-decoration: none !important; }
+.gh-pull-tab.selected { color: #1f2328 !important; background: #fff; border-color: #d1d9e0; border-bottom-color: #fff; }
+.gh-pull-tab .octicon { color: #59636e; }
+.gh-pull-tabs-fill { flex: 1; }
+.gh-diffstat { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; padding-bottom: 10px; }
+.gh-files .gh-diffstat, .gh-file-header .gh-diffstat { padding-bottom: 0; }
+.gh-add { color: #1a7f37; }
+.gh-del { color: #d1242f; }
+.gh-diffstat-blocks { display: inline-flex; gap: 1px; margin-left: 4px; }
+.gh-block { width: 8px; height: 8px; background: #d1d9e0; }
+.gh-block.add { background: #1f883d; }
+.gh-block.del { background: #cf222e; }
+.gh-pull-layout { display: grid; grid-template-columns: minmax(0, 1fr) 256px; gap: 24px; align-items: start; }
+
+.gh-pull-page .conversation { display: block; margin: 0; }
+.gh-timeline { position: relative; }
+.gh-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 72px; width: 2px; background: #d1d9e0; }
+.gh-pull-page .timeline-item { position: relative; display: flex; gap: 16px; padding-bottom: 16px; }
+.gh-timeline-avatar { flex: none; width: 40px; height: 40px; }
+.gh-pull-page .comment { position: relative; flex: 1; min-width: 0; background: #fff; border: 1px solid #d1d9e0; border-radius: 6px; overflow: visible; }
+.gh-pull-page .comment::before { content: ""; position: absolute; top: 11px; left: -8px; width: 8px; height: 16px; background: #d1d9e0; clip-path: polygon(0 50%, 100% 0, 100% 100%); }
+.gh-pull-page .comment::after { content: ""; position: absolute; top: 12px; left: -6px; width: 7px; height: 14px; background: #f6f8fa; clip-path: polygon(0 50%, 100% 0, 100% 100%); }
+.gh-comment-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 38px; padding: 0 8px 0 16px; background: #f6f8fa; border-bottom: 1px solid #d1d9e0; border-radius: 6px 6px 0 0; font-size: 14px; }
+.gh-pull-page .gh-comment-self { border-color: #b6e3ff; }
+.gh-pull-page .gh-comment-self .gh-comment-header { background: #ddf4ff; border-bottom-color: #b6e3ff; }
+.gh-pull-page .gh-comment-self::before { background: #b6e3ff; }
+.gh-pull-page .gh-comment-self::after { background: #ddf4ff; }
+.gh-comment-badges { display: inline-flex; align-items: center; gap: 4px; }
+.gh-role { display: inline-block; padding: 0 7px; font-size: 12px; font-weight: 500; line-height: 18px; color: #59636e; border: 1px solid #d1d9e0; border-radius: 2em; }
+.gh-comment-body { padding: 16px; font-size: 14px; line-height: 1.5; font-family: inherit; white-space: normal; color: #1f2328; }
+.gh-markdown p { margin: 0 0 16px; }
+.gh-markdown p:last-child { margin-bottom: 0; }
+.gh-markdown code { padding: 0.2em 0.4em; font-size: 85%; background: rgba(129, 139, 152, 0.12); border-radius: 6px; }
+.gh-event { position: relative; display: flex; align-items: center; gap: 8px; padding: 16px 0 16px 56px; font-size: 14px; }
+.gh-event-badge { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #59636e; background: #eff2f5; border: 2px solid #fff; border-radius: 50%; flex: none; }
+.gh-event-badge.approved { color: #fff; background: #1f883d; }
+.gh-event-badge.changes { color: #fff; background: #cf222e; }
+.gh-event-badge.merged { color: #fff; background: #8250df; }
+.gh-event-badge.closed { color: #fff; background: #cf222e; }
+.gh-event-badge.reopened { color: #fff; background: #1f883d; }
+.gh-event-body { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
+.gh-commits-event { padding-bottom: 8px; }
+.gh-commits-event .gh-event { padding-bottom: 8px; }
+.gh-commit-line { display: flex; align-items: center; gap: 8px; padding: 4px 0 4px 64px; font-size: 14px; }
+.gh-commit-line::before { content: ""; position: relative; z-index: 1; width: 8px; height: 8px; margin: 0 8px 0 0; background: #d1d9e0; border-radius: 50%; box-shadow: 0 0 0 2px #fff; }
+.gh-commit-message { flex: 1; min-width: 0; color: #59636e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.gh-sha { font-size: 12px; color: #59636e; }
+.gh-pull-page .review-card { background: none; border: 0; overflow: visible; }
+.gh-review-body { padding-left: 56px; }
+.gh-review-body .timeline-item { padding-bottom: 8px; }
+.gh-review-body .gh-timeline-avatar { display: none; }
+
+.gh-mergebox { position: relative; display: flex; gap: 16px; padding: 16px 0; border-top: 2px solid #d1d9e0; margin-left: 0; }
+.gh-mergebox-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: #fff; border-radius: 6px; }
+.gh-mergebox-icon.open { background: #1f883d; }
+.gh-mergebox-icon.merged { background: #8250df; }
+.gh-mergebox-icon.closed { background: #cf222e; }
+.gh-mergebox-icon.neutral { background: #59636e; }
+.gh-mergebox-panel { flex: 1; min-width: 0; background: #fff; border: 1px solid #d1d9e0; border-radius: 6px; }
+.gh-merge-section { display: flex; gap: 12px; padding: 16px; border-bottom: 1px solid #d1d9e0; }
+.gh-merge-section:last-child { border-bottom: 0; }
+.gh-merge-section-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #fff; border-radius: 50%; }
+.gh-merge-section-icon.ok { background: #1f883d; }
+.gh-merge-section-icon.warn { background: #9a6700; }
+.gh-merge-section-icon.bad { background: #cf222e; }
+.gh-merge-section-icon.merged { background: #8250df; }
+.gh-merge-section-icon.closed { background: #cf222e; }
+.gh-merge-section-text { flex: 1; min-width: 0; }
+.gh-merge-section-text strong { font-size: 16px; font-weight: 600; }
+.gh-checks-list { list-style: none; margin: 12px 0 0; padding: 0; border: 1px solid #d1d9e0; border-radius: 6px; }
+.gh-checks-list li { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: 13px; }
+.gh-checks-list li + li { border-top: 1px solid #d1d9e0; }
+.gh-checks-list strong { font-size: 13px !important; }
+.gh-check-details { margin-left: auto; font-size: 13px; }
+.gh-merge-actions { padding: 16px; background: #f6f8fa; border-top: 1px solid #d1d9e0; border-radius: 0 0 6px 6px; }
+.gh-merge-button-row { display: flex; align-items: center; gap: 16px; }
+.gh-merge-hint { font-size: 12px; }
+.gh-merge-confirm { display: grid; gap: 8px; }
+.gh-merge-confirm textarea { resize: vertical; }
+.gh-merge-confirm-buttons { display: flex; gap: 8px; }
+
+.gh-comment-form-item { padding-top: 16px; border-top: 2px solid #d1d9e0; }
+.gh-comment-form { flex: 1; min-width: 0; }
+.gh-pull-page .conversation h2.gh-comment-form-title { margin: 0 0 8px; font-size: 16px; font-weight: 600; line-height: 1.5; }
+.gh-comment-form-box { border: 1px solid #d1d9e0; border-radius: 6px; background: #fff; }
+.gh-comment-form-tabs { display: flex; gap: 4px; padding: 8px 8px 0; background: #f6f8fa; border-bottom: 1px solid #d1d9e0; border-radius: 6px 6px 0 0; }
+.gh-comment-form-tabs span { padding: 6px 12px; font-size: 14px; color: #59636e; border: 1px solid transparent; border-radius: 6px 6px 0 0; margin-bottom: -1px; }
+.gh-comment-form-tabs span.selected { color: #1f2328; background: #fff; border-color: #d1d9e0; border-bottom-color: #fff; }
+.gh-comment-textarea { display: block; width: calc(100% - 16px); min-height: 100px; margin: 8px; padding: 8px; font: inherit; font-size: 14px; line-height: 1.5; color: #1f2328; background: #f6f8fa; border: 1px solid #d1d9e0; border-radius: 6px; resize: vertical; }
+.gh-comment-textarea:focus { background: #fff; border-color: #0969da; outline: 1px solid #0969da; }
+.gh-comment-form-hint { display: flex; align-items: center; gap: 6px; padding: 0 12px 8px; font-size: 12px; color: #59636e; }
+.gh-comment-form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
+.gh-closed-fg { color: #cf222e; }
+
+.gh-sidebar { display: block; font-size: 12px; }
+.gh-sidebar-item { padding: 16px 0; border-bottom: 1px solid #d1d9e0; }
+.gh-sidebar-item:first-child { padding-top: 0; }
+.gh-sidebar-item:last-child { border-bottom: 0; }
+.gh-sidebar-item h3 { display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px; font-size: 12px; font-weight: 600; color: #59636e; }
+.gh-sidebar-item p { margin: 0 0 4px; }
+.gh-sidebar-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
+.gh-sidebar-list li { display: flex; align-items: center; gap: 6px; }
+.gh-sidebar-list .gh-author { font-weight: 600; font-size: 12px; }
+.gh-review-state { margin-left: auto; display: inline-flex; }
+.gh-review-state.approved { color: #1a7f37; }
+.gh-review-state.changes_requested { color: #d1242f; }
+.gh-review-state.pending { color: #9a6700; }
+.gh-review-state.commented { color: #59636e; }
+.gh-sidebar-labels { display: flex; flex-wrap: wrap; gap: 4px; }
+.gh-participants { display: flex; flex-wrap: wrap; gap: 4px; }
+
+.gh-commit-group { margin-bottom: 16px; }
+.gh-commit-group-title { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 14px; font-weight: 400; color: #59636e; }
+.gh-commit-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 16px; border-top: 1px solid #d1d9e0; }
+.gh-commit-row:first-child { border-top: 0; }
+.gh-commit-row-title { font-weight: 600; font-size: 14px; }
+.gh-commit-row-meta { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 12px; }
+.gh-commit-row-side { display: flex; align-items: center; gap: 4px; }
+.gh-sha-btn { padding: 3px 8px; border: 1px solid #d1d9e0; border-radius: 6px; background: #f6f8fa; }
+.gh-check-row { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-top: 1px solid #d1d9e0; }
+.gh-checks-tab .gh-box-header { padding: 12px 16px; }
+
+.gh-files-toolbar { display: flex; align-items: center; gap: 16px; padding: 8px 0 16px; font-size: 14px; }
+.gh-file { margin-bottom: 16px; border: 1px solid #d1d9e0; border-radius: 6px; overflow: hidden; }
+.gh-file-header { display: flex; align-items: center; gap: 8px; padding: 5px 8px 5px 12px; background: #f6f8fa; border-bottom: 1px solid #d1d9e0; font-size: 12px; color: #59636e; }
+.gh-file-count { font-weight: 600; color: #1f2328; }
+.gh-file-header .gh-diffstat .gh-add, .gh-file-header .gh-diffstat .gh-del { display: none; }
+.gh-file-name { font-size: 12px; font-weight: 600; color: #1f2328; }
+.gh-viewed { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; font-size: 12px; border: 1px solid #d1d9e0; border-radius: 6px; background: #f6f8fa; color: #1f2328; }
+.gh-file-nodiff { padding: 16px; }
+.gh-diff-table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 20px; }
+.gh-diff-num { width: 1%; min-width: 50px; padding: 0 10px; text-align: right; color: #59636e; vertical-align: top; user-select: none; white-space: nowrap; }
+.gh-diff-code { padding: 0 10px 0 22px; white-space: pre-wrap; word-break: break-all; color: #1f2328; position: relative; }
+.gh-diff-marker { position: absolute; left: 8px; }
+.gh-diff-add .gh-diff-code { background: #dafbe1; }
+.gh-diff-add .gh-diff-num { background: #aceebb; color: #1f2328; }
+.gh-diff-del .gh-diff-code { background: #ffebe9; }
+.gh-diff-del .gh-diff-num { background: #ffcecb; color: #1f2328; }
+.gh-diff-hunk td { background: #ddf4ff; color: #59636e; }
+.gh-diff-hunk .gh-diff-num { background: #b6e3ff; }
+.gh-diff-note td { color: #59636e; }
+
+.gh-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; max-width: 1280px; margin: 0 auto; padding: 40px 32px; font-size: 12px; color: #59636e; }
+.gh-footer-brand { display: inline-flex; align-items: center; gap: 8px; color: #59636e; }
+.gh-footer ul { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; padding: 0; list-style: none; }