/*── Reset & Variables ────────────────────────────────────────────*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0d1117;--bg-card:#161b22;--bg-elevated:#1c2129;--bg-hover:#1f2937;
  --bg-glass:rgba(13,17,23,.85);--border:rgba(48,54,61,.65);--border-subtle:rgba(48,54,61,.4);
  --text:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#484f58;
  --accent:#58a6ff;--accent-soft:rgba(88,166,255,.1);--accent-glow:rgba(88,166,255,.25);
  --green:#3fb950;--green-soft:rgba(63,185,80,.12);
  --red:#f85149;--red-soft:rgba(248,81,73,.12);
  --orange:#d29922;--purple:#bc8cff;--purple-soft:rgba(188,140,255,.12);
  --cyan:#39d2c0;
  --gradient-accent:linear-gradient(135deg,#58a6ff,#bc8cff);
  --gradient-subtle:linear-gradient(135deg,rgba(88,166,255,.06),rgba(188,140,255,.06));
  --avatar-surface:color-mix(in srgb,var(--bg-elevated) 90%,#ffffff);
  --avatar-accent-mix:46%;
  --avatar-gradient-start:12%;
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;
  --radius-sm:2px;--radius:3px;--radius-lg:4px;--radius-xl:4px;
  --shadow-sm:0 1px 0 rgba(27,31,36,.04);--shadow:0 3px 6px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4);
  --transition:150ms cubic-bezier(.4,0,.2,1);
  --header-height:62px;
}
html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-y:scroll;overflow-x:clip}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:var(--accent);text-decoration:none;transition:color var(--transition)}
a:hover{color:#79c0ff;text-decoration:underline}
::selection{background:var(--accent-soft);color:var(--accent)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}
.ph-icon{display:inline-block;vertical-align:-0.15em;flex-shrink:0}
.wallet-dropdown-item .ph-icon,.btn-small .ph-icon,.back-link .ph-icon{margin-right:.35em}
.empty-state .icon svg,.error-state .icon svg,.connect-prompt-icon svg,.issues-empty-icon svg{opacity:.85}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}
:focus:not(:focus-visible){outline:none}
button:focus-visible,.ref-btn:focus-visible,.clone-btn:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;
}
.repo-card:focus-visible{
  outline:2px solid var(--accent);outline-offset:-2px;
  border-color:var(--accent);
}
/*── Skip Link (Accessibility) ────────────────────────────────────*/
.skip-link{
  position:absolute;top:-100px;left:0;background:var(--accent);color:#fff;
  padding:.75rem 1.5rem;z-index:999;font-weight:600;border-radius:0 0 var(--radius) 0;
  transition:top .2s ease;
}
.skip-link:focus{top:0}

/*── Animations ───────────────────────────────────────────────────*/
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.animate-in{animation:fadeIn .3s ease-out both}
.animate-up{animation:fadeInUp .4s ease-out both}
.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}
.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}

/*── Skeleton Loaders ─────────────────────────────────────────────*/
.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}
.skeleton-text{height:14px;margin:6px 0;border-radius:4px}
.skeleton-text.w-25{width:25%}.skeleton-text.w-50{width:50%}.skeleton-text.w-75{width:75%}.skeleton-text.w-100{width:100%}
.skeleton-card{height:80px;border-radius:var(--radius);margin-bottom:10px}
.skeleton-row{height:42px;border-radius:0;margin:0;border-bottom:1px solid var(--border-subtle)}
.skeleton-card-wrap{
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  padding:1.25rem;
}
.skeleton-row-wrap{
  display:flex;align-items:center;gap:.65rem;
  padding:.5rem 1rem;border-bottom:1px solid var(--border-subtle);
}
.skeleton-row-wrap:last-child{border-bottom:none}
.skel-row{display:flex;align-items:center;gap:.65rem}

/*── Loading Bar ──────────────────────────────────────────────────*/
.loading-bar{
  position:fixed;top:0;left:0;height:3px;
  background:var(--accent);
  z-index:9999;transition:width .4s ease,opacity .3s ease;
}

/*── Header ───────────────────────────────────────────────────────*/
header{
  position:sticky;top:0;z-index:100;
  width:100%;flex-shrink:0;
  height:var(--header-height);
  background:var(--bg-card);
  border-bottom:1px solid var(--border);
  padding:0 1.5rem;
  display:flex;align-items:center;gap:1.25rem;
}
header .logo{
  font-size:1.1rem;font-weight:700;color:var(--text);
  display:flex;align-items:center;gap:.6rem;
  cursor:pointer;transition:opacity var(--transition);
  text-decoration:none;
}
header .logo:hover{opacity:.8;text-decoration:none}
header .logo-icon{
  width:32px;height:32px;
  background:var(--accent);
  border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:800;color:#fff;
  letter-spacing:-0.5px;
}
header nav{margin-left:auto;display:flex;gap:.5rem;align-items:center}
header nav a,
header nav .header-nav-btn{
  color:var(--text-secondary);padding:.45rem .85rem;border-radius:var(--radius);
  font-size:.85rem;font-weight:500;transition:all var(--transition);
}
header nav .header-nav-btn{background:transparent;border:1px solid transparent;font-family:inherit;cursor:pointer}
header nav a:hover,
header nav .header-nav-btn:hover{color:var(--text);background:var(--btn-hover-bg,var(--neutral-5,#343434));border-color:var(--btn-hover-bg,var(--neutral-5,#343434));text-decoration:none}
header nav a.active{color:var(--text);font-weight:600;background:var(--btn-hover-bg,var(--neutral-5,#343434));border-color:var(--btn-hover-bg,var(--neutral-5,#343434))}
/*── Container ────────────────────────────────────────────────────*/
.container{padding:2rem 2.5rem;transition:opacity .25s ease,transform .25s ease}
@media(max-width:768px){.container{padding:1rem .75rem}}

/*── Breadcrumbs ──────────────────────────────────────────────────*/
.breadcrumb{display:flex;align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.875rem;flex-wrap:wrap}
.breadcrumb a{font-weight:500}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .sep{color:var(--text-tertiary);font-weight:400;margin:0 .15rem;font-size:.85em}
.breadcrumb .current{color:var(--text);font-weight:600}

/*── Search ───────────────────────────────────────────────────────*/
.search-wrapper{position:relative;margin-bottom:1.75rem}
.search-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);width:18px;height:18px;pointer-events:none}
.search-input{
  width:100%;
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:.7rem .7rem .7rem 2.6rem;
  color:var(--text);font-size:.9rem;font-family:var(--font-sans);
  transition:all var(--transition);
}
.search-input::placeholder{color:var(--text-tertiary)}
.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-elevated)}
.search-kbd{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  font-family:var(--font-sans);font-size:.72rem;color:var(--text-tertiary);
  background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;
  padding:.1rem .4rem;pointer-events:none;line-height:1.4;
}
.search-input:focus ~ .search-kbd{display:none}

/*── Repo Cards (Home Grid) ───────────────────────────────────────*/
.repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.75rem}
.repo-card{
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  padding:1.25rem;cursor:pointer;
  transition:all .2s ease;position:relative;overflow:hidden;
}
.repo-card::before{
  display:none;
}
.repo-card:hover{
  border-color:var(--accent);
  box-shadow:var(--shadow);
  transform:none;
  background:var(--bg-elevated);
}
.repo-card:hover::before{opacity:1}
.repo-card h3{
  display:flex;align-items:center;gap:.65rem;font-size:1rem;font-weight:600;margin-bottom:.5rem;
}
.repo-icon{
  width:36px;height:36px;border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;color:#fff;flex-shrink:0;
}
.repo-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:.85rem;line-height:1.5}
.repo-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.1rem}
.repo-meta .tag{
  display:inline-flex;align-items:center;gap:.3rem;
  color:var(--text-secondary);font-size:.78rem;
}
.repo-meta .tag svg{width:14px;height:14px;opacity:.65}
.repo-meta .tag .avatar{border-radius:50%;vertical-align:middle}

/*── Avatar (Ouroboros-style square gradients) ─────────────────────*/
.avatar:not(.perm-avatar-img):not(.perm-avatar-probe){border-radius:50%;vertical-align:middle;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.perm-avatar,.user-avatar,.repo-avatar{
  display:inline-block;flex-shrink:0;vertical-align:middle;line-height:0;
  border-radius:var(--radius-sm);overflow:hidden;
}
.perm-avatar.avatar-gradient,.user-avatar.avatar-gradient,.repo-avatar.avatar-gradient{
  background:linear-gradient(
    var(--avatar-gradient-angle,145deg),
    var(--avatar-surface) var(--avatar-gradient-start),
    color-mix(in srgb,var(--avatar-accent,var(--text-tertiary)) var(--avatar-accent-mix-user,var(--avatar-accent-mix)),var(--avatar-surface)) 52%,
    color-mix(in srgb,var(--avatar-accent-2,var(--avatar-accent,var(--text-tertiary))) var(--avatar-accent-mix-user,var(--avatar-accent-mix)),var(--avatar-surface)) 100%
  );
}
.perm-avatar--img{position:relative}
.perm-avatar--photo{background:var(--bg-elevated)}
.perm-avatar--photo .perm-avatar-img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;border-radius:0;box-shadow:none;
}

/*── SVG File Icons ───────────────────────────────────────────────*/
.fi{width:16px;height:16px;flex-shrink:0;vertical-align:middle}
.fi-folder{color:#54aeff}
.fi-file{color:var(--text-secondary)}
.fi-code{color:var(--green)}
.fi-image{color:var(--purple)}
.fi-md{color:var(--orange)}
.fi-lock{color:var(--red)}
.fi-terminal{color:var(--cyan)}
.fi-db{color:var(--orange)}
.fi-gear{color:var(--text-secondary)}

/*── File Table ───────────────────────────────────────────────────*/
.file-table-wrap{
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  overflow:hidden;margin-bottom:1rem;
}
.file-table-header{
  display:flex;align-items:center;gap:.6rem;
  padding:.65rem 1rem;border-bottom:2px solid var(--border-subtle);
  background:var(--bg-elevated);font-size:.85rem;flex-wrap:wrap;
  min-height:42px;position:relative;
}
.file-table-header::after{
  display:none;
}
.file-table-header strong{font-weight:600;color:var(--text)}
.file-table-header .commit-msg{
  color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.file-table-header .time{color:var(--text-tertiary);font-size:.8rem;margin-left:auto;white-space:nowrap}
.file-table-header .commit-sha{
  font-family:var(--font-sans);font-size:.78rem;color:var(--accent);
  background:var(--accent-soft);padding:.15rem .45rem;border-radius:var(--radius-sm);
  white-space:nowrap;
}
.file-table-header .commit-sha:hover{text-decoration:none;background:var(--accent-glow)}

.file-table .row{
  display:flex;align-items:center;gap:.65rem;
  padding:.5rem 1rem;border-bottom:1px solid var(--border-subtle);
  border-left:2px solid transparent;
  color:var(--text);transition:all var(--transition);
  text-decoration:none;font-size:.875rem;
}
.file-table .row:last-child{border-bottom:none}
.file-table .row:hover{background:var(--bg-hover);text-decoration:none;border-left-color:var(--accent)}
.file-table .row .icon{display:flex;align-items:center;flex-shrink:0}
.file-table .row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-table .row-parent .icon{color:var(--text-tertiary);font-size:.85rem;font-weight:700;width:16px;text-align:center}
.file-table .row-parent .name{color:var(--text-secondary)}

/*── Ref Selector ─────────────────────────────────────────────────*/
.ref-selector{position:relative;display:inline-flex}
.ref-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.4rem .85rem;font-size:.85rem;font-weight:500;
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  color:var(--text);cursor:pointer;transition:all var(--transition);
  font-family:var(--font-sans);
}
.ref-btn:hover{border-color:var(--text-tertiary);background:var(--bg-elevated)}
.ref-btn.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ref-btn svg{width:16px;height:16px;color:var(--text-secondary)}
.ref-btn .dropdown-chevron svg{width:12px;height:12px}

/* Dropdown chevrons: point right when closed, down when open */
.dropdown-chevron{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:transform var(--transition);
  transform:rotate(-90deg);
}
.dropdown-chevron svg{width:12px;height:12px;color:var(--text-secondary)}
button.open > .dropdown-chevron,
button.open .dropdown-chevron,
.open > .dropdown-chevron{transform:rotate(0deg)}
button.open > .dropdown-chevron svg,
button.open .dropdown-chevron svg{color:var(--text)}

.ref-dropdown{
  position:absolute;top:calc(100% + 6px);left:0;z-index:90;
  min-width:260px;max-height:320px;overflow-y:auto;
  background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  animation:slideDown .15s ease-out;
}
.ref-search{padding:.5rem;border-bottom:1px solid var(--border-subtle)}
.ref-search input{
  width:100%;padding:.4rem .65rem;font-size:.82rem;
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);
  color:var(--text);font-family:var(--font-sans);
}
.ref-search input:focus{outline:none;border-color:var(--accent)}
.ref-search input::placeholder{color:var(--text-tertiary)}
.ref-label{
  padding:.5rem .75rem .35rem;font-size:.72rem;font-weight:600;
  color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;
  background:var(--bg-card);border-bottom:1px solid var(--border-subtle);
  border-top:1px solid var(--border-subtle);
}
.ref-author-label{
  padding:.35rem .75rem;font-size:.72rem;font-weight:600;
  color:var(--purple);letter-spacing:.02em;
  display:flex;align-items:center;gap:.35rem;
  border-bottom:1px solid var(--border-subtle);background:var(--purple-soft);
}
.ref-author-label .perm-avatar,.ref-author-label .user-avatar,.ref-author-label .avatar{margin-right:.15rem}
.ref-item{
  padding:.4rem .75rem;font-size:.83rem;color:var(--text-secondary);
  cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:.4rem;
}
.ref-item:hover{background:var(--bg-hover);color:var(--text)}
.ref-item.active{background:var(--accent-soft);color:var(--accent);font-weight:500}
.ref-item svg{width:14px;height:14px;opacity:.6}

/*── Activity Dots (shared vocabulary) ────────────────────────────*/
.ref-dot{
  width:8px;height:8px;border-radius:50%;flex-shrink:0;
  display:inline-block;margin-right:4px;vertical-align:middle;
}
.ref-dot-green{background:var(--green);box-shadow:0 0 6px rgba(63,185,80,.4)}
.ref-dot-yellow{background:var(--orange);opacity:.85}
.ref-dot-dim{background:var(--text-tertiary);opacity:.35}
.ref-dot-pulse{animation:dot-pulse 2s ease-in-out infinite}
@keyframes dot-pulse{
  0%,100%{box-shadow:0 0 4px rgba(63,185,80,.3)}
  50%{box-shadow:0 0 10px rgba(63,185,80,.6)}
}
.ref-legend{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;margin-top:4px;
  font-size:.65rem;color:var(--text-tertiary);
  border-top:1px solid var(--border);
}
.ref-legend .ref-dot{width:6px;height:6px;margin-right:2px}
/* Repo card dots */
.repo-dot{
  width:8px;height:8px;border-radius:50%;flex-shrink:0;
  display:inline-block;margin-right:5px;vertical-align:middle;
}
.repo-dot-green{background:var(--green);box-shadow:0 0 6px rgba(63,185,80,.35)}
.repo-dot-yellow{background:var(--orange);opacity:.8}
.repo-dot-dim{background:var(--text-tertiary);opacity:.3}
/* Sidebar about dots */
.about-dot{
  width:9px;height:9px;border-radius:50%;flex-shrink:0;
  display:inline-block;margin-right:5px;vertical-align:middle;
}
.about-dot-green{background:var(--green);box-shadow:0 0 8px rgba(63,185,80,.4)}
.about-dot-yellow{background:var(--orange)}
.about-dot-dim{background:var(--text-tertiary);opacity:.5}
.about-dot-pulse{animation:dot-pulse 2s ease-in-out infinite}
.about-activity{display:flex;align-items:center;font-weight:500}

/*── Stats Bar ────────────────────────────────────────────────────*/
.stats-bar{
  display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap;
  position:relative;
}
.stat-item{
  display:inline-flex;align-items:center;gap:.35rem;
  font-size:.82rem;color:var(--text-secondary);
  padding:.3rem .7rem;border-radius:var(--radius-sm);
  border:1px solid var(--border-subtle);
  background:var(--bg-card);
  transition:all var(--transition);text-decoration:none;
}
.stat-item:hover{border-color:var(--border);color:var(--text);text-decoration:none}
a.stat-item:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.stat-item svg{width:14px;height:14px;opacity:.65}
.stat-item strong{font-weight:600;color:var(--text)}
/* snapshot-badge and pulse-glow removed */

.clone-btn svg{width:14px;height:14px}

.btn-copy.btn-copy-success,
.btn-icon.btn-copy-success {
  background: var(--green-soft) !important;
  color: var(--green) !important;
  border-color: var(--green) !important;
  animation: copyPop .3s ease-out;
}
@keyframes copyPop{
  0%{transform:scale(1)}
  40%{transform:scale(1.2)}
  100%{transform:scale(1)}
}
.install-cmd-box.copied {
  border-color: var(--positive);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--positive) 18%, transparent);
}

/*── Blob Viewer ──────────────────────────────────────────────────*/
.blob-viewer{
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  overflow:hidden;
}
.blob-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:.65rem 1rem;border-bottom:1px solid var(--border-subtle);
  background:var(--bg-elevated);gap:.75rem;flex-wrap:wrap;
}
.blob-info{display:flex;align-items:center;gap:.6rem;font-size:.85rem;min-width:0}
.blob-info strong{font-weight:600;color:var(--text);white-space:nowrap}
.blob-meta{color:var(--text-tertiary);font-size:.78rem;font-family:var(--font-sans);white-space:nowrap}
.blob-actions{display:flex;gap:.35rem;flex-shrink:0}
.btn-small{
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);
  padding:.3rem .6rem;cursor:pointer;color:var(--text-secondary);font-size:.78rem;
  display:inline-flex;align-items:center;gap:.3rem;
  transition:all var(--transition);font-family:var(--font-sans);
}
.btn-small:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}
.btn-small svg{width:14px;height:14px}

.blob-code{overflow-x:auto;overflow-y:visible}
.blob-code .code-table{border-collapse:collapse;width:100%;table-layout:auto}
.blob-code .code-table tr{transition:background var(--transition)}
.blob-code .code-line{border:none}
.blob-code .code-line:hover{background:var(--bg-hover)}
.blob-code .code-line.highlighted{background:var(--accent-soft)}

.blob-code .line-num{
  color:var(--text-tertiary);text-align:right;user-select:none;
  width:1%;white-space:nowrap;
  padding:0 .85rem 0 1rem;
  border-right:1px solid var(--border-subtle);
  cursor:pointer;font-family:var(--font-sans);font-size:.8rem;line-height:1.65;
  vertical-align:top;
}
.blob-code .line-num::before{content:attr(data-num)}
.blob-code .line-num:hover{color:var(--accent)}
.blob-code .code-line.highlighted .line-num{color:var(--accent)}

.blob-code .line-code{
  padding:0 1rem;font-family:var(--font-sans);font-size:.8rem;line-height:1.65;
  white-space:pre;vertical-align:top;tab-size:4;
}
.blob-code .line-code pre{margin:0;padding:0;background:none;border:none;font:inherit;white-space:pre;tab-size:inherit}

/*── Blob Search ──────────────────────────────────────────────────*/
.blob-search-bar{
  display:flex;align-items:center;gap:.65rem;
  padding:.45rem 1rem;border-bottom:1px solid var(--border-subtle);
  background:var(--bg-card);animation:slideDown .15s ease-out;
}
.blob-search-bar .search-input{flex:1;max-width:300px}

/*── Raw blob view ────────────────────────────────────────────────*/
.raw-blob{padding:1rem;font-family:var(--font-sans);font-size:.82rem;white-space:pre-wrap;word-break:break-all;line-height:1.6}

/*── Image Preview ────────────────────────────────────────────────*/
.image-preview{
  padding:2rem;display:flex;align-items:center;justify-content:center;
  background:repeating-conic-gradient(var(--bg-elevated) 0% 25%, var(--bg-card) 0% 50%) 50% / 20px 20px;
  min-height:200px;
}

/*── Syntax Highlighting (inline styles used, keeping backup classes) ──*/
.tok-kw{color:#ff7b72}.tok-type{color:#79c0ff}.tok-str{color:#a5d6ff}
.tok-comment{color:#8b949e;font-style:italic}.tok-num{color:#79c0ff}
.tok-fn{color:#d2a8ff}.tok-regex{color:#7ee787}

/*── Commit List ──────────────────────────────────────────────────*/
.commit-group{margin-bottom:1.25rem}
.commit-date-label{
  font-size:.82rem;font-weight:600;color:var(--text-secondary);
  padding:.5rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:.25rem;
}
.commit-item{
  display:flex;align-items:flex-start;gap:.75rem;
  padding:.7rem .5rem;border-bottom:1px solid var(--border-subtle);
  border-left:2px solid transparent;border-radius:var(--radius-sm);
  transition:all var(--transition);margin:0 -.5rem;
}
.commit-item:last-child{border-bottom:none}
.commit-item:hover{background:var(--bg-hover);border-left-color:var(--accent)}
.commit-item .avatar-col{flex-shrink:0;padding-top:.1rem}
.commit-item .info{flex:1;min-width:0}
.commit-item .msg{font-weight:600;font-size:.9rem;margin-bottom:.15rem;word-break:break-word}
a.commit-msg-link{color:var(--text);text-decoration:none;display:block}
a.commit-msg-link:hover{color:var(--accent);text-decoration:underline}
.commit-item .author{font-size:.78rem;color:var(--text-secondary)}
.commit-item .author strong{color:var(--text);font-weight:500}
.commit-item .sha-col{flex-shrink:0;align-self:center}
.commit-sha{
  font-family:var(--font-sans);font-size:.75rem;color:var(--accent);
  background:var(--accent-soft);padding:.2rem .5rem;border-radius:var(--radius-sm);
  white-space:nowrap;border:1px solid transparent;
  cursor:pointer;transition:all var(--transition);
}
button.commit-sha{font-family:var(--font-sans);font-size:.75rem}
.commit-sha:hover{background:var(--accent-glow);border-color:var(--accent)}

/*── README ───────────────────────────────────────────────────────*/
.readme-box{
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  overflow:hidden;margin-top:1rem;
}
.readme-header{
  display:flex;align-items:center;gap:.5rem;
  padding:.65rem 1rem;border-bottom:1px solid var(--border-subtle);
  font-size:.85rem;font-weight:600;background:var(--bg-elevated);
}
.readme-header svg{width:16px;height:16px}
.readme-body{padding:1.25rem 1.5rem;font-size:.9rem;line-height:1.7}
.readme-body.markdown h1{font-size:1.5rem;font-weight:700;margin:1.25rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}
.readme-body.markdown h2{font-size:1.25rem;font-weight:700;margin:1rem 0 .6rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-subtle)}
.readme-body.markdown h3{font-size:1.05rem;font-weight:600;margin:1rem 0 .5rem}
.readme-body.markdown h4{font-size:.95rem;font-weight:600;margin:.85rem 0 .4rem}
.readme-body.markdown p{margin:.5rem 0;color:var(--text-secondary)}
.readme-body.markdown a{color:var(--accent)}
.readme-body.markdown strong{color:var(--text);font-weight:600}
.readme-body.markdown code{
  background:var(--bg-elevated);padding:.15rem .4rem;border-radius:4px;
  font-size:.85em;font-family:var(--font-sans);color:var(--text);
}
.readme-body.markdown pre{
  background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);
  padding:.85rem 1rem;margin:.75rem 0;overflow-x:auto;
}
.readme-body.markdown pre code{background:none;padding:0;font-size:.82rem;line-height:1.65}
.readme-body.markdown ul,.readme-body.markdown ol{margin:.5rem 0 .75rem;padding-left:2rem}
.readme-body.markdown ul{list-style-type:disc}
.readme-body.markdown ol{list-style-type:decimal}
.readme-body.markdown li{margin:.3rem 0;color:var(--text-secondary);line-height:1.6}
.readme-body.markdown li::marker{color:var(--text-tertiary)}
.readme-body.markdown blockquote{
  border-left:3px solid var(--accent);padding:.5rem 1rem;margin:.5rem 0;
  color:var(--text-secondary);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.readme-body.markdown hr{border:none;border-top:1px solid var(--border-subtle);margin:1.25rem 0}
.readme-body.markdown table{
  border-collapse:collapse;margin:.75rem 0;width:100%;
}
.readme-body.markdown td,.readme-body.markdown th{
  border:1px solid var(--border-subtle);padding:.4rem .75rem;font-size:.85rem;
}
.readme-body.markdown img{max-width:100%;border-radius:var(--radius)}
.readme-body.markdown del{color:var(--text-tertiary);text-decoration:line-through}

/*── Home: Hero ────────────────────────────────────────────────────*/
.home-hero{
  text-align:center;
  padding:4.5rem 2rem 3rem;
  position:relative;
  border-bottom:1px solid var(--border-subtle);
  margin:-2rem -1.5rem 0;
  background:var(--gradient-subtle);
}
@media(max-width:768px){.home-hero{margin:-1rem -.75rem 0;padding:3rem 1rem 2rem}}
.home-hero-inner{max-width:640px;margin:0 auto}
.hero-wordmark{
  font-size:3.5rem;font-weight:800;
  color:var(--text);letter-spacing:-.06em;
  line-height:1;margin-bottom:.75rem;
  font-family:var(--font-sans);
}
.hero-tagline{
  font-size:1.2rem;font-weight:500;color:var(--text-secondary);
  letter-spacing:-.01em;margin-bottom:.35rem;line-height:1.5;
}
.hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero-btn-primary{
  display:inline-flex;align-items:center;
  padding:.6rem 1.5rem;border-radius:var(--radius);
  background:var(--btn-primary-bg);color:var(--btn-primary-fg);
  font-size:.85rem;font-weight:600;letter-spacing:-.01em;
  transition:all var(--transition);text-decoration:none;
}
.hero-btn-primary:hover{opacity:.85;text-decoration:none;color:var(--btn-primary-fg);transform:translateY(-1px)}
.hero-btn-secondary{
  display:inline-flex;align-items:center;
  padding:.6rem 1.5rem;border-radius:var(--radius);
  background:transparent;color:var(--text-secondary);border:1px solid var(--border);
  font-size:.85rem;font-weight:500;letter-spacing:-.01em;
  transition:all var(--transition);text-decoration:none;
}
.hero-btn-secondary:hover{color:var(--text);border-color:var(--text-secondary);text-decoration:none;transform:translateY(-1px)}

/*── Home: Feature Cards ──────────────────────────────────────────*/
.home-features{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  margin:2.5rem 0;
  border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  overflow:hidden;background:var(--border-subtle);
}
.feature-card{
  background:var(--bg-card);padding:2rem 1.5rem;
  text-align:left;
}
.feature-icon{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;font-weight:700;color:var(--accent);
  margin-bottom:.75rem;
  background:var(--accent-soft);border-radius:var(--radius);
}
.feature-icon svg{width:18px;height:18px;fill:var(--accent)}
.feature-card h3{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.35rem;letter-spacing:-.01em}
.feature-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.55;margin:0}
@media(max-width:768px){
  .home-features{grid-template-columns:1fr}
}

/*── Home: Install Section ────────────────────────────────────────*/
.home-install-section{margin-bottom:2.5rem}
.install-card{
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  overflow:hidden;
}
.install-header{
  padding:.75rem 1.25rem;font-size:.8rem;font-weight:700;color:var(--text);
  border-bottom:1px solid var(--border-subtle);
  text-transform:uppercase;letter-spacing:.06em;
}
.install-steps{padding:1.25rem}
.install-step{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.install-step:last-child{margin-bottom:0}
.step-num{
  width:24px;height:24px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:.7rem;font-weight:700;color:var(--accent);
  border:1.5px solid var(--accent);border-radius:50%;
  margin-top:.1rem;
}
.step-content{flex:1;min-width:0}
.step-label{font-size:.8rem;font-weight:600;color:var(--text);margin-bottom:.35rem}
.step-code-wrap{
  display:flex;align-items:stretch;
  background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);
  overflow:hidden;
}
.step-code{
  flex:1;padding:.5rem .75rem;
  font-family:var(--font-sans);font-size:.78rem;color:var(--text-secondary);
  white-space:nowrap;overflow-x:auto;min-width:0;
  display:flex;align-items:center;
}
.step-copy{
  flex-shrink:0;padding:.4rem .65rem;
  background:transparent;border:none;border-left:1px solid var(--border-subtle);
  color:var(--text-tertiary);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all var(--transition);
}
.step-copy:hover{color:var(--accent);background:var(--accent-soft)}
.step-copy.copied{color:var(--green)}
.step-copy svg{width:14px;height:14px}

/*── Home: Repos Section ──────────────────────────────────────────*/
.home-repos-section{margin-bottom:2rem}
.repos-header{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  margin-bottom:1rem;flex-wrap:wrap;
}
.search-wrapper-inline{
  position:relative;display:flex;align-items:center;
}
.search-wrapper-inline svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:2;color:var(--text-tertiary);width:14px;height:14px;pointer-events:none}
.search-wrapper-inline .search-input{
  padding:.4rem .5rem .4rem 2rem;
  font-size:.8rem;width:200px;
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);
  color:var(--text);transition:all var(--transition);
}
.search-wrapper-inline .search-input:focus{
  border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none;width:260px;
}
.search-wrapper-inline .search-kbd{
  position:absolute;right:8px;
  background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:3px;
  color:var(--text-tertiary);font-size:.65rem;font-family:var(--font-sans);
  padding:.05rem .3rem;pointer-events:none;line-height:1.4;
}
.search-wrapper-inline .search-input:focus ~ .search-kbd{display:none}

/*── Section Heading ──────────────────────────────────────────────*/
.section-heading{
  font-size:1.05rem;font-weight:700;color:var(--text);
  margin:0;letter-spacing:-.01em;
}

/*── Home: Top Creators ───────────────────────────────────────────*/
.home-creators-section{margin-bottom:2.5rem}
.creators-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}
.creators-header .section-heading{margin-bottom:0}
.creators-badge{
  font-size:.72rem;color:var(--text-tertiary);font-weight:500;
  background:var(--bg-elevated);padding:.15rem .55rem;border-radius:var(--radius-sm);
  letter-spacing:.01em;
}
.creators-grid{
  display:flex;gap:.6rem;
  overflow-x:auto;padding-bottom:.35rem;
  scrollbar-width:thin;scrollbar-color:var(--border) transparent;
  mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 2.5rem),transparent 100%);
  -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 2.5rem),transparent 100%);
}
.creators-grid::-webkit-scrollbar{height:3px}
.creators-grid::-webkit-scrollbar-track{background:transparent}
.creators-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}
.creator-card{
  flex:0 0 auto;
  display:flex;align-items:center;gap:.7rem;
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  padding:.75rem 1rem;
  text-decoration:none;color:var(--text);
  transition:all var(--transition);
  min-width:0;
}
.creator-card:hover{
  border-color:var(--accent);background:var(--bg-elevated);
  text-decoration:none;transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.1);
}
.creator-rank{
  font-size:.7rem;font-weight:700;color:var(--text-tertiary);
  min-width:16px;text-align:center;line-height:1;flex-shrink:0;
  font-family:var(--font-sans);
}
.creator-rank-1{color:#FFD700;font-size:.8rem}
.creator-rank-2{color:#C0C0C0;font-size:.8rem}
.creator-rank-3{color:#CD7F32;font-size:.8rem}
.creator-avatar{flex-shrink:0;line-height:0;position:relative}
.creator-avatar .avatar{border-radius:50%}
.creator-dot{
  position:absolute;bottom:-1px;right:-1px;
  width:10px;height:10px;border-radius:50%;
  border:2px solid var(--bg-card);
}
.creator-dot-green{background:var(--green)}
.creator-dot-yellow{background:var(--orange)}
.creator-dot-dim{background:var(--text-tertiary);opacity:.5}
.creator-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.creator-name{
  font-size:.85rem;font-weight:600;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:180px;
}
.creator-stats{
  font-size:.68rem;color:var(--text-tertiary);white-space:nowrap;
  font-family:var(--font-sans);
}
.creator-bar{
  display:flex;gap:1px;height:3px;border-radius:2px;overflow:hidden;
  width:100%;max-width:140px;margin-top:1px;
}
.creator-bar-seg{border-radius:1px;min-width:3px}
.creator-top-repo{
  font-size:.65rem;color:var(--text-tertiary);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:160px;
  display:flex;align-items:center;gap:3px;
}
.creator-top-repo svg{width:10px;height:10px;opacity:.5}
.creators-skeleton{padding:.75rem 1rem}

/*── Repo Card layout — REPO / ADDR / BRANCH format ──────────────*/
.repo-card-top{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}
.repo-card-info{min-width:0}
.repo-card-info h3{font-size:1rem;font-weight:600;margin:0}
.repo-card-info h3 a{color:var(--accent)}
.repo-card-info h3 a:hover{text-decoration:underline}
.repo-owner{font-size:.72rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.3rem;margin-top:.15rem}
.repo-owner .avatar,.repo-owner .perm-avatar{border-radius:var(--radius-sm)}

.repo-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;min-width:0}
.repo-avatar{flex-shrink:0;line-height:0}
.repo-card-title{
  display:flex;flex-direction:column;gap:.1rem;min-width:0;
}
.repo-name{font-weight:700;font-size:1rem;color:var(--text);line-height:1.3}
.repo-separator{color:var(--text-tertiary);font-weight:400}
.repo-owner-link{
  color:var(--text-secondary);font-size:.78rem;font-family:var(--font-sans);
  text-decoration:none;transition:color var(--transition);line-height:1.3;
}
.repo-owner-link:hover{color:var(--accent);text-decoration:underline}
.repo-branch{
  display:inline-flex;align-items:center;gap:.25rem;
  font-size:.78rem;color:var(--text-tertiary);font-family:var(--font-sans);
}
.repo-branch svg{width:12px;height:12px;opacity:.6}
.repo-branch-badge{
  display:inline-flex;align-items:center;gap:.3rem;
  font-size:.75rem;color:var(--text-secondary);font-family:var(--font-sans);
  background:var(--bg-elevated);padding:.2rem .55rem;border-radius:var(--radius-sm);
  border:1px solid var(--border-subtle);
}
.repo-branch-badge svg{width:12px;height:12px;opacity:.7}
.branch-extra{color:var(--text-tertiary);font-size:.7rem}
.repo-card-meta{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.78rem;color:var(--text-secondary);
}
.repo-meta-right{display:flex;align-items:center;gap:.75rem}
.repo-star-count{
  display:inline-flex;align-items:center;gap:.3rem;
  color:var(--orange);font-weight:600;
}
.repo-star-count svg{width:13px;height:13px}
.repo-time{color:var(--text-tertiary)}

/*── Breadcrumb owner segment ─────────────────────────────────────*/
.breadcrumb-owner{color:var(--text-secondary);font-family:var(--font-sans);font-size:.85rem}

/*── Repo Carousel ────────────────────────────────────────────────*/
.repo-carousel{
  position:relative;overflow-x:auto;overflow-y:hidden;
  margin:0 -1rem;padding:0 1rem .75rem;
  scrollbar-width:thin;scrollbar-color:var(--border) transparent;
  -webkit-overflow-scrolling:touch;
  mask-image:linear-gradient(to right,transparent 0,#000 1rem,#000 calc(100% - 1rem),transparent 100%);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 1rem,#000 calc(100% - 1rem),transparent 100%);
}
.repo-carousel::-webkit-scrollbar{height:4px}
.repo-carousel::-webkit-scrollbar-track{background:transparent}
.repo-carousel::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}
.carousel-track{
  display:flex;gap:.75rem;
  animation:fadeIn .4s ease-out both;
}
.carousel-card{
  flex:0 0 180px;
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  padding:1rem;cursor:pointer;
  transition:all var(--transition);
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:.5rem;
}
.carousel-card:hover{
  border-color:var(--accent);background:var(--bg-hover);
  transform:translateY(-2px);box-shadow:var(--shadow);
}
.carousel-icon{
  width:42px;height:42px;border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:800;color:#fff;
  flex-shrink:0;
}
.carousel-name{
  font-size:.85rem;font-weight:700;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:100%;
}
.carousel-meta{
  font-size:.72rem;color:var(--text-secondary);
  display:flex;align-items:center;gap:.3rem;
  white-space:nowrap;
}
.carousel-meta svg{width:12px;height:12px;opacity:.6}

/*── Empty & Error States ─────────────────────────────────────────*/
.empty-state,.error-state{
  text-align:center;padding:3.5rem 1.5rem;color:var(--text-secondary);
  border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);
  background:var(--bg-card);margin:1rem 0;
}
.empty-state .icon,.error-state .icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(.2)}
.empty-state h3,.error-state h3{
  font-size:1.15rem;font-weight:600;color:var(--text);margin-bottom:.5rem;
}
.empty-state p,.error-state p{font-size:.9rem;line-height:1.6;max-width:400px;margin:0 auto}
.empty-code{
  background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);
  padding:.75rem 1rem;margin:.75rem auto 0;max-width:420px;text-align:left;
  font-family:var(--font-sans);font-size:.8rem;line-height:1.6;color:var(--text-secondary);
  white-space:pre;overflow-x:auto;
}

/*── Toast ────────────────────────────────────────────────────────*/
#toastContainer{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}
.toast{
  background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);
  padding:.65rem 1rem;font-size:.82rem;color:var(--text);
  box-shadow:var(--shadow-lg);
  animation:slideDown .25s ease-out;transition:opacity .3s ease;
  max-width:320px;
}
.toast.error{border-color:var(--red);background:var(--red-soft)}
.toast.success{border-color:var(--green);background:var(--green-soft)}

/*── Footer ───────────────────────────────────────────────────────*/
footer{
  margin-top:auto;
  border-top:1px solid var(--border-subtle);
  padding:1.5rem;text-align:center;
  font-size:.78rem;color:var(--text-tertiary);
  background:var(--bg-card);
}
footer a{color:var(--text-secondary);transition:color var(--transition)}
footer a:hover{color:var(--accent);text-decoration:none}
footer .footer-inner{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;
}
footer .footer-links{display:flex;gap:1rem}

/*── Repo Layout (2-column) ────────────────────────────────────────*/
.repo-layout{display:grid;grid-template-columns:1fr 260px;gap:1.25rem;align-items:start}
.repo-main{min-width:0}
.repo-sidebar{position:sticky;top:calc(var(--header-height) + 1rem)}
@media(max-width:900px){
  .repo-layout{grid-template-columns:1fr}
  .repo-sidebar{position:static}
}

/*── About Box (Sidebar) ──────────────────────────────────────────*/
.about-box{
  background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  overflow:hidden;
}
.about-header{
  padding:.6rem .85rem;font-size:.82rem;font-weight:600;
  border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);
}
.about-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:.45rem .85rem;font-size:.8rem;
  border-bottom:1px solid var(--border-subtle);
}
.about-row:last-child{border-bottom:none}
.about-label{color:var(--text-tertiary);font-weight:500}
.about-value{color:var(--text-secondary);display:flex;align-items:center;gap:.35rem;font-family:var(--font-sans);font-size:.78rem}
.about-languages{padding:.65rem .85rem;border-bottom:1px solid var(--border-subtle)}
.lang-bar{display:flex;gap:2px;border-radius:4px;overflow:hidden;margin-bottom:.5rem}
.lang-labels{display:flex;flex-wrap:wrap;gap:.4rem}
.lang-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-secondary)}
.lang-label small{color:var(--text-tertiary)}
.lang-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}

/*── Page Heading ──────────────────────────────────────────────────*/
.page-heading{
  display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;
}
.page-heading h2{
  font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:0;
}
.page-heading h2 svg{width:20px;height:20px;color:var(--text-secondary)}
.count-badge{
  font-size:.75rem;font-weight:600;color:var(--text-secondary);
  background:var(--bg-elevated);border:1px solid var(--border-subtle);
  padding:.15rem .55rem;border-radius:var(--radius-sm);
}

/*── Misc ─────────────────────────────────────────────────────────*/
.tag svg{vertical-align:middle}

/*── Responsive ───────────────────────────────────────────────────*/
@media(max-width:768px){
  .hero-wordmark{font-size:2.2rem}
  .hero-tagline{font-size:1rem}
  .repo-grid{grid-template-columns:1fr}
  .repos-header{flex-direction:column;align-items:stretch}
  .search-wrapper-inline .search-input{width:100%}
  .search-wrapper-inline .search-input:focus{width:100%}
  .search-wrapper-inline{width:100%}
  .file-table-header{font-size:.8rem}
  .file-table-header .commit-msg{display:none}
  .blob-header{flex-direction:column;align-items:flex-start;gap:.5rem}
  .stats-bar{gap:.35rem}
  .stat-item{font-size:.75rem;padding:.25rem .5rem}
  .breadcrumb{font-size:.8rem}
  .commit-item{gap:.5rem;padding:.55rem 0}
  .commit-item .msg{font-size:.85rem}
  footer .footer-inner{flex-direction:column;gap:.5rem}
}
@media(max-width:480px){
  header{padding:0 .75rem;gap:.5rem}
  header .logo span{display:none}
  .container{padding:.75rem .5rem}
  .ref-dropdown{min-width:200px}
  .blob-code .line-num{padding:0 .35rem 0 .4rem;font-size:.7rem}
  .blob-code .line-code{padding:0 .4rem;font-size:.7rem}
  .carousel-card{flex:0 0 150px;padding:.75rem}
  .repo-grid{grid-template-columns:1fr}
  .repo-card{padding:1rem}
  .readme-body{padding:.85rem 1rem;font-size:.85rem}
  #toastContainer{bottom:.75rem;right:.75rem;left:.75rem}
  .toast{max-width:none}
}

/*── Light Theme ──────────────────────────────────────────────────*/
[data-theme="light"]{
  --bg:#FFFFFF;--bg-card:#FFFFFF;--bg-elevated:#FAFAFA;--bg-hover:#F0F0F0;
  --bg-glass:#FFFFFF;--border:rgba(0,0,0,.1);--border-subtle:rgba(0,0,0,.06);
  --text:#1C1916;--text-secondary:#756E65;--text-tertiary:#A69C92;
  --accent:#2563EB;--accent-soft:rgba(37,99,235,.08);--accent-glow:rgba(37,99,235,.12);
  --green:#16A34A;--green-soft:rgba(22,163,74,.08);
  --red:#DC2626;--red-soft:rgba(220,38,38,.08);
  --orange:#D97706;--purple:#7C3AED;--purple-soft:rgba(124,58,237,.08);
  --cyan:#2563EB;
  --gradient-accent:linear-gradient(135deg,#2563EB,#7C3AED);
  --gradient-subtle:none;
  --avatar-surface:#ffffff;
  --avatar-accent-mix:36%;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 3px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.08);
}
[data-theme="light"] ::selection{background:var(--accent-soft);color:var(--accent)}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:var(--border)}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}
[data-theme="light"] .logo-icon{box-shadow:none}
[data-theme="light"] .skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%}
[data-theme="light"] .commit-sha{background:var(--bg-elevated);color:var(--accent)}
[data-theme="light"] .blob-code .line-num{color:var(--text-tertiary);border-right-color:var(--border)}
[data-theme="light"] .blob-code .line-code{color:var(--text)}
[data-theme="light"] .file-table .row:hover{background:var(--bg-hover)}
[data-theme="light"] .repo-card{background:var(--bg-card);border-color:var(--border)}
[data-theme="light"] .repo-card:hover{border-color:var(--accent);background:var(--bg-elevated)}
[data-theme="light"] .feature-card{background:var(--bg-card)}
[data-theme="light"] .install-card{background:var(--bg-card)}
[data-theme="light"] .step-code-wrap{background:var(--bg-elevated)}
[data-theme="light"] footer{background:var(--bg-card);border-top-color:var(--border)}
[data-theme="light"] .toast{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}
[data-theme="light"] .diff-line-add .diff-code{background:rgba(26,127,55,.1);color:var(--text)}
[data-theme="light"] .diff-line-del .diff-code{background:rgba(207,34,46,.1);color:var(--text)}

/*── Theme Toggle ─────────────────────────────────────────────────*/
.theme-toggle{
  background:none;border:none;color:var(--text-secondary);cursor:pointer;
  padding:6px;border-radius:var(--radius);display:flex;align-items:center;
  justify-content:center;transition:all var(--transition);min-width:44px;min-height:44px;
}
.theme-toggle:hover{color:var(--text);background:var(--bg-hover)}
.theme-toggle svg{width:18px;height:18px}

/*── Hamburger Menu ───────────────────────────────────────────────*/
.hamburger{
  display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;
  padding:8px;border-radius:var(--radius);min-width:44px;min-height:44px;
  align-items:center;justify-content:center;transition:all var(--transition);
}
.hamburger:hover{color:var(--text);background:var(--bg-hover)}

/*── Diff Page ────────────────────────────────────────────────────*/
.diff-page{margin:0 auto}
.diff-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin-bottom:1rem;flex-wrap:wrap}
.diff-breadcrumb .sep{color:var(--text-tertiary)}
.diff-breadcrumb .current{color:var(--text-secondary);font-family:var(--font-sans);font-size:.8rem}

.diff-header{margin-bottom:1.5rem}
.diff-subject{font-size:1.4rem;font-weight:700;line-height:1.4;margin-bottom:.5rem}
.diff-body{
  font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);
  padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius);margin:.75rem 0;white-space:pre-wrap;
  overflow-x:auto;max-height:200px;
}
.diff-meta{
  display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);
  flex-wrap:wrap;
}
.diff-meta img.avatar,.diff-meta .perm-avatar,.diff-meta .user-avatar,.diff-meta .repo-avatar{border-radius:var(--radius-sm);vertical-align:middle}
.diff-sha{
  font-family:var(--font-sans);font-size:.75rem;background:var(--bg-elevated);
  padding:.15rem .5rem;border-radius:var(--radius-sm);cursor:pointer;
  color:var(--accent);border:1px solid var(--border-subtle);
  transition:all var(--transition);
}
.diff-sha:hover{background:var(--accent-soft);border-color:var(--accent)}
.diff-parent{font-size:.8rem;color:var(--text-tertiary)}
.diff-parent a{font-family:var(--font-sans);font-size:.75rem}

.diff-stats-bar{
  display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;
  background:var(--bg-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius);margin-bottom:1rem;flex-wrap:wrap;
}
.diff-stat-files{display:flex;align-items:center;gap:.35rem;font-size:.85rem}
.diff-stat-files svg{width:14px;height:14px}
.diff-stat-add{color:var(--green);font-weight:600;font-size:.85rem}
.diff-stat-del{color:var(--red);font-weight:600;font-size:.85rem}
.diff-stat-bar{display:flex;gap:2px;margin-left:.5rem}
.diff-stat-bar .block{width:8px;height:8px;border-radius:2px}
.diff-stat-bar .block.add{background:var(--green)}
.diff-stat-bar .block.del{background:var(--red)}
.diff-expand-all{margin-left:auto;font-size:.75rem;min-height:34px}

.diff-file-toc{
  background:var(--bg-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius);margin-bottom:1.5rem;padding:.75rem 1rem;
}
.diff-file-toc h3{font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:var(--text-secondary)}
.diff-file-toc ul{list-style:none;display:flex;flex-direction:column;gap:.25rem}
.diff-file-toc li{display:flex;align-items:center;gap:.5rem;font-size:.82rem}
.diff-toc-status{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:4px;font-weight:700;font-size:.7rem;
  flex-shrink:0;
}
.diff-toc-added{background:var(--green-soft);color:var(--green)}
.diff-toc-deleted{background:var(--red-soft);color:var(--red)}
.diff-toc-modified{background:var(--accent-soft);color:var(--accent)}
.diff-toc-path{font-family:var(--font-sans);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.diff-toc-stats{margin-left:auto;font-family:var(--font-sans);font-size:.72rem;white-space:nowrap}
.diff-toc-stats .add{color:var(--green)}
.diff-toc-stats .del{color:var(--red)}
.diff-toc-stats.binary{color:var(--text-tertiary)}

.diff-file{
  background:var(--bg-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius);margin-bottom:1rem;overflow:hidden;
}
.diff-file-header{
  display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;
  background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);
  cursor:pointer;user-select:none;transition:background var(--transition);
  min-height:44px;
}
.diff-file-header:hover{background:var(--bg-hover)}
.diff-file-chevron{display:flex;transition:transform .2s ease}
.diff-file-chevron svg{width:14px;height:14px}
.diff-file-chevron.collapsed{transform:rotate(-90deg)}
.diff-file-status{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:4px;font-weight:700;font-size:.7rem;
  flex-shrink:0;
}
.diff-status-added{background:var(--green-soft);color:var(--green)}
.diff-status-deleted{background:var(--red-soft);color:var(--red)}
.diff-status-modified{background:var(--accent-soft);color:var(--accent)}
.diff-file-path{flex:1;font-family:var(--font-sans);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.diff-file-path a{color:var(--text)}
.diff-file-path a:hover{color:var(--accent)}
.diff-file-stats{font-family:var(--font-sans);font-size:.72rem;white-space:nowrap}
.diff-file-stats .add{color:var(--green)}
.diff-file-stats .del{color:var(--red)}

.diff-file-content{overflow-x:auto}
.diff-file-content.is-collapsed{display:none}
.diff-file-content.is-loading{min-height:120px;padding:.75rem 0}
.diff-content-skeleton{padding:.25rem 0}
.diff-skeleton-line{height:16px;margin:6px 12px;border-radius:4px}
.diff-toc-stats.pending,.diff-file-stats.pending{color:var(--text-tertiary)}
.diff-file-stats .binary{color:var(--text-tertiary);font-size:.72rem}
.diff-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:.78rem;line-height:1.5}
.diff-table td{padding:0;vertical-align:top}
.diff-ln{
  width:44px;min-width:44px;text-align:right;padding:0 8px!important;
  color:var(--text-tertiary);font-size:.72rem;user-select:none;
  border-right:1px solid var(--border-subtle);
}
.diff-code{padding:0 12px!important;white-space:pre-wrap;word-break:break-all}
.diff-code.add{background:var(--green-soft);color:var(--green)}
.diff-code.del{background:var(--red-soft);color:var(--red)}
.diff-code.ctx{color:var(--text-secondary)}
.diff-code.hunk{
  background:var(--accent-soft);color:var(--accent);font-weight:600;
  padding:4px 12px!important;
}
.diff-line-add{background:rgba(63,185,80,.04)}
.diff-line-del{background:rgba(248,81,73,.04)}
.diff-hunk td{background:var(--accent-soft)}
.diff-binary,.diff-empty{
  padding:2rem;text-align:center;color:var(--text-tertiary);font-size:.85rem;
}

/*── Commit lazy load ─────────────────────────────────────────────*/
.commit-load-more{
  text-align:center;padding:1.5rem;
}
.commit-load-more button{
  background:var(--bg-elevated);border:1px solid var(--border-subtle);
  color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;
  font-size:.82rem;transition:all var(--transition);
}
.commit-load-more button:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}

/*── Global Search ────────────────────────────────────────────────*/
.global-search-overlay{
  position:fixed;inset:0;z-index:2100;
  display:flex;align-items:flex-start;justify-content:center;
  padding:72px 16px 24px;
  background:rgba(0,0,0,.45);
  backdrop-filter:blur(4px);
  animation:fadeIn .15s ease-out;
}
.global-search-panel{
  width:100%;max-width:640px;
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);
  overflow:hidden;animation:slideDown .2s ease-out;
  display:flex;flex-direction:column;max-height:min(72vh,680px);
}
.gs-search-bar{
  display:flex;align-items:center;gap:12px;
  padding:16px 18px;border-bottom:1px solid var(--border-subtle);
}
.gs-search-icon{color:var(--text-tertiary);flex-shrink:0;display:flex;align-items:center}
.gs-search-icon svg{width:18px;height:18px}
.gs-input{
  flex:1;border:none;background:transparent;
  font-size:.95rem;color:var(--text);outline:none;
  font-family:var(--font-sans);min-width:0;
  padding:6px 0;line-height:1.4;
  -webkit-appearance:none;appearance:none;
  box-shadow:none;border-radius:0;
}
.gs-input:focus,.gs-input:focus-visible{
  border:none;outline:none;box-shadow:none;background:transparent;
}
.gs-input::-webkit-search-cancel-button,
.gs-input::-webkit-search-decoration{display:none;-webkit-appearance:none}
.gs-input::placeholder{color:var(--text-tertiary)}
.gs-icon-btn{
  display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;border:none;border-radius:var(--radius);
  background:transparent;color:var(--text-secondary);cursor:pointer;
  flex-shrink:0;transition:background var(--transition),color var(--transition);
}
.gs-icon-btn:hover{background:var(--bg-hover);color:var(--text)}
.gs-pills{
  display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 0;
  border-bottom:1px solid var(--border-subtle);
}
.gs-pill{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);
  background:var(--bg-elevated);color:var(--text-secondary);
  font-size:.75rem;font-family:var(--font-sans);cursor:pointer;
  transition:all var(--transition);
}
.gs-pill:hover{background:var(--bg-hover);color:var(--text)}
.gs-pill.active{background:var(--text);color:var(--bg-card);border-color:var(--text)}
.gs-pill-count{opacity:.75;font-weight:600}
.gs-results-header{
  padding:10px 14px 6px;font-size:.72rem;font-weight:600;
  color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;
}
.gs-results{
  flex:1;overflow-y:auto;padding:2px 0;min-height:120px;
}
.gs-result{
  display:flex;align-items:flex-start;gap:12px;width:100%;
  padding:10px 14px;border:none;background:transparent;
  text-align:left;cursor:pointer;font-family:var(--font-sans);
  transition:background var(--transition);
}
.gs-result:hover,.gs-result.active{background:var(--bg-hover)}
.gs-result-icon,.gs-result-avatar{
  width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--bg-elevated);color:var(--text-secondary);
}
.gs-result-avatar.perm-avatar{background:transparent;padding:0;overflow:hidden}
.gs-result-avatar.perm-avatar--photo{position:relative}
.gs-result-avatar.perm-avatar--photo .perm-avatar-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);
}
.view-header-title-row{display:flex;align-items:center;gap:.75rem}
.repo-avatar-edit{
  position:relative;display:inline-flex;flex-shrink:0;border-radius:var(--radius-sm);
  text-decoration:none;color:inherit;cursor:pointer;
}
.repo-avatar-edit .repo-avatar-edit-overlay{
  position:absolute;inset:0;border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.5);color:#fff;
  opacity:0;transition:opacity .15s ease;pointer-events:none;
}
.repo-avatar-edit .repo-avatar-edit-overlay svg{width:18px;height:18px}
.repo-avatar-edit:hover .repo-avatar-edit-overlay,
.repo-avatar-edit:focus-visible .repo-avatar-edit-overlay{opacity:1}
.repo-avatar-edit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.view-header-title-wrap{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.view-header-tagline{font-size:.85rem;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.35}
.about-tagline{font-size:.82rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}
.about-settings-link{font-size:.82rem;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.about-settings-link:hover{text-decoration:underline}
.gs-result-icon svg{width:18px;height:18px}
.gs-result-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.gs-result-title{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.3}
.gs-result-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.35}
.gs-result-crumb{font-size:.72rem;color:var(--text-tertiary);line-height:1.3;margin-top:2px}
.gs-highlight{font-weight:700;color:inherit}
.gs-empty{padding:24px 14px;text-align:center;color:var(--text-tertiary);font-size:.85rem}
.gs-show-more{
  display:block;width:100%;padding:10px 14px;border:none;border-top:1px solid var(--border-subtle);
  background:transparent;color:var(--accent);font-size:.82rem;font-family:var(--font-sans);
  cursor:pointer;text-align:left;transition:background var(--transition);
}
.gs-show-more:hover{background:var(--bg-hover)}
.gs-footer{
  border-top:1px solid var(--border-subtle);background:var(--bg-elevated);
  padding:4px 0;
}
.gs-footer-item{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:10px 14px;border:none;background:transparent;
  color:var(--text-secondary);font-size:.82rem;font-family:var(--font-sans);
  cursor:pointer;text-align:left;transition:background var(--transition);
}
.gs-footer-item:hover{background:var(--bg-hover);color:var(--text)}
.gs-footer-item svg{width:18px;height:18px;flex-shrink:0;color:var(--text-tertiary)}
.header-search .search-input{cursor:pointer}
.header-search .search-input[readonly]{caret-color:transparent}

/*── File Finder Modal ────────────────────────────────────────────*/
.file-finder-modal{
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,.5);
  z-index:200;display:flex;align-items:flex-start;justify-content:center;
  padding:15vh 1rem 2rem;
}
.file-finder-inner{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);width:100%;max-width:540px;
  box-shadow:var(--shadow-lg);overflow:hidden;
  animation:slideDown .2s ease-out;
}
.file-finder-search{
  display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;
  border-bottom:1px solid var(--border-subtle);
}
.file-finder-search svg{color:var(--text-tertiary);flex-shrink:0}
.file-finder-search input{
  flex:1;background:none;border:none;color:var(--text);font-size:.9rem;
  outline:none;font-family:var(--font-sans);
}
.file-finder-list{max-height:300px;overflow-y:auto;padding:.25rem 0}
.file-finder-item{
  padding:.45rem 1rem;font-family:var(--font-sans);font-size:.8rem;
  cursor:pointer;transition:background var(--transition);
  min-height:36px;display:flex;align-items:center;
}
.file-finder-item:hover,.file-finder-item.active{background:var(--bg-hover);color:var(--accent)}
.file-finder-empty{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:.85rem}
.file-finder-hint{
  display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;
  border-top:1px solid var(--border-subtle);color:var(--text-tertiary);
  font-size:.72rem;
}
.file-finder-hint kbd{
  background:var(--bg-elevated);border:1px solid var(--border-subtle);
  border-radius:3px;padding:1px 5px;font-family:var(--font-sans);font-size:.65rem;
}

/*── Shortcuts Help ───────────────────────────────────────────────*/
.shortcuts-help{padding:1.5rem}
.shortcuts-help h3{margin-bottom:1rem;font-size:1rem}
.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem}
.shortcut-grid div{display:flex;align-items:center;gap:.5rem;font-size:.82rem}
.shortcut-grid kbd{
  background:var(--bg-elevated);border:1px solid var(--border-subtle);
  border-radius:4px;padding:2px 7px;font-family:var(--font-sans);font-size:.72rem;
  min-width:24px;text-align:center;
}
.shortcut-grid span{color:var(--text-secondary)}

/*── Responsive: Tablet (≤1024px) ─────────────────────────────────*/
@media(max-width:1024px){
  .repo-layout{grid-template-columns:1fr!important}
  .repo-sidebar{order:2}
  .diff-page{padding:0 .5rem}
}

/*── Responsive: Mobile (≤768px) ──────────────────────────────────*/
@media(max-width:768px){
  .container{padding:.75rem .65rem}
  .hero-wordmark{font-size:2.5rem}

  .repo-grid{grid-template-columns:1fr}
  .repo-layout{grid-template-columns:1fr}
  .repo-card{padding:1rem}

  .file-table-header{flex-direction:column;align-items:flex-start;gap:.35rem}
  .file-table .row{min-height:44px}

  .stats-bar{flex-wrap:wrap;gap:.5rem}
  .clone-btn{order:5;margin-left:0;min-height:44px}

  .blob-toolbar{flex-wrap:wrap}
  .blob-actions{flex-wrap:wrap}
  .blob-actions .btn-small{min-height:44px;min-width:44px}
  .blob-code{max-width:100vw}

  pre,code{overflow-x:auto;max-width:100%;word-break:break-all}

  .breadcrumb{font-size:.8rem;flex-wrap:wrap}

  .commit-item{flex-direction:column;align-items:flex-start;gap:.35rem}
  .commit-item .sha-col{align-self:flex-end}

  .diff-stats-bar{flex-wrap:wrap}
  .diff-file-header{flex-wrap:wrap;gap:.35rem}
  .diff-file-path{min-width:0;flex-basis:100%}
  .diff-ln{width:32px;min-width:32px;font-size:.65rem;padding:0 4px!important}
  .diff-code{font-size:.7rem;padding:0 6px!important}

  .diff-file-toc li{flex-wrap:wrap}
  .diff-toc-path{flex-basis:calc(100% - 30px)}

  .shortcut-grid{grid-template-columns:1fr}

  /* Touch-friendly: minimum 44px tap targets */
  button,.btn-small,.ref-btn,.clone-btn,.commit-sha,a.commit-sha,
  .file-table .row,.repo-card,.theme-toggle,.hamburger{
    min-height:44px;
  }
  .ref-item{min-height:44px;display:flex;align-items:center}
}

/*── Responsive: Small mobile (≤480px) — existing rules ───────────*/

/*── Print ────────────────────────────────────────────────────────*/
@media print{
  header,footer,.loading-bar,#toastContainer,.search-wrapper,.clone-btn,.blob-actions,.stats-bar,.ref-selector,.repo-carousel{display:none!important}
  body{background:#fff;color:#1c1916}
  .container{max-width:none;padding:0}
  .repo-layout{grid-template-columns:1fr}
  .readme-body{padding:0}
  .readme-body.markdown p,.readme-body.markdown li{color:#333}
  .readme-body.markdown h1,.readme-body.markdown h2,.readme-body.markdown h3{color:#1c1916}
  .file-table .row{border-bottom:1px solid #ddd}
  .blob-code .line-num{color:#999}
  .blob-code .line-code{color:#1c1916}
  a{color:#1c1916;text-decoration:underline}
}

/*── Profile Page ─────────────────────────────────────────────────*/
.profile-page{padding:2rem 1.5rem}
.profile-header{
  display:flex;gap:2rem;align-items:flex-start;
  padding:2rem;background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);margin-bottom:2rem;
}
.profile-avatar-wrap{flex-shrink:0}
.profile-avatar-wrap .perm-avatar,.profile-avatar-wrap .user-avatar{
  width:96px;height:96px;flex:0 0 96px;
}
.profile-avatar-wrap .perm-avatar--photo .perm-avatar-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.profile-info{flex:1;min-width:0}
.profile-display-name{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;line-height:1.3}
.profile-handle{color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem}
.profile-bio{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem;line-height:1.5}
.profile-wallet{
  display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;
  background:var(--bg-elevated);border:1px solid var(--border-subtle);
  border-radius:var(--radius);padding:.35rem .65rem;
  max-width:100%;overflow:hidden;
}
.profile-wallet code{
  font-family:var(--font-sans);font-size:.78rem;color:var(--text-secondary);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;
  user-select:all;
}
.profile-copy-btn{
  flex-shrink:0;padding:.2rem .35rem;background:none;border:none;
  color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);
  display:flex;align-items:center;
}
.profile-copy-btn:hover{color:var(--accent);background:var(--accent-soft)}
.profile-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}
.profile-link-item{
  display:inline-flex;align-items:center;gap:.3rem;
  font-size:.82rem;color:var(--accent);padding:.25rem .6rem;
  border:1px solid var(--border-subtle);border-radius:var(--radius);
  transition:all var(--transition);
}
.profile-link-item:hover{background:var(--accent-soft);border-color:var(--accent);text-decoration:none}
.profile-top{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:1.5rem;align-items:stretch;margin-bottom:2rem;
}
.profile-header{margin-bottom:0;height:100%}
.profile-contrib-card{
  padding:1.5rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);min-width:0;
}
.profile-activity-section{margin-bottom:2rem}
.profile-repos-section{margin-top:0}
.profile-repos-section .section-heading{margin-bottom:1rem}

/*── Contribution Graph ───────────────────────────────────────────*/
.contrib-graph{
  --contrib-cell-size:12px;
  --contrib-cell-gap:2px;
  padding:0;
}
.contrib-graph-skeleton .contrib-graph-header{margin-bottom:1rem}
.contrib-graph-header{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;margin-bottom:1rem;
}
.contrib-graph-header .section-heading{margin:0}
.contrib-graph-meta{
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem;
}
.contrib-graph-summary{color:var(--text-secondary);font-size:.85rem;margin:0}
.contrib-graph-summary strong{color:var(--text);font-weight:600}
.contrib-year-label{
  display:inline-flex;align-items:center;padding:.18rem .55rem;
  border:1px solid var(--border-subtle);border-radius:var(--radius-sm);
  font-size:.72rem;font-weight:600;color:var(--text);
}
.contrib-graph-scroll{
  overflow:visible;padding:.15rem 0 .35rem;
}
.contrib-graph-grid{
  display:grid;gap:var(--contrib-cell-gap);width:100%;align-items:stretch;
}
.contrib-graph--year .contrib-graph-grid{
  min-width:0;
}
.contrib-graph--year .contrib-cell,
.contrib-graph--year .contrib-cell-empty{
  width:100%;height:auto;aspect-ratio:1;min-width:0;
}
.contrib-month-spacer{grid-column:1;grid-row:1}
.contrib-month-label{
  grid-row:1;font-size:.68rem;color:var(--text-tertiary);
  line-height:16px;white-space:nowrap;
}
.contrib-day-label{
  grid-column:1;font-size:.68rem;color:var(--text-tertiary);
  line-height:1;display:flex;align-items:center;
}
.contrib-day-label-empty{visibility:hidden}
.contrib-cell{
  position:relative;width:var(--contrib-cell-size);height:var(--contrib-cell-size);border-radius:3px;
  outline:1px solid transparent;outline-offset:1px;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
  transition:transform var(--transition),outline-color var(--transition),box-shadow var(--transition),filter var(--transition);
}
.contrib-cell:hover,
.contrib-cell:focus-visible{
  z-index:3;transform:scale(1.28);outline-color:color-mix(in oklab,var(--green) 70%,var(--text) 30%);
  box-shadow:0 0 0 3px rgba(63,185,80,.14),0 4px 14px rgba(0,0,0,.22);
}
.contrib-cell:focus{outline:none}
.contrib-cell.level-0{background:color-mix(in oklab,var(--bg-elevated) 88%,var(--text-tertiary) 12%);border:1px solid var(--border-subtle)}
.contrib-cell.level-1{background:#9be9a8}
.contrib-cell.level-2{background:#56d364}
.contrib-cell.level-3{background:#2ea043}
.contrib-cell.level-4{background:#1f6f3a}
.contrib-cell-empty{
  width:var(--contrib-cell-size);height:var(--contrib-cell-size);
}
.contrib-cell.is-today{
  outline-color:color-mix(in oklab,var(--accent) 65%,var(--text) 35%);
  outline-offset:2px;
}
.contrib-tooltip{
  position:fixed;z-index:1000;min-width:210px;padding:.7rem .8rem .75rem;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 42%),
    color-mix(in oklab,var(--bg-elevated) 94%,var(--text) 6%);
  border:1px solid color-mix(in oklab,var(--border) 78%,var(--text-tertiary) 22%);
  border-radius:var(--radius-lg);box-shadow:0 8px 20px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.025) inset;
  color:var(--text);text-align:left;pointer-events:none;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity var(--transition),transform var(--transition),visibility var(--transition);
}
.contrib-tooltip::after{
  content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);
  border:7px solid transparent;border-top-color:color-mix(in oklab,var(--bg-elevated) 94%,var(--text) 6%);
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.14));
}
.contrib-tooltip strong{
  display:flex;align-items:center;gap:.45rem;font-size:.84rem;font-weight:700;line-height:1.25;color:var(--text);
}
.contrib-tooltip strong::before{
  content:"";width:9px;height:9px;border-radius:3px;flex-shrink:0;
  background:var(--green);box-shadow:0 0 0 3px rgba(63,185,80,.12);
}
.contrib-tooltip[data-level="0"] strong::before{
  background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:none;
}
.contrib-tooltip[data-level="1"] strong::before{background:#9be9a8}
.contrib-tooltip[data-level="2"] strong::before{background:#56d364}
.contrib-tooltip[data-level="3"] strong::before{background:#2ea043}
.contrib-tooltip[data-level="4"] strong::before{background:#1f6f3a}
.contrib-tooltip span{
  display:block;margin-top:.3rem;padding-left:1.35rem;font-size:.74rem;line-height:1.3;color:var(--text-secondary);
}
.contrib-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.contrib-legend{
  display:flex;align-items:center;justify-content:flex-end;gap:3px;
  margin-top:.75rem;
}
.contrib-legend-label{font-size:.72rem;color:var(--text-tertiary);margin:0 .25rem}
.contrib-legend .contrib-cell{width:var(--contrib-cell-size);height:var(--contrib-cell-size)}

/*── Compact Activity List (profile) ────────────────────────────────*/
.activity-compact-section{
  padding:1.5rem 2rem;background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);
}
.activity-compact-section .section-heading{margin:0}
.activity-compact-header{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;margin-bottom:1rem;
}
.activity-compact-meta{
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem;
}
.activity-compact-summary{color:var(--text-secondary);font-size:.85rem;margin:0}
.activity-compact-summary strong{color:var(--text);font-weight:600}
.activity-compact-feed{overflow:hidden}
.activity-compact-row{
  display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:.65rem;
  align-items:center;padding:.55rem .75rem;border-bottom:1px solid var(--border-subtle);
  color:inherit;cursor:pointer;transition:background var(--transition);
}
.activity-compact-row:last-child{border-bottom:none}
.activity-compact-row:hover{background:var(--bg-elevated)}
.activity-compact-row:focus,.activity-compact-row:focus-visible{outline:none}
.activity-compact-icon{
  display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);
}
.activity-compact-icon svg{width:14px;height:14px}
.activity-compact-main{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;min-width:0;
  font-size:.84rem;line-height:1.35;
}
.activity-compact-verb{color:var(--text-secondary)}
.activity-compact-repo{font-weight:600;color:var(--accent)}
.activity-compact-repo:hover{text-decoration:none}
.activity-compact-detail{
  display:inline-flex;align-items:center;gap:.2rem;
  color:var(--text-secondary);font-size:.8rem;
}
.activity-compact-detail svg{width:12px;height:12px;flex-shrink:0}
.activity-compact-sha{
  font-family:var(--font-sans);font-size:.72rem;color:var(--text-tertiary);
  background:var(--bg-elevated);padding:.1rem .35rem;border-radius:var(--radius-sm);
}
.activity-diff-stats{
  display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;
  font-family:var(--font-sans);white-space:nowrap;
}
.activity-diff-add{color:var(--green)}
.activity-diff-del{color:var(--red)}
.activity-detail .activity-diff-stats{margin-left:.15rem}
.activity-compact-time{
  font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;
}
.activity-compact-empty{
  color:var(--text-secondary);font-size:.88rem;padding:.5rem 0;
}
.activity-compact-load-more{
  display:block;width:100%;margin-top:.75rem;padding:.45rem;
  border:1px solid var(--border-subtle);border-radius:var(--radius);
  background:var(--bg-elevated);color:var(--text-secondary);
  font:inherit;font-size:.8rem;cursor:pointer;
  transition:background var(--transition),color var(--transition);
}
.activity-compact-load-more:hover{background:var(--bg-hover);color:var(--text)}
.activity-compact-skeleton .activity-compact-row{cursor:default;pointer-events:none}
.activity-compact-skeleton .activity-compact-row:hover{background:transparent}

/*── Profile Card (popover) ───────────────────────────────────────*/
.profile-card{
  position:absolute;z-index:200;
  background:var(--bg-elevated);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:1rem;
  box-shadow:var(--shadow-lg);min-width:260px;max-width:320px;
  animation:slideDown .15s ease-out;
}
.profile-card .profile-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.profile-card .profile-card-avatar{width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}
.profile-card .profile-card-name{font-weight:600;font-size:.9rem}
.profile-card .profile-card-handle{color:var(--text-secondary);font-size:.8rem}
.profile-card .profile-card-bio{color:var(--text-secondary);font-size:.82rem;margin-bottom:.5rem;line-height:1.4}
.profile-card .profile-card-addr{font-family:var(--font-sans);font-size:.72rem;color:var(--text-tertiary)}

/*── Profile Avatar (shared) ──────────────────────────────────────*/
.profile-avatar{border-radius:var(--radius-sm);object-fit:cover;vertical-align:middle}
.profile-avatar.sm{width:16px;height:16px}
.profile-avatar.md{width:24px;height:24px}
.profile-avatar.lg{width:40px;height:40px}
.profile-avatar.xl{width:96px;height:96px}

/*── Profile Link (clickable owner names) ─────────────────────────*/
.profile-link{
  display:inline-flex;align-items:center;gap:.35rem;
  color:var(--text);font-weight:500;transition:color var(--transition);
  text-decoration:none;
}
.profile-link:hover{color:var(--accent);text-decoration:none}
.profile-link .perm-avatar,.profile-link .user-avatar,.profile-link .repo-avatar,.profile-link .avatar{border-radius:var(--radius-sm)}

/*── Responsive profile page ──────────────────────────────────────*/
@media(max-width:900px){
  .profile-top{grid-template-columns:1fr}
}
@media(max-width:600px){
  .profile-header{flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.5rem 1rem}
  .profile-wallet{justify-content:center}
  .profile-links{justify-content:center}
  .profile-contrib-card{padding:1rem}
  .contrib-graph-header{flex-direction:column;align-items:flex-start;gap:.35rem}
  .activity-compact-section{padding:1rem}
  .activity-compact-row{
    grid-template-columns:16px minmax(0,1fr);grid-template-rows:auto auto;
    padding:.5rem .35rem;
  }
  .activity-compact-main{grid-column:2;grid-row:1}
  .activity-compact-time{grid-column:2;grid-row:2;justify-self:start;margin-top:.1rem;font-size:.72rem}
}


/*── Wallet Connection Button ─────────────────────────────────────*/
#walletArea{display:flex;align-items:center}
.wallet-btn > .ph-icon{
  width:16px;
  height:16px;
}
.wallet-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.4rem .85rem;
  border:1px solid var(--border);border-radius:var(--radius-lg);
  background:var(--bg-elevated);color:var(--text-secondary);
  font-size:.82rem;font-weight:500;cursor:pointer;
  transition:all var(--transition);white-space:nowrap;
}
.wallet-btn:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}
.wallet-btn-connected{gap:.35rem}
.wallet-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--green);flex-shrink:0;
}
.wallet-addr{font-family:var(--font-sans);font-size:.78rem}
.wallet-connected{position:relative}
.wallet-dropdown{
  display:none;position:absolute;top:calc(100% + 6px);right:0;
  background:var(--bg-elevated);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:.35rem 0;
  box-shadow:var(--shadow-lg);min-width:180px;z-index:300;
  animation:slideDown .12s ease-out;
}
.wallet-dropdown.open{display:block}
.wallet-dropdown-item{
  display:block;width:100%;padding:.5rem .85rem;
  background:none;border:none;color:var(--text-secondary);
  font-size:.82rem;text-align:left;cursor:pointer;
  transition:all var(--transition);
}
.wallet-dropdown-item:hover{color:var(--text);background:var(--bg-hover)}
.wallet-dropdown-disconnect{color:var(--red)}
.wallet-dropdown-disconnect:hover{background:var(--red-soft);color:var(--red)}
.wallet-dropdown-divider{
  border:none;border-top:1px solid var(--border-subtle);
  margin:.25rem 0;
}

/*── Wallet Connect Modal ─────────────────────────────────────────*/
.wallet-modal-overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;
  background:rgba(0,0,0,.6);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  animation:fadeIn .15s ease-out;
}
.wallet-modal{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-xl);
  width:92%;max-width:440px;
  box-shadow:var(--shadow-lg);
  animation:slideDown .2s ease-out;
}
.wm-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.25rem 1.5rem 0;
}
.wm-header h2{font-size:1.15rem;font-weight:700;margin:0}
.wm-close{
  background:none;border:none;color:var(--text-secondary);cursor:pointer;
  font-size:1.5rem;line-height:1;padding:.25rem;border-radius:var(--radius);
  transition:all var(--transition);
}
.wm-close:hover{color:var(--text);background:var(--bg-hover)}
.wm-body{padding:1rem 1.5rem 1.5rem}
.wm-desc{font-size:.88rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.5}
.wm-options{display:flex;flex-direction:column;gap:.5rem}
.wm-option{
  display:flex;align-items:center;gap:1rem;
  padding:1rem;border-radius:var(--radius-lg);
  border:1px solid var(--border-subtle);background:var(--bg-elevated);
  cursor:pointer;text-align:left;color:var(--text);
  transition:all var(--transition);width:100%;
}
.wm-option:hover:not(.wm-option-disabled){
  border-color:var(--accent);background:var(--accent-soft);
}
.wm-option-disabled{opacity:.5;cursor:default}
.wm-option-icon{
  width:44px;height:44px;border-radius:var(--radius);
  background:var(--accent-soft);color:var(--accent);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.wm-option-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.wm-option-text strong{font-size:.92rem;font-weight:600}
.wm-option-text span{font-size:.8rem;color:var(--text-secondary)}
.wm-badge{
  margin-left:auto;font-size:.72rem;font-weight:600;
  background:var(--green-soft);color:var(--green);
  padding:.2rem .6rem;border-radius:var(--radius-sm);white-space:nowrap;
}
.wm-install-hint{
  font-size:.82rem;color:var(--text-secondary);
  padding:.5rem .25rem;text-align:center;
}
.wm-install-hint a{margin:0 .25rem;font-weight:500}
.wm-or{color:var(--text-tertiary);margin:0 .1rem}
.wm-divider{
  display:flex;align-items:center;gap:.75rem;
  margin:.5rem 0;color:var(--text-tertiary);font-size:.78rem;
}
.wm-divider::before,.wm-divider::after{
  content:'';flex:1;height:1px;background:var(--border-subtle);
}
.wm-status{
  margin-top:1rem;padding:.75rem 1rem;border-radius:var(--radius);
  font-size:.84rem;line-height:1.4;
}
.wm-status-info{background:var(--accent-soft);color:var(--accent)}
.wm-status-error{background:var(--red-soft);color:var(--red)}
.wm-status-hint{display:inline-block;margin-top:.35rem;font-size:.78rem;opacity:.8;line-height:1.45}

/*── Profile Edit Page ────────────────────────────────────────────*/
.profile-edit-page{padding:2rem 1.5rem}
.profile-edit-header{margin-bottom:1.5rem}
.profile-edit-header h1{
  font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.5rem;
  margin-bottom:.35rem;
}
.profile-edit-header h1 svg{width:20px;height:20px;color:var(--accent)}
.profile-edit-header .text-secondary{font-size:.88rem;color:var(--text-secondary)}

.profile-edit-wallet-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:.65rem 1rem;margin-bottom:1.5rem;
  background:var(--bg-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);
}
.profile-edit-wallet-info{display:flex;align-items:center;gap:.5rem}
.profile-edit-wallet-info code{font-size:.82rem;color:var(--text-secondary)}

.profile-edit-form{display:flex;flex-direction:column;gap:1.25rem}

.form-section{display:flex;flex-direction:column;gap:.4rem}
.form-label{font-size:.85rem;font-weight:600;color:var(--text)}
.form-help{font-size:.78rem;color:var(--text-tertiary);margin:0}
.form-input,.form-textarea{
  width:100%;padding:.55rem .75rem;
  background:var(--bg-card);color:var(--text);
  border:1px solid var(--border);border-radius:var(--radius);
  font-size:.88rem;font-family:var(--font-sans);
  transition:border-color var(--transition),box-shadow var(--transition);
  outline:none;
}
.form-textarea{resize:vertical;min-height:80px;line-height:1.5}
.form-input:focus,.form-textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft);
}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}
.form-char-count{font-size:.75rem;color:var(--text-tertiary);text-align:right}

.avatar-upload-area{display:flex;align-items:center;gap:1.25rem}
.avatar-preview{flex-shrink:0}
.avatar-preview img{display:block}
.avatar-upload-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.avatar-upload-controls .form-help{width:100%;margin-top:.15rem}

.form-actions{
  display:flex;align-items:center;gap:.75rem;
  padding-top:.5rem;
}
.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.6rem 1.25rem;
  background:var(--accent);color:#fff;
  border:none;border-radius:var(--radius-lg);
  font-size:.88rem;font-weight:600;cursor:pointer;
  transition:all var(--transition);
}
.btn-primary:hover{background:#79c0ff;box-shadow:0 0 12px var(--accent-glow)}
.btn-primary:disabled{opacity:.5;cursor:not-allowed}
.btn-outline{
  background:transparent;border:1px solid var(--border);color:var(--text-secondary);
}
.btn-outline:hover{border-color:var(--text-secondary);color:var(--text)}
.btn-edit-profile{
  display:inline-flex;align-items:center;gap:.3rem;
  text-decoration:none;color:var(--text-secondary);
  font-size:.82rem;
}
.btn-edit-profile:hover{color:var(--accent);text-decoration:none}

.form-note{
  margin-top:.5rem;padding:.85rem 1rem;
  background:var(--gradient-subtle);border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);
  font-size:.8rem;color:var(--text-secondary);line-height:1.5;
}
.form-note strong{color:var(--text)}

.spinner{
  display:inline-block;width:14px;height:14px;
  border:2px solid rgba(255,255,255,.3);
  border-top-color:#fff;border-radius:50%;
  animation:spin .6s linear infinite;
  vertical-align:middle;
}

/*── Connect Prompt ───────────────────────────────────────────────*/
.connect-prompt{
  text-align:center;padding:4rem 1.5rem;
  max-width:420px;margin:0 auto;
}
.connect-prompt-icon{font-size:3rem;margin-bottom:1rem}
.connect-prompt h2{font-size:1.5rem;margin-bottom:.5rem}
.connect-prompt p{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}
.btn-connect-large{
  padding:.75rem 2rem;font-size:1rem;
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--accent);color:#fff;border:none;
  border-radius:var(--radius-lg);font-weight:600;cursor:pointer;
  transition:all var(--transition);
}
.btn-connect-large:hover{background:#79c0ff;box-shadow:0 0 16px var(--accent-glow)}

/*── Responsive profile edit ──────────────────────────────────────*/
@media(max-width:600px){
  .profile-edit-page{padding:1.25rem 1rem}
  .avatar-upload-area{flex-direction:column;align-items:flex-start}
  .form-actions{flex-direction:column;align-items:stretch}
  .form-actions .btn-primary{width:100%}
  .profile-edit-wallet-bar{flex-direction:column;gap:.5rem;text-align:center}
}

/*── Star Button ──────────────────────────────────────────────────*/
.star-btn{
  display:inline-flex;align-items:center;gap:.35rem;
  font-size:.82rem;padding:.3rem .7rem;border-radius:var(--radius);
  background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);
  cursor:pointer;transition:all var(--transition);white-space:nowrap;
}
.star-btn:hover{border-color:var(--orange);color:var(--orange);background:rgba(210,153,34,.08)}
.star-btn.starred{color:var(--orange);border-color:var(--orange)}
.star-btn svg{width:14px;height:14px}
.star-count-inline{
  display:inline-flex;align-items:center;gap:.25rem;
  font-size:.82rem;color:var(--orange);font-weight:600;
}
.star-count-inline svg{width:14px;height:14px}

/*── Star dropdown (stargazers) ───────────────────────────────────*/
.star-dropdown{
  position:relative;display:inline-flex;align-items:stretch;flex-shrink:0;
}
.star-dropdown .star-btn{
  margin:0;
}
.star-btn-action{
  border-top-right-radius:0;border-bottom-right-radius:0;
  border-right:none;
}
.star-btn-count{
  border-top-left-radius:0;border-bottom-left-radius:0;
  gap:.2rem;padding:.3rem .45rem .3rem .35rem;
}
.star-btn-count .dropdown-chevron svg{width:12px;height:12px}
.star-btn-count.open .dropdown-chevron{transform:rotate(0deg)}
.star-gazers-dropdown{
  position:absolute;top:calc(100% + 6px);right:0;
  min-width:260px;max-width:min(320px,calc(100vw - 2rem));
  z-index:120;padding:0;overflow:hidden;
  display:block;
}
.star-gazers-dropdown[hidden]{display:none !important}
.star-gazers-header{
  padding:.65rem .85rem;font-size:.78rem;font-weight:600;
  border-bottom:1px solid var(--border);color:var(--text-secondary);
}
.star-gazers-list{
  max-height:min(320px,50vh);overflow:auto;padding:.35rem 0;
}
.star-gazers-loading,.star-gazers-empty{
  padding:1rem .85rem;text-align:center;color:var(--text-secondary);font-size:.82rem;
}
.star-gazer-row{
  display:flex;align-items:center;gap:.6rem;padding:.5rem .85rem;
  text-decoration:none;color:inherit;transition:background var(--transition);
}
.star-gazer-row:hover{background:var(--bg-hover)}
.star-gazer-avatar{line-height:0;flex-shrink:0}
.star-gazer-avatar .perm-avatar,.star-gazer-avatar .avatar{width:28px;height:28px}
.star-gazer-meta{
  min-width:0;flex:1;display:flex;flex-direction:column;gap:1px;
}
.star-gazer-name{
  font-size:.82rem;font-weight:600;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.star-gazer-addr{
  font-size:.72rem;color:var(--text-tertiary);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.star-gazer-time{
  flex-shrink:0;font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;
}


/* ── Issues System ──────────────────────────────────────────────── */
.issues-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 1rem; flex-wrap: wrap; gap: .75rem;
}
.issues-title {
  font-size: 1.4rem; font-weight: 700; display: flex; align-items: center; gap: .5rem;
  margin: 0;
}
.issues-title svg { width: 22px; height: 22px; }

.issues-filters {
  display: flex; gap: .5rem; margin-bottom: 1rem;
  border-bottom: 1px solid var(--border); padding-bottom: .75rem;
}
.issues-filter-btn {
  display: flex; align-items: center; gap: .4rem;
  padding: .4rem .8rem; border-radius: 8px; border: 1px solid var(--border);
  background: transparent; color: var(--fg-muted); cursor: pointer;
  font-size: .875rem; transition: all .15s ease;
}
.issues-filter-btn:hover { background: var(--bg-hover); }
.issues-filter-btn.active {
  background: var(--accent); color: #fff; border-color: var(--accent);
  font-weight: 600;
}

.issue-status-dot {
  width: 10px; height: 10px; border-radius: 50%; display: inline-block;
}
.issue-status-dot.open { background: var(--green, #3fb950); }
.issue-status-dot.closed { background: var(--purple, #a371f7); }

/* Issue rows */
.issues-list { display: flex; flex-direction: column; gap: 2px; }
.issue-row {
  display: flex; align-items: flex-start; gap: .75rem;
  padding: .75rem 1rem; border-radius: 10px;
  text-decoration: none; color: var(--fg);
  border: 1px solid var(--border);
  transition: background .15s ease, border-color .15s ease;
}
.issue-row:hover { background: var(--bg-hover); border-color: var(--accent); }
.issue-status-icon { flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; }
.issue-status-icon svg { width: 18px; height: 18px; }
.issue-status-icon.open { color: var(--green, #3fb950); }
.issue-status-icon.closed { color: var(--purple, #a371f7); }

.issue-row-main { flex: 1; min-width: 0; }
.issue-row-title {
  font-weight: 600; font-size: .95rem;
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
}
.issue-row-meta {
  font-size: .8rem; color: var(--fg-muted); margin-top: .25rem;
  display: flex; align-items: center; gap: .4rem; flex-wrap: wrap;
}
.issue-author {
  display: inline-flex; align-items: center; gap: .25rem;
  text-decoration: none; color: var(--accent);
}
.issue-author:hover { text-decoration: underline; }
.issue-author img,.issue-author .perm-avatar{border-radius:var(--radius-sm)}

.issue-label {
  display: inline-block; padding: .1rem .5rem; border-radius: 12px;
  background: var(--accent); color: #fff; font-size: .72rem; font-weight: 600;
  line-height: 1.4; letter-spacing: .02em;
}

/* Issue detail */
.issue-detail-header { margin-bottom: 1.5rem; }
.issue-detail-title {
  font-size: 1.5rem; font-weight: 700; margin: 0 0 .5rem;
  line-height: 1.3;
}
.issue-detail-title .text-muted { font-weight: 400; }
.issue-detail-meta {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  font-size: .875rem; color: var(--fg-muted);
}
.issue-status-badge {
  display: inline-flex; align-items: center; gap: .3rem;
  padding: .25rem .7rem; border-radius: 20px;
  font-size: .82rem; font-weight: 600;
}
.issue-status-badge.open { background: var(--green, #3fb950); color: #fff; }
.issue-status-badge.closed { background: var(--purple, #a371f7); color: #fff; }

/* Issue body card & comments */
.issue-body-card, .issue-comment {
  border: 1px solid var(--border); border-radius: 10px;
  margin-bottom: 1rem; overflow: hidden;
}
.issue-comment-header {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  padding: .6rem 1rem; background: var(--bg-card);
  border-bottom: 1px solid var(--border);
  font-size: .85rem;
}
.issue-comment-body {
  padding: 1rem; font-size: .9rem; line-height: 1.6;
}
.issue-comment-body p:last-child { margin-bottom: 0; }

.issue-comments-section { margin-top: 1.5rem; }
.issue-comments-heading {
  font-size: 1rem; font-weight: 600; margin-bottom: .75rem;
  color: var(--fg-muted);
}

.tx-link {
  font-size: .75rem; padding: .15rem .4rem; border-radius: 4px;
  background: var(--bg-hover); text-decoration: none;
  margin-left: auto;
}
.tx-link:hover { background: var(--accent); color: #fff; }

/* New issue form & comment form */
.new-issue-form, .issue-comment-form {
  border: 1px solid var(--border); border-radius: 10px;
  padding: 1.25rem; margin-top: 1.5rem;
}
.new-issue-form h3, .issue-comment-form h4 {
  margin: 0 0 .75rem; font-size: 1.1rem;
}
.form-input {
  display: block; width: 100%; padding: .6rem .8rem;
  border: 1px solid var(--border); border-radius: 8px;
  background: var(--bg); color: var(--fg);
  font-size: .9rem; margin-bottom: .75rem;
  transition: border-color .15s;
}
.form-input:focus { border-color: var(--accent); outline: none; }
.form-textarea {
  display: block; width: 100%; padding: .6rem .8rem;
  border: 1px solid var(--border); border-radius: 8px;
  background: var(--bg); color: var(--fg);
  font-size: .9rem; font-family: inherit;
  resize: vertical; min-height: 100px; margin-bottom: .75rem;
  transition: border-color .15s;
}
.form-textarea:focus { border-color: var(--accent); outline: none; }
.form-hint {
  font-size: .78rem; color: var(--fg-muted); margin: -.4rem 0 .6rem;
}
.form-actions {
  display: flex; gap: .5rem; align-items: center; flex-wrap: wrap;
}
.btn-primary {
  padding: .5rem 1.2rem; border-radius: 8px; border: none;
  background: var(--accent); color: #fff; font-weight: 600;
  cursor: pointer; font-size: .875rem; transition: opacity .15s;
}
.btn-primary:hover { opacity: .85; }
.btn-secondary {
  padding: .5rem 1.2rem; border-radius: 8px;
  border: 1px solid var(--border); background: transparent;
  color: var(--fg-muted); cursor: pointer; font-size: .875rem;
}
.btn-secondary:hover { background: var(--btn-hover-bg, var(--bg-hover)); }
.btn-danger-outline {
  padding: .5rem 1.2rem; border-radius: 8px;
  border: 1px solid var(--red, #f85149); background: transparent;
  color: var(--red, #f85149); cursor: pointer; font-size: .875rem; font-weight: 600;
}
.btn-danger-outline:hover { background: var(--red, #f85149); color: #fff; }
.btn-success-outline {
  padding: .5rem 1.2rem; border-radius: 8px;
  border: 1px solid var(--green, #3fb950); background: transparent;
  color: var(--green, #3fb950); cursor: pointer; font-size: .875rem; font-weight: 600;
}
.btn-success-outline:hover { background: var(--green, #3fb950); color: #fff; }
.btn-link {
  background: none; border: none; color: var(--accent);
  cursor: pointer; font-size: inherit; text-decoration: underline;
  padding: 0;
}

/* Responsive issues */
@media (max-width: 600px) {
  .issues-header { flex-direction: column; align-items: stretch; }
  .issue-row { padding: .6rem .75rem; }
  .issue-detail-title { font-size: 1.2rem; }
  .new-issue-form, .issue-comment-form { padding: .75rem; }
}

/* ── Issues & PR Enhanced Styles ─────────────────────────────────── */

/* Status colors — consolidated */
.status-open { color: var(--green, #3fb950); }
.status-closed { color: var(--purple, #a371f7); }
.status-merged { color: var(--purple, #a371f7); }

.issue-status-badge.status-open { background: var(--green-soft, rgba(63,185,80,.15)); color: var(--green, #3fb950); }
.issue-status-badge.status-closed { background: var(--purple-soft, rgba(188,140,255,.15)); color: var(--purple, #a371f7); }
.issue-status-badge.status-merged { background: var(--purple-soft, rgba(188,140,255,.15)); color: var(--purple, #a371f7); }
.issue-status-badge svg { width: 14px; height: 14px; }

.issue-status-icon.status-open { color: var(--green, #3fb950); }
.issue-status-icon.status-closed { color: var(--purple, #a371f7); }
.issue-status-icon.status-merged { color: var(--purple, #a371f7); }

/* Issues list empty state */
.issues-empty {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 3rem 1rem; text-align: center; color: var(--text-secondary, var(--fg-muted, #8b949e));
}
.issues-empty-icon { font-size: 2.5rem; margin-bottom: .75rem; opacity: .6; }
.issues-empty-icon svg { width: 48px; height: 48px; }
.issues-empty h3 { font-size: 1.2rem; font-weight: 600; margin-bottom: .5rem; color: var(--text, var(--fg, #e6edf3)); }
.issues-empty p { font-size: .9rem; }

.issues-loading { padding: 1.5rem; display: flex; flex-direction: column; gap: .75rem; }

/* Issue comment count badge */
.issue-comment-count {
  display: flex; align-items: center; gap: .3rem;
  color: var(--text-secondary, var(--fg-muted, #8b949e)); font-size: .8rem;
  flex-shrink: 0; margin-left: auto;
}
.issue-comment-count svg { width: 14px; height: 14px; }

/* Issue detail layout */
.issue-detail-author {
  display: flex; align-items: center; gap: .4rem;
}
.issue-detail-author a { color: var(--accent, #58a6ff); text-decoration: none; font-weight: 500; }
.issue-detail-author a:hover { text-decoration: underline; }

.issue-detail-comments {
  color: var(--text-secondary, var(--fg-muted, #8b949e));
}

/* Timeline */
.issue-timeline {
  display: flex; flex-direction: column; gap: 1rem;
  margin-top: 1.5rem;
  position: relative;
}
.issue-timeline::before {
  content: '';
  position: absolute; left: 19px; top: 0; bottom: 0;
  width: 2px; background: var(--border, rgba(48,54,61,.65));
  z-index: 0;
  display: none; /* hidden on mobile-first, shown on wider screens */
}

/* Author badge in comments */
.issue-author-badge {
  display: inline-block; padding: .1rem .45rem; border-radius: 10px;
  background: var(--bg-hover, #1f2937); color: var(--text-secondary, var(--fg-muted, #8b949e));
  font-size: .72rem; font-weight: 600; border: 1px solid var(--border, rgba(48,54,61,.65));
}

/* Tx link in comment headers */
.issue-tx-link {
  margin-left: auto; display: flex; align-items: center;
  color: var(--text-tertiary, #484f58); opacity: .5;
  transition: opacity .15s ease;
}
.issue-tx-link:hover { opacity: 1; color: var(--accent, #58a6ff); }
.issue-tx-link svg { width: 14px; height: 14px; }

/* Comment author link */
.issue-comment-author {
  font-weight: 600; color: var(--text, var(--fg, #e6edf3));
  text-decoration: none;
}
.issue-comment-author:hover { color: var(--accent, #58a6ff); text-decoration: underline; }

/* Comment timestamp */
.issue-comment-time {
  color: var(--text-secondary, var(--fg-muted, #8b949e)); font-size: .8rem;
}

/* OP comment border accent */
.issue-comment-op {
  border-color: var(--accent-soft, rgba(88,166,255,.25));
}
.issue-comment-op .issue-comment-header {
  background: var(--accent-soft, rgba(88,166,255,.06));
}

/* New comment section */
.issue-new-comment {
  margin-top: 1.5rem;
  position: relative; z-index: 1;
}
.issue-new-comment h3 {
  font-size: 1rem; font-weight: 600; margin-bottom: .75rem;
  color: var(--text, var(--fg, #e6edf3));
}

/* Form tabs (Write/Preview) */
.issue-form-tabs {
  display: flex; gap: 0; margin-bottom: 0;
  border-bottom: 1px solid var(--border, rgba(48,54,61,.65));
}
.issue-form-tab {
  padding: .5rem 1rem; border: none; background: none;
  color: var(--text-secondary, var(--fg-muted, #8b949e));
  cursor: pointer; font-size: .85rem; font-weight: 500;
  border-bottom: 2px solid transparent; transition: all .15s ease;
}
.issue-form-tab:hover { color: var(--text, var(--fg, #e6edf3)); }
.issue-form-tab.active {
  color: var(--accent, #58a6ff); border-bottom-color: var(--accent, #58a6ff);
  font-weight: 600;
}

/* Issue form controls */
.issue-comment-form {
  border: 1px solid var(--border, rgba(48,54,61,.65));
  border-radius: 10px; overflow: hidden;
}

.issue-textarea {
  display: block; width: 100%; padding: .75rem 1rem;
  border: none; border-bottom: 1px solid var(--border, rgba(48,54,61,.65));
  background: var(--bg, #0d1117); color: var(--text, var(--fg, #e6edf3));
  font-size: .9rem; font-family: var(--font-sans);
  resize: vertical; min-height: 100px; line-height: 1.6;
}
.issue-textarea:focus { outline: none; box-shadow: inset 0 0 0 1px var(--accent, #58a6ff); }
.issue-textarea::placeholder { color: var(--text-tertiary, #484f58); }

.issue-input {
  display: block; width: 100%; padding: .6rem .85rem;
  border: 1px solid var(--border, rgba(48,54,61,.65)); border-radius: 8px;
  background: var(--bg, #0d1117); color: var(--text, var(--fg, #e6edf3));
  font-size: .9rem; font-family: var(--font-sans);
  transition: border-color .15s ease;
}
.issue-input:focus { outline: none; border-color: var(--accent, #58a6ff); box-shadow: 0 0 0 3px var(--accent-soft, rgba(88,166,255,.1)); }
.issue-input::placeholder { color: var(--text-tertiary, #484f58); }

.issue-select {
  display: block; width: 100%; padding: .5rem .75rem;
  border: 1px solid var(--border, rgba(48,54,61,.65)); border-radius: 8px;
  background: var(--bg-card, #161b22); color: var(--text, var(--fg, #e6edf3));
  font-size: .85rem; font-family: var(--font-sans);
  cursor: pointer; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' fill='%238b949e' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 8px center; background-size: 14px;
  padding-right: 2rem;
}
.issue-select:focus { outline: none; border-color: var(--accent, #58a6ff); }

.issue-preview {
  padding: .75rem 1rem;
  border-bottom: 1px solid var(--border, rgba(48,54,61,.65));
  min-height: 100px;
  background: var(--bg, #0d1117);
}

.issue-form-actions {
  display: flex; align-items: center; gap: .75rem;
  padding: .75rem 1rem; justify-content: flex-end;
  background: var(--bg-card, #161b22);
}

.issue-form-group {
  margin-bottom: 1rem;
}
.issue-form-group label {
  display: block; font-weight: 600; font-size: .85rem;
  margin-bottom: .4rem; color: var(--text, var(--fg, #e6edf3));
}

.issue-form-card {
  border: 1px solid var(--border, rgba(48,54,61,.65));
  border-radius: 12px; padding: 1.5rem;
  background: var(--bg-card, #161b22);
}

.issue-new-page {
  margin: 0 auto;
}
.issue-new-page h2 {
  font-size: 1.4rem; font-weight: 700; margin-bottom: 1.25rem;
}

/* Status toggle button */
.issue-status-toggle {
  margin-right: auto;
}

/* Markdown body rendering */
.markdown-body { line-height: 1.7; word-wrap: break-word; }
.markdown-body p { margin-bottom: .75rem; }
.markdown-body h1, .markdown-body h2, .markdown-body h3 { margin: 1rem 0 .5rem; font-weight: 600; }
.markdown-body h1 { font-size: 1.5rem; }
.markdown-body h2 { font-size: 1.25rem; }
.markdown-body h3 { font-size: 1.1rem; }
.markdown-body pre { background: var(--bg, #0d1117); padding: 1rem; border-radius: 8px; overflow-x: auto; margin: .75rem 0; }
.markdown-body code { font-family: var(--font-sans); font-size: .85em; }
.markdown-body pre code { background: none; padding: 0; }
.markdown-body :not(pre) > code { background: var(--bg-hover, #1f2937); padding: .15rem .4rem; border-radius: 4px; }
.markdown-body ul, .markdown-body ol { padding-left: 1.5rem; margin-bottom: .75rem; }
.markdown-body li { margin-bottom: .25rem; }
.markdown-body blockquote { border-left: 3px solid var(--accent, #58a6ff); padding: .25rem 1rem; margin: .75rem 0; color: var(--text-secondary); }
.markdown-body hr { border: none; border-top: 1px solid var(--border); margin: 1rem 0; }
.markdown-body table { width: 100%; border-collapse: collapse; margin: .75rem 0; }
.markdown-body th, .markdown-body td { border: 1px solid var(--border); padding: .4rem .75rem; text-align: left; }
.markdown-body th { background: var(--bg-card); font-weight: 600; }
.markdown-body img { max-width: 100%; border-radius: 8px; }

.text-muted { color: var(--text-secondary, var(--fg-muted, #8b949e)); }

/* Button variants */
.btn-small {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .35rem .75rem; border-radius: 8px;
  font-size: .82rem; font-weight: 600; cursor: pointer;
  border: 1px solid var(--border); background: transparent;
  color: var(--text-secondary); transition: all .15s ease;
}
.btn-small:hover { background: var(--btn-hover-bg, var(--bg-hover)); color: var(--text); }
.btn-small svg { width: 14px; height: 14px; }

.btn-success {
  background: var(--green-soft, rgba(63,185,80,.12)); color: var(--green, #3fb950);
  border-color: var(--green, #3fb950);
}
.btn-success:hover { background: var(--green, #3fb950); color: #fff; }

.btn-danger {
  background: var(--red-soft, rgba(248,81,73,.12)); color: var(--red, #f85149);
  border-color: var(--red, #f85149);
}
.btn-danger:hover { background: var(--red, #f85149); color: #fff; }

.btn-merge {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .5rem 1.2rem; border-radius: 8px;
  background: var(--green, #3fb950); color: #fff;
  border: none; font-size: .875rem; font-weight: 600;
  cursor: pointer; transition: all .15s ease;
}
.btn-merge:hover { filter: brightness(1.1); box-shadow: 0 0 12px rgba(63,185,80,.3); }
.btn-merge svg { width: 16px; height: 16px; }

/* PR branch badges */
.pr-ref-badge {
  display: inline-block; padding: .1rem .5rem; border-radius: 6px;
  background: var(--accent-soft, rgba(88,166,255,.1)); color: var(--accent, #58a6ff);
  font-size: .78rem; font-weight: 600; font-family: var(--font-sans);
}

.pr-branch-selectors {
  display: flex; align-items: flex-end; gap: .75rem; margin-bottom: 1.25rem;
  flex-wrap: wrap;
}
.pr-branch-group {
  flex: 1; min-width: 140px;
}
.pr-branch-group label {
  display: block; font-weight: 600; font-size: .82rem; margin-bottom: .35rem;
  color: var(--text-secondary);
}
.pr-branch-arrow {
  font-size: 1.2rem; color: var(--text-secondary); padding-bottom: .4rem;
  font-weight: 700;
}

.pr-sha-info {
  font-size: .82rem; color: var(--text-secondary);
  margin-bottom: 1rem;
}
.pr-sha-info code {
  background: var(--bg-hover); padding: .15rem .4rem; border-radius: 4px;
  font-family: var(--font-sans); font-size: .8rem;
}

/* Filter buttons SVG sizing */
.issues-filter-btn svg { width: 14px; height: 14px; }

/* Responsive */
@media (max-width: 600px) {
  .pr-branch-selectors { flex-direction: column; }
  .pr-branch-arrow { display: none; }
  .issue-form-actions { flex-direction: column; }
  .issue-form-actions .btn-merge { width: 100%; justify-content: center; }
}