:root {
    --bg: #f5f7fb;
    --panel: #ffffff;
    --panel-soft: #f9fbfd;
    --control-bg: #ffffff;
    --header-bg: rgba(255, 255, 255, 0.94);
    --button-bg: #ffffff;
    --button-hover-line: #b8c3d1;
    --label: #313946;
    --pill-bg: #eef2f7;
    --pill-ink: #344054;
    --topic-bg: #eef4ff;
    --topic-ink: #074799;
    --success-bg: rgba(15, 98, 254, 0.08);
    --success-line: rgba(15, 98, 254, 0.22);
    --error-bg: #fff1f2;
    --error-line: #fecaca;
    --danger: #be123c;
    --warning: #ffc107;
    --hero-muted: #dce4ef;
    --hero-subtle: #c7d2e2;
    --hero-card-bg: rgba(255, 255, 255, 0.08);
    --hero-card-line: rgba(255, 255, 255, 0.16);
    --ink: #111827;
    --muted: #5d6676;
    --line: #d9e0e8;
    --brand: #0f62fe;
    --brand-dark: #054ada;
    --green: #0ea5e9;
    --orange: #c2410c;
    --violet: #6d28d9;
    --dark: #101317;
    --code-bg: #1e1e1e;
    --code-ink: #dce4ef;
    --shadow: 0 18px 60px rgba(16, 19, 23, 0.12);
    --scrollbar-thumb: rgba(100, 116, 139, 0.62);
    --scrollbar-thumb-hover: rgba(71, 85, 105, 0.85);
    --scrollbar-thumb-active: rgba(51, 65, 85, 0.92);
}

:root[data-theme="dark"] {
    --bg: #0d1117;
    --panel: #151b23;
    --panel-soft: #10161f;
    --control-bg: #0f141c;
    --header-bg: rgba(13, 17, 23, 0.94);
    --button-bg: #151b23;
    --button-hover-line: #3a4656;
    --label: #d7dee8;
    --pill-bg: #222b36;
    --pill-ink: #c8d2df;
    --topic-bg: #10233d;
    --topic-ink: #9cc7ff;
    --success-bg: rgba(110, 168, 255, 0.12);
    --success-line: rgba(110, 168, 255, 0.28);
    --error-bg: #2a0b14;
    --error-line: #7f1d1d;
    --danger: #fb7185;
    --hero-muted: #dce4ef;
    --hero-subtle: #c7d2e2;
    --hero-card-bg: rgba(255, 255, 255, 0.08);
    --hero-card-line: rgba(255, 255, 255, 0.16);
    --ink: #f1f5f9;
    --muted: #a9b4c2;
    --line: #2c3644;
    --brand: #6ea8ff;
    --brand-dark: #8bb9ff;
    --green: #7dd3fc;
    --orange: #fb923c;
    --dark: #05080d;
    --code-bg: #1e2329;
    --code-ink: #e6edf3;
    --shadow: 0 22px 70px rgba(0, 0, 0, 0.42);
    --scrollbar-thumb: rgba(148, 163, 184, 0.64);
    --scrollbar-thumb-hover: rgba(148, 163, 184, 0.88);
    --scrollbar-thumb-active: rgba(203, 213, 225, 0.94);
    color-scheme: dark;
}

* {
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
}

/* Global custom scrollbar: transparent track with styled thumb */
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: transparent;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-track-piece {
    background: transparent;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}

*::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active);
}

[hidden] {
    display: none !important;
}

html {
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    color: var(--ink);
    background: var(--bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
}

body > main {
    flex: 1 0 auto;
}

a {
    color: var(--brand);
    text-decoration: none;
}

a:hover {
    color: var(--ink);
}

input,
select,
textarea,
button {
    font: inherit;
}

select {
    min-height: 38px;
    padding: 0 12px;
    color: var(--ink);
    background-color: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

select:not([multiple]):not([size]) {
    padding-right: 38px;
}

select:disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

select::-ms-expand {
    display: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 300;
    background: var(--header-bg);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(16px);
}

.soft-nav-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483646;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--brand), var(--orange));
    box-shadow: 0 0 18px color-mix(in srgb, var(--brand) 60%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.22s ease, opacity 0.18s ease;
}

.soft-nav-loading .soft-nav-progress {
    opacity: 1;
}

.topbar {
    width: min(1280px, calc(100% - 32px));
    min-height: 68px;
    margin: 0 auto;
}

.topbar-auth,
.topbar-guest {
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: space-between;
    position: relative;
}

.topbar-auth-actions,
.topbar-guest-actions,
.topbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: max-content;
    font-weight: 900;
    flex: none;
}

.brand img {
    width: 38px;
    height: 38px;
    border-radius: 8px;
}

.mobile-nav-toggle {
    display: none;
}

.mobile-nav-icon {
    display: grid;
    gap: 4px;
}

.mobile-nav-icon i {
    display: block;
    width: 18px;
    height: 2px;
    background: currentColor;
    border-radius: 999px;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.global-search input,
.explore-search input,
.repo-clone input,
.repo-file-search input,
.create-form input,
.create-form select,
.create-form textarea,
.auth-form input,
.auth-form select,
.issue-form input,
.issue-form textarea,
.file-compose-form input,
.file-compose-form textarea,
.fork-form input:not([type="checkbox"]):not([type="radio"]),
.fork-form textarea,
.fork-form select,
.branch-form select,
.sort-form select {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.global-search input:focus,
.explore-search input:focus,
.repo-clone input:focus,
.repo-file-search input:focus,
.create-form input:focus,
.create-form select:focus,
.create-form textarea:focus,
.auth-form input:focus,
.auth-form select:focus,
.issue-form input:focus,
.issue-form textarea:focus,
.file-compose-form input:focus,
.file-compose-form textarea:focus,
.fork-form input:not([type="checkbox"]):not([type="radio"]):focus,
.fork-form textarea:focus,
.fork-form select:focus,
.branch-form select:focus,
.sort-form select:focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.16);
}

.topic-token-field {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    padding: 6px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: text;
    transition: border-color 0.18s ease, outline-color 0.18s ease;
}

.topic-token-field:focus-within {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.16);
}

.topic-token-list {
    display: contents;
}

.topic-token {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    min-height: 30px;
    padding: 4px 7px 4px 10px;
    color: var(--topic-ink);
    background: var(--topic-bg);
    border: 1px solid color-mix(in srgb, var(--topic-ink) 22%, transparent);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.topic-token span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic-token-remove {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.topic-token-remove:hover {
    background: color-mix(in srgb, var(--topic-ink) 12%, transparent);
}

.topic-token-entry {
    flex: 1 1 150px;
    min-width: 120px;
    min-height: 30px;
    padding: 4px 6px;
    color: var(--ink);
    background: transparent;
    border: 0!important;
    outline: 0!important;
}

.topic-suggestion-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 35;
    display: grid;
    max-height: 260px;
    padding: 6px;
    overflow-y: auto;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
}

.topic-suggestion-item {
    display: grid;
    gap: 2px;
    width: 100%;
    padding: 10px;
    color: var(--ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.topic-suggestion-item:hover,
.topic-suggestion-item:focus {
    background: var(--panel-soft);
    outline: 0;
}

.topic-suggestion-item strong {
    font-size: 14px;
}

.topic-suggestion-item small {
    color: var(--muted);
    font-size: 12px;
}

.topbar-links,
.topbar-links-guest {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 800;
}

.topbar-links-guest {
    min-width: 0;
    margin-right: auto;
}

.topbar-links-guest > a:not(.button) {
    color: var(--muted);
}

.topbar-links-guest > a:not(.button):hover {
    color: var(--ink);
}

.guest-nav-menu {
    position: relative;
    align-self: stretch;
}

.guest-nav-item {
    position: static;
    display: flex;
    align-items: center;
    align-self: stretch;
}

.guest-nav-trigger,
.guest-header-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 42px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 820;
    white-space: nowrap;
    background: transparent;
    border: 0;
}

.guest-nav-trigger {
    padding: 0 2px;
}

.guest-nav-trigger i {
    font-size: 12px;
    transition: transform 0.18s ease;
}

.guest-nav-item:hover .guest-nav-trigger,
.guest-nav-item:focus-within .guest-nav-trigger,
.guest-nav-item.is-hovered .guest-nav-trigger,
.guest-nav-trigger:hover,
.guest-header-link:hover {
    color: var(--ink);
}

.guest-nav-item:hover .guest-nav-trigger i,
.guest-nav-item:focus-within .guest-nav-trigger i,
.guest-nav-item.is-hovered .guest-nav-trigger i {
    transform: rotate(180deg);
}

.guest-nav-panel {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 60;
    width: min(920px, calc(100vw - 32px));
    padding: 24px;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    visibility: hidden;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.guest-nav-item:hover .guest-nav-panel,
.guest-nav-item:focus-within .guest-nav-panel,
.guest-nav-item.is-hovered .guest-nav-panel {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
}

.guest-nav-panel-platform {
    width: min(780px, calc(100vw - 32px));
}

.guest-nav-panel-product {
    width: min(780px, calc(100vw - 32px));
}

.guest-nav-panel-simple {
    width: min(340px, calc(100vw - 32px));
    right: 0;
    left: auto;
}

.guest-nav-panel-contact {
    width: min(380px, calc(100vw - 32px));
    right: 0;
    left: auto;
}

@media (min-width: 762px) {
    .guest-nav-item.is-hovered::after {
        content: "";
        position: fixed;
        top: 60px;
        right: 0;
        left: 0;
        z-index: 19;
        height: 44px;
    }
}

.guest-nav-panel-grid {
    display: grid;
    gap: 18px;
}

.guest-nav-panel-grid.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.guest-nav-feature,
.guest-contact-panel,
.guest-nav-card {
    border: 1px solid var(--line);
    border-radius: 16px;
}

.guest-nav-feature,
.guest-contact-panel {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 178px;
    padding: 20px;
    background: var(--panel-soft);
}

.guest-nav-kicker {
    color: var(--brand);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.guest-nav-feature strong,
.guest-contact-panel strong {
    color: var(--ink);
    font-size: 21px;
    line-height: 1.15;
}

.guest-nav-feature p,
.guest-contact-panel p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
}

.guest-nav-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--ink);
    font-weight: 900;
}

.guest-nav-cta:hover {
    color: var(--brand);
}

.guest-nav-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.guest-nav-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    min-height: 116px;
    padding: 16px;
    color: var(--ink);
    background: var(--panel-soft);
    transition: border-color 0.18s ease, background 0.18s ease;
}

.guest-nav-card:hover {
    color: var(--ink);
    background: color-mix(in srgb, var(--brand) 8%, var(--panel));
    border-color: color-mix(in srgb, var(--brand) 34%, var(--line));
}

.guest-nav-card i {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--brand);
    background: color-mix(in srgb, var(--brand) 10%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
    border-radius: 12px;
    font-size: 17px;
}

.guest-nav-card strong,
.guest-nav-card small {
    display: block;
}

.guest-nav-card strong {
    margin-bottom: 4px;
    color: var(--ink);
    font-size: 16px;
}

.guest-nav-card small {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}

.guest-nav-list {
    display: grid;
    align-content: start;
    gap: 16px;
    padding: 26px 24px;
}

.guest-nav-list strong {
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.guest-nav-list a {
    color: var(--ink);
    font-size: 15px;
    font-weight: 760;
}

.guest-nav-list a:hover {
    color: var(--brand);
}

.guest-nav-list.solo {
    gap: 0;
    padding: 10px;
}

.guest-nav-list.solo a {
    min-height: 46px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.guest-nav-list.solo a:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.guest-contact-panel {
    min-height: 0;
}

.guest-contact-panel > a:not(.guest-nav-cta) {
    width: fit-content;
    color: var(--muted);
    font-weight: 850;
}

.guest-contact-panel > a:not(.guest-nav-cta):hover {
    color: var(--brand);
}

.guest-header-link {
    padding: 0 4px;
    color: var(--ink);
}

.guest-header-link:hover {
    color: var(--brand);
}

.guest-header-cta {
    min-height: 42px;
}

.topbar-guest > .guest-brand-cta {
    display: none;
}

.guest-mobile-actions {
    display: none;
}

.topbar-auth-actions {
    margin-left: auto;
}

.header-icon-button,
.theme-toggle,
.avatar-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
    flex: none;
}

.header-icon-button {
    position: relative;
}

.header-icon-button:hover,
.theme-toggle:hover,
.avatar-button:hover {
    border-color: var(--button-hover-line);
}

@media (hover: hover) and (pointer: fine) {
    .header-icon-button:hover,
    .theme-toggle:hover,
    .avatar-button:hover {
        transform: translateY(-1px);
    }
}

.header-icon-button:active,
.theme-toggle:active,
.avatar-button:active {
    transform: scale(0.96);
}

.header-menu.is-open [data-menu-toggle],
.header-menu.is-open [data-menu-toggle]:hover,
.header-menu.is-open [data-menu-toggle]:active {
    transform: none;
}

.header-icon-button i,
.theme-toggle i {
    font-size: 15px;
}

.avatar-button {
    overflow: hidden;
    padding: 0;
    border-radius: 999px;
}

.avatar-button img,
.menu-user-summary .avatar img,
.notification-avatar img,
.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.header-search-shell {
    position: relative;
    width: 42px;
    flex: none;
}

.global-search-live {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: min(540px, calc(100vw - 32px));
    z-index: 41;
}

.header-search-shell.is-open .global-search-live {
    display: block;
}

.global-search-live input {
    max-width: none;
    min-width: 0;
    width: 100%;
    padding-left: 38px;
}

.search-field-icon {
    position: absolute;
    top: 50%;
    left: 14px;
    color: var(--muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.header-search-toggle {
    display: inline-flex;
}

.live-search-results {
    position: absolute;
    top: calc(100% + 66px);
    right: 0;
    width: min(540px, calc(100vw - 32px));
    min-width: 0;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    overflow: hidden;
    z-index: 40;
}

.live-search-item,
.menu-panel a {
    color: var(--ink);
}

.live-search-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
}

.live-search-item:last-child {
    border-bottom: 0;
}

.live-search-item:hover,
.menu-panel a:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.live-search-item-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.live-search-item-copy strong {
    overflow-wrap: anywhere;
}

.live-search-item-copy span,
.live-search-item-tags small,
.live-search-empty {
    color: var(--muted);
    font-size: 13px;
}

.live-search-item-tags {
    display: grid;
    justify-items: end;
    gap: 6px;
    text-align: right;
}

.live-search-kind,
.dashboard-kind-pill,
.notification-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 8px;
    color: var(--topic-ink);
    background: var(--topic-bg);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}

.live-search-empty {
    padding: 14px;
}

.header-menu {
    position: relative;
    line-height: 1;
}

.menu-panel strong,
.menu-panel span,
.menu-panel small {
    line-height: 1.5;
}

.menu-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    display: grid;
    gap: 10px;
    width: min(360px, calc(100vw - 24px));
    padding: 12px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: var(--shadow);
    z-index: 42;
}

.menu-panel-actions a {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 10px 12px;
    border-radius: 10px;
}

.menu-panel-actions strong,
.menu-user-summary strong {
    display: block;
}

.menu-panel-actions small,
.menu-user-summary span {
    color: var(--muted);
    font-size: 13px;
}

.menu-panel-actions i {
    margin-top: 5px;
}

.menu-panel-user {
    width: min(296px, calc(100vw - 24px));
}

.menu-user-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 4px 2px;
}

.menu-section {
    display: grid;
    gap: 4px;
}

.menu-section a {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 10px;
}

.menu-panel hr {
    width: 100%;
    height: 1px;
    margin: 0;
    background: var(--line);
    border: 0;
}

.theme-toggle-icons {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    line-height: 1;
}

.theme-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    line-height: 1;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.theme-icon-sun {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.78) rotate(-18deg);
}

:root[data-theme="dark"] .theme-icon-sun {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

:root[data-theme="dark"] .theme-icon-moon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.78) rotate(18deg);
}

.notification-badge {
    position: absolute;
    top: -6px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    color: #fff;
    background: #dc2626;
    border: 2px solid var(--panel);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 14px;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;
}

.button:hover {
    color: var(--ink);
    border-color: var(--button-hover-line);
}

.button-primary {
    color: #fff;
    background: var(--brand);
    border-color: var(--brand);
}

.button-primary:hover {
    color: #fff;
    background: var(--brand-dark);
    border-color: var(--brand-dark);
}

.button-primary:active {
    opacity: 0.5;
}

.button.is-active {
    color: var(--brand);
}

.button-danger {
    color: var(--danger);
}

.button-text-danger {
    min-height: 0;
    padding: 0;
    color: var(--danger);
    background: none;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    font-weight: 850;
}

.button-text-danger:hover {
    color: var(--danger);
    text-decoration: underline;
    transform: none;
}

.button-small {
    min-height: 34px;
    padding: 0 11px;
    font-size: 13px;
}

.full {
    width: 100%;
}

.home-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
    gap: 46px;
    align-items: center;
    min-height: calc(100vh - 68px);
    padding: 76px max(16px, calc((100vw - 1180px) / 2)) 86px;
    color: #fff;
    background: var(--dark);
    overflow: hidden;
}

.home-hero::before {
    position: absolute;
    inset: 0;
    content: "";
    background: url("/logo.png") right 8vw center / min(620px, 70vw) no-repeat;
    opacity: 0.18;
}

.home-hero > * {
    position: relative;
    z-index: 1;
}

.home-hero h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(54px, 8vw, 116px);
    line-height: 0.92;
    letter-spacing: 0;
}

.hero-lede {
    max-width: 690px;
    color: var(--hero-muted);
    font-size: clamp(18px, 2vw, 23px);
}

.eyebrow {
    margin: 0 0 10px;
    color: #9ec0ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero-actions,
.repo-actions,
.blob-toolbar > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.repo-actions {
    align-items: center;
    justify-content: flex-end;
}

.repo-fork-split {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    flex: 0 0 auto;
}

.repo-watch-split {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    flex: 0 0 auto;
}

.repo-watch-primary {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    gap: 7px;
}

.repo-watch-primary.is-active {
    color: #0d1b2f;
    background: linear-gradient(180deg, #b9dcff 0%, #8fc6ff 100%);
    border-color: rgba(143, 198, 255, 0.8);
}

.repo-watch-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    padding: 0 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    list-style: none;
    appearance: none;
    -webkit-appearance: none;
}

.repo-watch-menu-shell {
    position: relative;
    display: inline-flex;
}

.repo-watch-menu-shell summary::-webkit-details-marker {
    display: none;
}

.repo-watch-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(430px, calc(100vw - 24px));
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
    z-index: 90;
}

.repo-watch-menu-shell:not([open]) .repo-watch-menu {
    display: none;
}

.repo-watch-menu form {
    margin: 0;
}

.repo-watch-option:first-of-type {
    border-top: 0;
    border-bottom: 1px solid var(--line);
}

.repo-watch-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-height: 56px;
    padding: 10px 14px;
    color: var(--ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-top: 1px solid var(--line);
    cursor: pointer;
}

.repo-watch-option:hover {
    background: var(--panel-soft);
}

.repo-watch-option i {
    margin-top: 5px;
}

.repo-watch-option span {
    display: grid;
    gap: 3px;
}

.repo-watch-option small {
    color: var(--muted);
    font-size: 13px;
}

.repo-watch-custom {
    display: grid;
    gap: 6px;
    padding: 12px 14px;
    border-top: 1px solid var(--line);
}

.repo-watch-custom p {
    display: grid;
    gap: 2px;
    margin: 0 0 2px;
}

.repo-watch-custom p small {
    color: var(--muted);
}

.repo-watch-custom label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 14px;
}

.repo-fork-primary {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.repo-fork-menu-shell {
    position: relative;
    display: inline-flex;
    align-items: stretch;
}

.repo-fork-menu-shell summary::-webkit-details-marker {
    display: none;
}

.repo-fork-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    padding: 0 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    list-style: none;
    appearance: none;
    -webkit-appearance: none;
}

.repo-fork-toggle i {
    font-size: 12px;
}

.repo-fork-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(360px, calc(100vw - 24px));
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
    z-index: 80;
}

.repo-fork-menu-shell:not([open]) .repo-fork-menu {
    display: none;
}

.repo-fork-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    border-bottom: 1px solid var(--line);
}

.repo-fork-menu-head strong {
    font-size: 21px;
    font-weight: 900;
}

.repo-fork-menu-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.repo-fork-menu-close:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.repo-fork-menu-list {
    display: grid;
}

.repo-fork-menu-list a,
.repo-fork-menu-create {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 14px;
    color: var(--ink);
    font-size: 16px;
    font-weight: 850;
    border-top: 1px solid var(--line);
}

.repo-fork-menu-list a:hover,
.repo-fork-menu-create:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.repo-fork-menu-empty {
    margin: 0;
    padding: 14px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    font-size: 16px;
    line-height: 1.45;
}

.repo-fork-menu-create i {
    font-size: 14px;
}

.blob-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blob-edit-slot,
.blob-edit-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blob-edit-button svg,
.blob-save-button svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    flex: none;
}

.inline-action-form {
    margin: 0;
}

.repo-settings-icon {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--muted);
}

.repo-settings-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.repo-settings-icon:hover {
    color: var(--brand);
}

.star-toggle {
    gap: 6px;
}

.star-toggle.is-active {
    color: #0d1b2f;
    background: linear-gradient(180deg, #b9dcff 0%, #8fc6ff 100%);
    border-color: rgba(143, 198, 255, 0.8);
}

.star-icon {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    flex: none;
}

.star-icon-filled {
    display: none;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 1;
}

.star-toggle.is-active .star-icon-outline {
    display: none;
}

.star-toggle.is-active .star-icon-filled {
    display: block;
}

.metric-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 36px;
    max-width: 660px;
}

.metric-row div {
    min-height: 90px;
    padding: 16px;
    background: var(--hero-card-bg);
    border: 1px solid var(--hero-card-line);
    border-radius: 8px;
}

.metric-row strong {
    display: block;
    font-size: 30px;
}

.metric-row span {
    color: var(--hero-subtle);
    font-size: 13px;
    font-weight: 800;
}

.auth-card,
.auth-panel,
.empty-panel,
.repo-card,
.file-panel,
.toolbar-panel,
.markdown-panel,
.discussion-panel,
.create-form,
.topic-card,
.commit-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.auth-card {
    padding: 24px;
    color: var(--ink);
    box-shadow: var(--shadow);
}

.auth-panel {
    display: grid;
    gap: 14px;
    max-width: 560px;
    margin: 0 auto;
    padding: 28px;
}

.auth-card h2 {
    margin: 0 0 6px;
}

.provider-stack,
.auth-form,
.create-form,
.mini-list,
.commit-list {
    display: grid;
    gap: 10px;
}

.provider-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 42px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 850;
}

.provider-button span {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    color: #fff;
    background: var(--dark);
    border-radius: 6px;
    font-size: 11px;
}

.auth-form,
.create-form {
    margin-top: 16px;
}

.auth-form label,
.create-form label {
    display: grid;
    gap: 7px;
    color: var(--label);
    font-size: 13px;
    font-weight: 850;
}

.page-shell {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 64px 0;
}

.page-shell.narrow {
    width: min(900px, calc(100% - 32px));
}

.section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.section-heading h1,
.section-heading h2 {
    margin: 0;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.04;
    letter-spacing: 0;
}

.section-heading p {
    margin: 8px 0 0;
    color: var(--muted);
}

.repo-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 14px;
}

.repo-card {
    display: flex;
    flex-direction: column;
    min-height: 220px;
    padding: 18px;
}

.repo-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.repo-card-name {
    color: var(--brand);
    font-size: 17px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.visibility-pill {
    padding: 3px 8px;
    color: var(--pill-ink);
    background: var(--pill-bg);
    border: 1px solid var(--line);
    border-radius: 12px;
    font-size: 12px;
    font-weight: 850;
}

.repo-card p {
    flex: 1;
    color: var(--muted);
    font-size: 14px;
}

.fork-source-line {
    flex: 0;
    margin: 2px 0 10px;
    color: var(--muted);
    font-size: 13px;
}

.fork-create-shell {
    padding: 28px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
}

.fork-create-header h1 {
    margin: 8px 0 10px;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.05;
}

.fork-create-header p {
    max-width: 820px;
    margin: 0;
    color: var(--muted);
    font-size: 18px;
}

.fork-form {
    margin-top: 24px;
}

.fork-form-note {
    margin: 0 0 14px;
    color: var(--muted);
    font-size: 14px;
    font-style: italic;
}

.fork-owner-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.2fr);
    gap: 12px;
    align-items: start;
}

.fork-owner-grid > div {
    display: grid;
    gap: 8px;
    align-content: start;
}

.fork-owner-grid label {
    color: var(--label);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
}

.fork-owner-control {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 42px;
    padding: 0 12px 0 8px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 850;
}

.fork-owner-control i {
    margin-left: auto;
    color: var(--muted);
}

.fork-slash {
    margin-top: 30px;
    color: var(--muted);
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
}

.fork-helper-copy {
    margin: 14px 0 20px;
    color: var(--muted);
}

.fork-form-block label {
    color: var(--label);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
}

.fork-form-block {
    display: grid;
    gap: 8px;
}

.fork-form-block .field-message {
    margin-top: 6px;
}

.fork-divider {
    margin: 14px 0;
    border-top: 1px solid var(--line);
}

.fork-checkbox-row {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: flex-start;
    color: var(--ink);
    font-weight: 850;
}

.fork-checkbox-row small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

.fork-account-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--muted);
}

.fork-existing-notice {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    margin-bottom: 16px;
    padding: 11px 12px;
    color: var(--ink);
    background: rgba(15, 98, 254, 0.09);
    border: 1px solid rgba(15, 98, 254, 0.34);
    border-radius: 10px;
}

.fork-existing-notice i {
    margin-top: 2px;
    color: var(--brand);
}

.fork-existing-notice p {
    margin: 0;
}

.fork-unavailable-state {
    display: grid;
    gap: 4px;
    margin-top: 22px;
    font-weight: 850;
}

.fork-unavailable-state p {
    margin: 0;
}

.fork-form-actions {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 761px) {
    .fork-create-shell {
        padding: 18px;
        border-radius: 12px;
    }

    .fork-create-header p {
        font-size: 16px;
    }

    .fork-owner-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .fork-slash {
        display: none;
    }

    .fork-form-actions {
        justify-content: stretch;
    }

    .fork-form-actions .button {
        width: 100%;
    }
}

.star-list {
    display: grid;
    gap: 10px;
}

.star-user-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.star-user-row:hover {
    color: var(--ink);
    border-color: var(--brand);
}

.star-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #fff;
    background: var(--dark);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    flex: none;
}

.star-user-text {
    display: grid;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.star-user-text strong {
    overflow-wrap: anywhere;
}

.star-user-text span {
    color: var(--muted);
    font-size: 13px;
}

.star-user-row time {
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.repo-card-meta,
.file-panel-head,
.blob-toolbar,
.commit-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.repo-card-meta {
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

.topic-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.topic-list a {
    min-height: 30px;
    padding: 5px 10px;
    color: var(--topic-ink);
    background: var(--topic-bg);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.band {
    color: #fff;
    background: var(--dark);
}

.band-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
    gap: 34px;
    align-items: center;
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 58px 0;
}

.band h2 {
    margin: 0;
    font-size: clamp(30px, 5vw, 56px);
    line-height: 1.02;
}

.band p {
    color: var(--hero-subtle);
}

.band pre,
.code-view {
    overflow: auto;
    margin: 0;
    color: var(--code-ink);
    background: var(--code-bg);
    border-radius: 8px;
}

.band pre {
    padding: 20px;
    border: 1px solid var(--hero-card-line);
}

.people-grid,
.topic-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.person-card,
.topic-card {
    display: grid;
    gap: 6px;
    padding: 16px;
}

.avatar {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #fff;
    background: var(--dark);
    border-radius: 999px;
    font-weight: 900;
    overflow: hidden;
}

.avatar.large {
    width: 76px;
    height: 76px;
    font-size: 30px;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.repo-hero {
    padding: 20px max(16px, calc((100vw - 1280px) / 2)) 0;
    background: var(--panel);
    border-bottom: 1px solid var(--line);
}

.repo-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.repo-title-row h2 {
    margin: 10px 0;
}

.repo-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.repo-visibility-pill {
    text-transform: capitalize;
}

.repo-hero-fork-source {
    margin-bottom: 4px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.repo-title-row > :first-child {
    min-width: 0;
}

@media (min-width: 762px) {
    .repo-title-row > :first-child {
        width: max(0px, calc(100% - var(--repo-actions-width, 0px) - var(--repo-title-gap, 24px)));
    }

    .repo-actions {
        flex: 0 0 auto;
    }
}

.repo-title-row h1 {
    margin: 4px 0 8px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.repo-title-row p {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb-line {
    color: var(--muted);
    font-size: 18px;
    font-weight: 800;
}

.breadcrumb-line strong {
    color: var(--ink);
}

.breadcrumb-settings-link {
    display: none;
    padding: 0;
    font: inherit;
    appearance: none;
    cursor: pointer;
}

.repo-tabs {
    display: flex;
    gap: 4px;
    margin-top: 24px;
    overflow-x: auto;
}

.repo-tabs-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}

.repo-tabs-row .repo-tabs {
    flex: 1 1 auto;
    min-width: 0;
    margin-top: 0;
}

.repo-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 12px 14px;
    border-bottom: 3px solid transparent;
    color: var(--muted);
    font-weight: 850;
    white-space: nowrap;
}

.repo-tabs a i {
    font-size: 14px;
}

.repo-tabs a.is-active {
    color: var(--ink);
    border-bottom-color: var(--orange);
}

@media (hover: hover) and (pointer: fine) {
    .repo-tabs a:hover {
        color: var(--ink);
        border-bottom-color: var(--orange);
    }
}

.repo-tabs-settings {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--muted);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    flex: none;
}

.repo-tabs-settings svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.repo-tabs-settings:hover {
    color: var(--brand);
    border-color: var(--button-hover-line);
}

.repo-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(240px, 28vw, 310px);
    gap: 20px;
    width: min(1280px, calc(100% - 32px));
    margin: 22px auto 64px;
}

.repo-main {
    gap: 16px;
    min-width: 0;
}

.toolbar-panel,
.blob-toolbar {
    padding: 12px;
}

.toolbar-panel {
    display: grid;
    grid-template-columns: minmax(260px, auto) minmax(360px, 1fr);
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.repo-toolbar-left,
.repo-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.repo-toolbar-left {
    justify-self: start;
    flex-wrap: wrap;
}

.repo-toolbar-actions {
    justify-self: end;
    justify-content: flex-end;
    width: min(100%, 560px);
}

.branch-picker {
    position: relative;
    flex: 0 0 auto;
}

.branch-picker-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    min-width: 128px;
    padding: 0 14px;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
}

.branch-picker-toggle span {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-picker-toggle:hover,
.branch-picker.is-open .branch-picker-toggle {
    border-color: var(--button-hover-line);
}

.branch-picker-toggle i:first-child {
    color: var(--muted);
}

.branch-picker-toggle i:last-child {
    color: var(--muted);
    font-size: 12px;
}

.branch-picker-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 60;
    width: min(420px, calc(100vw - 32px));
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.branch-picker-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 0 14px;
    border-bottom: 1px solid var(--line);
}

.branch-picker-head strong {
    font-size: 15px;
}

.branch-picker-head button {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.branch-picker-head button:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.branch-picker-search {
    position: relative;
    padding: 10px;
}

.branch-picker-search i {
    position: absolute;
    top: 50%;
    left: 22px;
    color: var(--muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.branch-picker-search input {
    width: 100%;
    min-height: 42px;
    padding: 0 14px 0 42px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-weight: 750;
}

.branch-picker-search input:focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.18);
}

.branch-picker-tabs {
    display: flex;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.branch-picker-tabs span {
    min-height: 40px;
    padding: 9px 16px;
    color: var(--muted);
    border-right: 1px solid var(--line);
    font-weight: 900;
}

.branch-picker-tabs span.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.branch-picker-list {
    display: grid;
    max-height: 360px;
    overflow-y: auto;
    padding: 8px 0;
}

.branch-picker-item,
.branch-picker-create,
.branch-picker-view-all,
.branch-picker-empty,
.branch-picker-message {
    min-height: 42px;
    padding: 0 14px;
}

.branch-picker-item,
.branch-picker-create {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    width: 100%;
    color: var(--ink);
    background: transparent;
    border: 0;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.branch-picker-item:hover,
.branch-picker-create:hover,
.branch-picker-view-all:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

.branch-picker-item i {
    visibility: hidden;
    color: var(--ink);
}

.branch-picker-item.is-current i {
    visibility: visible;
}

.branch-picker-item span,
.branch-picker-create span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 850;
}

.branch-picker-item em {
    padding: 1px 8px;
    color: var(--muted);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

.branch-picker-create {
    min-height: 48px;
    border-top: 1px solid var(--line);
}

.branch-picker-create:disabled {
    opacity: 0.65;
    cursor: progress;
}

.branch-picker-create i {
    color: var(--muted);
}

.branch-picker-message,
.branch-picker-empty {
    display: flex;
    align-items: center;
    color: var(--muted);
    font-size: 13px;
    font-weight: 750;
}

.branch-picker-message[data-type="error"] {
    color: var(--danger);
}

.branch-picker-view-all {
    display: flex;
    align-items: center;
    color: var(--ink);
    border-top: 1px solid var(--line);
    font-weight: 850;
}

.branch-list {
    display: grid;
}

.branch-list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 52px;
    padding: 0 16px;
    color: var(--ink);
    border-top: 1px solid var(--line);
}

.branch-list-row:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

.branch-list-row span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.branch-list-row strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-list-row i {
    color: var(--muted);
}

.branch-list-row em {
    padding: 1px 8px;
    color: var(--muted);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

.branches-page-shell {
    display: grid;
    gap: 18px;
    width: min(100%, 1400px);
    margin: 0 auto;
    padding: 36px clamp(18px, 4vw, 48px) 64px;
}

.branches-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.branches-heading h1 {
    margin: 0;
    color: var(--ink);
    font-size: clamp(28px, 3vw, 38px);
    letter-spacing: 0;
}

.branch-new-button {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 8px;
    background: #2da44e;
    border-color: #2da44e;
    color: #fff;
}

.branches-tabs {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    border-bottom: 1px solid var(--line);
}

.branches-tabs button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 52px;
    padding: 0 16px;
    color: var(--muted);
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.branches-tabs button:hover,
.branches-tabs button:focus-visible {
    color: var(--ink);
    background: var(--panel-soft);
}

.branches-tabs button.is-active {
    color: var(--ink);
    background: var(--bg);
    border-color: var(--line);
}

.branches-tabs button span {
    min-width: 22px;
    padding: 2px 7px;
    color: var(--muted);
    background: var(--panel-soft);
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
}

.branch-search-bar {
    position: relative;
    display: block;
    margin: 2px 0 8px;
}

.branch-search-bar i {
    position: absolute;
    left: 14px;
    top: 50%;
    color: var(--muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.branch-search-bar input {
    width: 100%;
    min-height: 46px;
    padding: 0 14px 0 42px;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-weight: 750;
}

.branch-search-bar input:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);
    outline: none;
}

.branch-page-toast {
    position: fixed;
    left: clamp(18px, 17vw, 330px);
    bottom: 58px;
    z-index: 120;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    max-width: min(560px, calc(100vw - 36px));
    color: var(--ink);
    font-weight: 850;
}

.branch-page-toast[hidden] {
    display: none !important;
}

.branch-page-toast > span {
    display: inline-grid;
    place-items: center;
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
    color: #fff;
    background: #d9433f;
    border-radius: 6px;
    box-shadow: 0 16px 36px rgb(0 0 0 / 24%);
}

.branch-page-toast[data-type="success"] > span {
    background: #2da44e;
}

.branch-page-toast p {
    margin: 0;
    padding: 12px 0;
}

.branches-section {
    display: grid;
    gap: 10px;
    margin-top: 4px;
}

.branches-section h2 {
    margin: 0;
    color: var(--ink);
    font-size: 18px;
    letter-spacing: 0;
}

.branches-table {
    position: relative;
    overflow: visible;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.branches-table-head,
.branches-row {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) minmax(130px, 1.1fr) minmax(120px, 1fr) minmax(60px, .45fr) minmax(60px, .45fr) minmax(130px, 1fr) 100px;
    align-items: center;
    gap: 12px;
}

.branches-table-head {
    min-height: 46px;
    padding: 0 16px;
    color: var(--muted);
    border-bottom: 1px solid var(--line);
    font-size: 13px;
    font-weight: 850;
}

.branches-row {
    min-height: 64px;
    padding: 0 16px;
    color: var(--ink);
    border-top: 1px solid var(--line);
}

.branches-table-head + .branches-row {
    border-top: 0;
}

.branches-row[hidden],
[data-branch-section-group][hidden] {
    display: none !important;
}

.branches-row:hover {
    background: var(--panel-soft);
}

.branches-row.is-deleted {
    color: var(--muted);
    background: color-mix(in srgb, var(--panel-soft) 72%, transparent);
}

.branches-cell {
    min-width: 0;
}

.branch-name-cell,
.branch-updated-cell,
.branch-action-cell,
.branch-status-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}

.branch-chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 32px;
    padding: 0 10px;
    overflow: hidden;
    color: var(--brand);
    background: color-mix(in srgb, var(--brand) 13%, transparent);
    border-radius: 7px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-chip:hover {
    text-decoration: underline;
}

.branch-copy,
.branch-icon-button,
.branch-row-menu summary {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
}

.branch-copy:hover,
.branch-icon-button:hover,
.branch-row-menu summary:hover,
.branch-copy:focus-visible,
.branch-icon-button:focus-visible,
.branch-row-menu summary:focus-visible {
    color: var(--ink);
    background: var(--panel-strong);
    outline: none;
}

.branch-delete-button:hover {
    color: var(--danger);
}

.branch-restore-button {
    color: var(--ink);
    background: var(--panel-strong);
}

.branch-author-dot {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    color: var(--brand);
    background: color-mix(in srgb, var(--brand) 13%, transparent);
    border-radius: 999px;
}

.branch-state-pill {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.branch-state-muted {
    color: var(--muted);
    font-weight: 750;
}

.branch-count-cell {
    color: var(--muted);
    font-weight: 850;
    text-align: right;
}

.branch-pr-cell a {
    color: var(--brand);
    font-weight: 850;
}

.branch-action-cell {
    justify-content: flex-end;
    position: relative;
}

.branch-row-menu {
    position: relative;
}

.branch-row-menu summary {
    list-style: none;
}

.branch-row-menu summary::-webkit-details-marker {
    display: none;
}

.branch-row-menu-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 40;
    display: grid;
    min-width: 220px;
    padding: 8px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 20px 48px rgb(0 0 0 / 32%);
}

.branch-row-menu-panel button {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: transparent;
    border: 0;
    border-radius: 7px;
    font: inherit;
    font-weight: 850;
    text-align: left;
    cursor: pointer;
}

.branch-row-menu-panel button:hover,
.branch-row-menu-panel button:focus-visible {
    background: var(--panel-strong);
    outline: none;
}

.branch-row-menu-panel i {
    width: 18px;
    color: var(--muted);
}

.branches-empty-row {
    padding: 18px 16px;
    color: var(--muted);
    font-weight: 750;
}

.branch-modal-body {
    display: grid;
    gap: 16px;
}

.branch-modal-loading,
.branch-modal-empty {
    color: var(--muted);
    font-weight: 800;
}

.branch-modal-form {
    display: grid;
    gap: 16px;
}

.branch-modal-form label {
    display: grid;
    gap: 8px;
    color: var(--ink);
    font-weight: 850;
}

.branch-modal-form input {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
}

.branch-modal-form input:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);
    outline: none;
}

.branch-activity-list,
.branch-rules-list {
    display: grid;
    gap: 8px;
}

.branch-activity-list a,
.branch-rules-list article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.branch-activity-list a {
    grid-template-columns: 76px minmax(0, 1fr) auto;
}

.branch-activity-list a:hover {
    border-color: var(--brand);
}

.branch-activity-list span,
.branch-rules-list small {
    color: var(--muted);
}

.branch-activity-list small {
    color: var(--muted);
    white-space: nowrap;
}

.branch-rules-list i {
    margin-top: 2px;
    color: var(--brand);
}

.branch-rules-list span {
    display: grid;
    gap: 4px;
}

@media (max-width: 860px) {
    .branches-page-shell {
        padding: 24px 14px 48px;
    }

    .branches-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .branch-new-button {
        width: 100%;
        justify-content: center;
    }

    .branches-tabs {
        gap: 0;
        overflow-x: auto;
        padding-bottom: 0;
    }

    .branches-tabs button {
        flex: 0 0 auto;
        min-height: 46px;
        padding: 0 13px;
    }

    .branch-page-toast {
        left: 14px;
        bottom: 20px;
    }

    .branch-page-toast > span {
        width: 52px;
        height: 52px;
    }

    .branches-table-head {
        display: none;
    }

    .branches-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px 12px;
        min-height: 0;
        padding: 14px;
    }

    .branches-table-head + .branches-row,
    .branches-row {
        border-top: 1px solid var(--line);
    }

    .branches-row:first-of-type {
        border-top: 0;
    }

    .branch-name-cell {
        grid-column: 1;
    }

    .branch-updated-cell {
        grid-column: 1;
        color: var(--muted);
        font-size: 13px;
    }

    .branch-status-cell {
        grid-column: 1;
    }

    .branch-count-cell,
    .branch-pr-cell {
        display: none;
    }

    .branch-action-cell {
        grid-column: 2;
        grid-row: 1 / span 3;
        align-self: start;
    }

    .branch-row-menu-panel {
        right: 0;
        min-width: min(240px, calc(100vw - 36px));
    }

    .branch-activity-list a {
        grid-template-columns: 1fr;
    }

    .branch-activity-list small {
        white-space: normal;
    }
}

.branch-form {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    min-width: 200px;
}

.branch-form label {
    margin: 0;
    white-space: nowrap;
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
}

.branch-form select {
    width: auto;
    min-width: 160px;
}

.repo-ref-stats {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 850;
    white-space: nowrap;
}

.repo-ref-stats span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.repo-ref-stats i {
    color: var(--muted);
}

.repo-clone {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 460px;
    min-width: 280px;
}

.repo-clone input {
    flex: 1 1 auto;
    min-width: 0;
}

.repo-file-search {
    position: relative;
    flex: 1 1 340px;
    min-width: 0;
}

.repo-file-search input {
    padding-right: 40px;
    padding-left: 40px;
}

.repo-file-search-icon,
.repo-file-search-clear {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.repo-file-search-icon {
    left: 14px;
    color: var(--muted);
    pointer-events: none;
}

.repo-file-search-clear {
    right: 10px;
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
}

.repo-file-search-clear:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.repo-file-search-results {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    z-index: 55;
    display: grid;
    max-height: min(440px, 62vh);
    padding: 8px;
    overflow-y: auto;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.repo-file-search-result,
.repo-file-search-empty {
    border-radius: 8px;
}

.repo-file-search-result {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 42px;
    padding: 8px 10px;
    color: var(--ink);
}

.repo-file-search-result:hover,
.repo-file-search-result:focus {
    color: var(--ink);
    background: var(--panel-soft);
    outline: 0;
}

.repo-file-search-result i {
    color: var(--muted);
    font-size: 16px;
    text-align: center;
}

.repo-file-search-path {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 820;
}

.repo-file-search-kind {
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
}

.repo-file-search-empty {
    padding: 14px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 750;
}

.repo-code-dropdown {
    position: relative;
    flex: 0 0 auto;
}

.repo-code-dropdown summary {
    list-style: none;
}

.repo-code-dropdown summary::-webkit-details-marker {
    display: none;
}

.repo-code-toggle {
    min-width: 104px;
    gap: 8px;
    background: var(--brand);
    border-color: var(--brand);
}

.repo-code-toggle:hover {
    background: var(--brand-dark);
    border-color: var(--brand-dark);
}

.repo-code-toggle i:last-child {
    font-size: 12px;
    opacity: 0.85;
}

.repo-code-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 50;
    width: min(430px, calc(100vw - 32px));
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.repo-code-dropdown:not([open]) .repo-code-menu {
    display: none;
}

.repo-code-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px 12px;
    font-size: 16px;
    font-weight: 900;
}

.repo-code-menu-head span,
.repo-code-menu-links a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.repo-code-menu-head > i {
    color: var(--muted);
}

.repo-code-tabs {
    display: flex;
    gap: 22px;
    margin: 0 16px;
    border-bottom: 1px solid var(--line);
}

.repo-code-tabs span {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    color: var(--muted);
    font-weight: 900;
}

.repo-code-tabs span.is-active {
    color: var(--ink);
    border-bottom: 2px solid var(--orange);
}

.repo-code-clone-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 8px;
    align-items: center;
    padding: 12px 16px 0;
}

.repo-code-clone-row input {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-family: var(--mono);
    font-size: 13px;
}

.repo-code-clone-row button {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.repo-code-clone-row button:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

.repo-code-menu p {
    margin: 8px 16px 16px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

.repo-code-menu-links {
    display: grid;
    border-top: 1px solid var(--line);
}

.repo-code-menu-links a {
    min-height: 44px;
    padding: 0 16px;
    color: var(--ink);
    font-weight: 820;
}

.repo-code-menu-links a:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

@media (max-width: 1050px) and (min-width: 762px) {
    .repo-layout .toolbar-panel {
        grid-template-columns: minmax(0, 1fr);
    }

    .repo-layout .repo-toolbar-left,
    .repo-layout .repo-toolbar-actions {
        justify-self: stretch;
        width: 100%;
    }

    .repo-layout .repo-toolbar-actions {
        justify-content: flex-end;
    }

    .repo-layout .repo-file-search {
        flex: 1 1 280px;
    }
}

.repo-file-actions {
    position: relative;
    justify-self: end;
}

.repo-file-actions summary {
    list-style: none;
}

.repo-file-actions summary::-webkit-details-marker {
    display: none;
}

.repo-file-actions-toggle {
    gap: 8px;
    height: 40px;
}

.repo-file-actions-toggle i:last-child {
    font-size: 11px;
    color: var(--muted);
}

.repo-file-actions-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    display: grid;
    min-width: 198px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
    overflow: hidden;
    z-index: 18;
}

.repo-file-actions:not([open]) .repo-file-actions-menu {
    display: none;
}

.repo-file-actions-menu a {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 40px;
    padding: 0 12px;
    color: var(--ink);
    border-top: 1px solid var(--line);
}

.repo-file-actions-menu a:first-child {
    border-top: 0;
}

.repo-file-actions-menu a:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

.lte-dropdown {
    position: relative;
    justify-self: end;
}

.lte-dropdown summary {
    list-style: none;
}

.lte-dropdown summary::-webkit-details-marker {
    display: none;
}

.lte-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 32px;
    padding: 0 10px;
    color: var(--muted);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 850;
    cursor: pointer;
}

.lte-dropdown-toggle i:last-child {
    font-size: 11px;
    color: var(--muted);
}

.lte-dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    display: grid;
    min-width: 198px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
    overflow: hidden;
    z-index: 18;
}

.lte-dropdown:not([open]) .lte-dropdown-menu {
    display: none;
}

.lte-dropdown-menu a,
.lte-dropdown-menu button {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 40px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--panel);
    border: 0;
    border-top: 1px solid var(--line);
    text-align: left;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.lte-dropdown-menu a:first-child,
.lte-dropdown-menu button:first-child {
    border-top: 0;
}

.lte-dropdown-menu a:hover,
.lte-dropdown-menu a:focus-visible,
.lte-dropdown-menu button:hover,
.lte-dropdown-menu button:focus-visible,
.lte-dropdown-menu .is-active {
    color: var(--brand);
    background: var(--panel-soft);
    outline: 0;
}

.is-enhanced-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.custom-select-dropdown {
    width: 100%;
    justify-self: stretch;
}

.custom-select-toggle {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border-radius: 8px;
}

.custom-select-menu {
    left: 0;
    right: auto;
    width: 100%;
    min-width: 100%;
    max-height: min(320px, 50vh);
    overflow-y: auto;
    z-index: 90;
}

.custom-select-menu button:disabled {
    color: var(--muted);
    cursor: not-allowed;
    opacity: 0.7;
}

.custom-select-dropdown.is-disabled .custom-select-toggle {
    cursor: not-allowed;
    opacity: 0.65;
}

.zip-download-button {
    min-height: 32px;
    padding: 0 10px;
    color: var(--muted);
    background: var(--panel-soft);
}

.zip-download-button svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    flex: none;
}

.zip-download-button:hover {
    color: var(--brand);
}

.file-panel {
    overflow: hidden;
}

.blob-file-panel {
    overflow: visible;
    position: relative;
    z-index: 20;
}

.directory-file-panel {
    overflow: visible;
    position: relative;
    z-index: 15;
}

.blob-file-panel .file-panel-head,
.blob-file-panel .blob-toolbar,
.directory-file-panel .file-panel-head {
    overflow: visible;
    position: relative;
    z-index: 30;
}

.file-panel-head {
    min-height: 48px;
    padding: 12px 16px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: 14px;
    border-radius: 8px;
}

.file-panel-head a,
.path-breadcrumb strong {
    color: var(--brand);
    font-weight: 900;
}

.path-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-width: 0;
}

.path-breadcrumb a,
.path-breadcrumb strong {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.file-list {
    display: grid;
}

.file-row {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) minmax(130px, 0.45fr) 90px;
    gap: 12px;
    align-items: center;
    min-height: 46px;
    padding: 0 16px;
    border-bottom: 1px solid var(--line);
}

.file-row:last-child {
    border-bottom: 0;
}

.file-row strong {
    overflow-wrap: anywhere;
}

.file-row span {
    color: var(--muted);
    font-size: 13px;
}

.repo-layout-with-file-browser {
    grid-template-columns: clamp(260px, 22vw, 330px) minmax(0, 1fr) clamp(220px, 22vw, 280px);
    width: min(1540px, calc(100% - 32px));
    align-items: start;
}

.repo-file-browser {
    position: sticky;
    top: 88px;
    z-index: 25;
    display: grid;
    gap: 10px;
    max-height: calc(100dvh - 112px);
    padding: 12px;
    overflow: visible;
    color: var(--ink);
    background: color-mix(in srgb, var(--panel) 94%, transparent);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: var(--shadow);
}

.repo-file-browser.is-collapsed {
    max-height: none;
}

.repo-file-browser.is-collapsed .repo-browser-ref,
.repo-file-browser.is-collapsed .repo-browser-file-search,
.repo-file-browser.is-collapsed .repo-file-browser-tree {
    display: none;
}

.repo-file-browser-head,
.repo-browser-ref-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.repo-file-browser-head h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 950;
}

.repo-file-browser-head h2 a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
}

.repo-file-browser-head h2 a i {
    display: none;
    color: var(--muted);
}

.repo-file-browser-collapse,
.repo-browser-ref-head button,
.repo-browser-file-search button {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    color: var(--muted);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: pointer;
}

.repo-file-browser-collapse:hover,
.repo-browser-ref-head button:hover,
.repo-browser-file-search button:hover {
    color: var(--ink);
    border-color: var(--button-hover-line);
}

.repo-browser-ref {
    position: relative;
}

.repo-browser-ref-toggle {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.repo-browser-ref-toggle:hover,
.repo-browser-ref.is-open .repo-browser-ref-toggle {
    border-color: var(--button-hover-line);
}

.repo-browser-ref-toggle span {
    min-width: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.repo-browser-ref-toggle i {
    color: var(--muted);
}

.repo-browser-ref-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 80;
    width: min(420px, calc(100vw - 32px));
    overflow: hidden;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.repo-browser-ref-head {
    min-height: 48px;
    padding: 0 12px;
    border-bottom: 1px solid var(--line);
}

.repo-browser-ref-head strong {
    font-size: 15px;
}

.repo-browser-ref-search,
.repo-browser-file-search {
    position: relative;
}

.repo-browser-ref-search {
    padding: 10px;
}

.repo-browser-ref-search i,
.repo-browser-file-search > i {
    position: absolute;
    top: 50%;
    left: 14px;
    color: var(--muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.repo-browser-ref-search i {
    left: 22px;
}

.repo-browser-ref-search input,
.repo-browser-file-search input {
    width: 100%;
    min-height: 40px;
    padding: 0 38px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-weight: 760;
}

.repo-browser-ref-search input:focus,
.repo-browser-file-search input:focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.18);
}

.repo-browser-file-search button {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 28px;
    height: 28px;
    background: transparent;
    border-color: transparent;
    transform: translateY(-50%);
}

.repo-browser-ref-tabs {
    display: flex;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.repo-browser-ref-tabs button {
    min-height: 40px;
    padding: 0 16px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-right: 1px solid var(--line);
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.repo-browser-ref-tabs button.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.repo-browser-ref-list {
    display: grid;
    max-height: 330px;
    overflow-y: auto;
    padding: 8px 0;
}

.repo-browser-ref-item {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    color: var(--ink);
    background: transparent;
    border: 0;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.repo-browser-ref-item:hover,
.repo-browser-ref-view-all:hover,
.repo-browser-file-search-result:hover,
.repo-browser-file-search-result.is-active,
.repo-file-browser-link:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

.repo-browser-ref-item i {
    visibility: hidden;
}

.repo-browser-ref-item.is-current i {
    visibility: visible;
}

.repo-browser-ref-item span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 850;
}

.repo-browser-ref-item em {
    padding: 1px 8px;
    color: var(--muted);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

.repo-browser-ref-empty,
.repo-browser-ref-view-all,
.repo-file-browser-loading,
.repo-file-browser-empty,
.repo-browser-file-search-empty {
    min-height: 40px;
    padding: 10px 14px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 760;
}

.repo-browser-ref-view-all {
    display: flex;
    align-items: center;
    color: var(--ink);
    border-top: 1px solid var(--line);
}

.repo-file-browser-tree {
    display: grid;
    min-height: 80px;
    max-height: min(640px, calc(100dvh - 270px));
    overflow-y: auto;
    padding-right: 2px;
}

.repo-file-browser-node {
    display: grid;
}

.repo-file-browser-row {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
    min-height: 34px;
    border-radius: 8px;
}

.repo-file-browser-node.is-current > .repo-file-browser-row {
    background: var(--panel-soft);
}

.repo-file-browser-expander,
.repo-file-browser-spacer {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 28px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
}

.repo-file-browser-expander {
    cursor: pointer;
}

.repo-file-browser-expander:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.repo-file-browser-expander[aria-expanded="true"] i {
    transform: rotate(90deg);
}

.repo-file-browser-link {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 0 6px;
    color: var(--ink);
    border-radius: 7px;
}

.repo-file-browser-link i {
    color: var(--muted);
    text-align: center;
}

.repo-file-browser-link span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
}

.repo-file-browser-row small {
    padding-right: 8px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 780;
}

.repo-file-browser-children {
    margin-left: 18px;
    padding-left: 8px;
    border-left: 1px solid var(--line);
}

.repo-browser-file-search-results {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    z-index: 70;
    display: grid;
    max-height: min(420px, 56vh);
    padding: 8px;
    overflow-y: auto;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.repo-browser-file-search-result {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 7px 9px;
    color: var(--ink);
    border-radius: 8px;
}

.repo-browser-file-search-result i {
    color: var(--muted);
    text-align: center;
}

.repo-browser-file-search-result span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 820;
}

.repo-browser-file-search-result em {
    color: var(--muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
}

.blob-mobile-commit-card,
.blob-mobile-file-meta,
.blob-view-tabs {
    display: none;
}

.blob-page .blob-toolbar > .blob-view-tabs {
    display: inline-flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    min-width: 0;
    max-width: 100%;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.blob-page .blob-view-tabs button,
.blob-page .blob-view-tabs a {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    color: var(--ink);
    background: transparent;
    border: 0;
    border-right: 1px solid var(--line);
    border-radius: 0;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.blob-page .blob-view-tabs button:last-child,
.blob-page .blob-view-tabs a:last-child {
    border-right: 0;
}

.blob-page .blob-view-tabs .is-active {
    color: var(--ink);
    background: var(--button-bg);
}

.blob-page .blob-view-tabs button:hover,
.blob-page .blob-view-tabs a:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.blob-page .repo-hero {
    font-size: 14px;
}

.blob-page .breadcrumb-line {
    font-size: 16px;
}

.blob-page .repo-tabs a {
    min-height: 40px;
    padding: 10px 12px;
    font-size: 13px;
}

.blob-page .file-panel-head,
.blob-page .blob-toolbar {
    font-size: 12px;
}

.blob-page .path-breadcrumb {
    font-size: 14px;
}

.blob-page .markdown-panel header {
    min-height: 42px;
    padding: 10px 14px;
    font-size: 13px;
}

.blob-page .markdown-body {
    padding: 20px;
    font-size: 14px;
    line-height: 1.55;
}

.blob-page .markdown-body h1 {
    font-size: 28px;
}

.blob-page .markdown-body h2 {
    font-size: 22px;
}

.blob-page .markdown-body h3 {
    font-size: 18px;
}

.blob-page .code-view {
    font-size: 12px;
    line-height: 1.5;
}

.blob-page .repo-file-browser,
.blob-page .repo-browser-ref-toggle,
.blob-page .repo-browser-ref-search input,
.blob-page .repo-browser-file-search input {
    font-size: 13px;
}

.blob-page .repo-file-browser-link span {
    font-size: 13px;
}

.repo-page .repo-hero,
.repo-page .toolbar-panel,
.repo-page .file-panel {
    font-size: 13px;
}

.repo-page .breadcrumb-line {
    font-size: 16px;
}

.repo-page .repo-tabs a {
    min-height: 40px;
    padding: 10px 12px;
    font-size: 13px;
}

.repo-page .file-panel-head {
    min-height: 42px;
    padding: 10px 14px;
    font-size: 13px;
}

.repo-page .file-row {
    min-height: 42px;
    font-size: 13px;
}

.repo-page .markdown-body {
    font-size: 14px;
    line-height: 1.55;
}

@media (max-width: 1180px) {
    .repo-layout-with-file-browser {
        grid-template-columns: minmax(240px, 310px) minmax(0, 1fr);
    }

    .repo-layout-with-file-browser .repo-sidebar {
        display: none;
    }
}

@media (max-width: 860px) {
    .repo-layout-with-file-browser {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        margin-top: 10px;
    }

    .repo-file-browser {
        position: relative;
        top: auto;
        max-height: none;
        margin: 0 12px;
        border-radius: 12px;
    }

    .repo-file-browser-tree {
        max-height: 360px;
    }

    .repo-browser-ref-menu,
    .repo-browser-file-search-results {
        position: fixed;
        top: 132px;
        right: 12px;
        left: 12px;
        width: auto;
        max-height: calc(100dvh - 156px);
        overflow-y: auto;
    }

    .repo-file-browser-row {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .repo-file-browser-row small {
        display: none;
    }
}

@media (max-width: 761px) {
    .blob-page .repo-layout-with-file-browser {
        gap: 8px;
    }

    .blob-page .repo-file-browser {
        position: relative;
        top: auto;
        grid-template-columns: minmax(0, auto) minmax(150px, 210px);
        align-items: center;
        gap: 10px;
        max-height: none;
        margin: 0 12px;
        padding: 10px 0 4px;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .blob-page .repo-file-browser-head {
        justify-content: flex-start;
        min-width: 0;
    }

    .blob-page .repo-file-browser-collapse,
    .blob-page .repo-browser-file-search,
    .blob-page .repo-file-browser-tree {
        display: none;
    }

    .blob-page .repo-file-browser-head h2 {
        font-size: 15px;
    }

    .blob-page .repo-file-browser-head h2 a {
        min-height: 34px;
        color: var(--muted);
    }

    .blob-page .repo-file-browser-head h2 a i {
        display: inline-block;
    }

    .blob-page .repo-browser-ref {
        min-width: 0;
    }

    .blob-page .repo-browser-ref-toggle {
        min-height: 34px;
        min-width: 0;
        padding: 0 10px;
        border-radius: 8px;
        font-size: 13px;
    }

    .blob-page .repo-browser-ref-menu {
        position: fixed;
        top: 132px;
        right: 12px;
        left: 12px;
        width: auto;
        max-height: calc(100dvh - 156px);
        overflow-y: auto;
    }

    .blob-page .blob-file-panel {
        margin-top: 0;
        background: transparent;
        border: 0;
    }

    .blob-page .blob-file-panel .file-panel-head {
        display: flex;
        flex-direction: row;
        align-items: center;
        min-height: 38px;
        margin: 0 12px;
        padding: 0;
        color: var(--ink);
        background: transparent;
        border: 0;
        border-radius: 0;
        font-size: 15px;
    }

    .blob-page .blob-file-panel .file-panel-head > span {
        display: none;
    }

    .blob-page .path-breadcrumb {
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .blob-page .path-breadcrumb a,
    .blob-page .path-breadcrumb strong {
        flex: none;
        overflow: visible;
        word-break: normal;
    }

    .blob-mobile-commit-card {
        position: relative;
        display: grid;
        grid-template-columns: auto minmax(0, auto) minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        min-height: 46px;
        margin: 8px 0 0;
        padding: 8px 10px;
        color: var(--ink);
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 9px;
        font-size: 13px;
    }

    .blob-mobile-commit-card .avatar.tiny {
        width: 26px;
        height: 26px;
        font-size: 11px;
    }

    .blob-mobile-commit-card strong,
    .blob-mobile-commit-card time {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .blob-mobile-commit-card time {
        color: var(--muted);
        font-weight: 760;
    }

    .blob-mobile-commit-card a,
    .blob-mobile-commit-details summary {
        display: inline-grid;
        place-items: center;
        width: 30px;
        height: 30px;
        color: var(--muted);
        background: transparent;
        border: 0;
        border-radius: 8px;
        list-style: none;
        cursor: pointer;
    }

    .blob-mobile-commit-details summary::-webkit-details-marker {
        display: none;
    }

    .blob-mobile-commit-card a:hover,
    .blob-mobile-commit-details summary:hover,
    .blob-mobile-commit-details[open] summary {
        color: var(--brand);
        background: var(--panel-soft);
    }

    .blob-mobile-commit-details {
        position: relative;
        display: inline-grid;
    }

    .blob-mobile-commit-actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        white-space: nowrap;
    }

    .blob-mobile-commit-detail-panel {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        z-index: 90;
        display: grid;
        gap: 4px;
        width: min(250px, calc(100vw - 56px));
        padding: 10px 12px;
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 8px;
        box-shadow: var(--shadow);
    }

    .blob-mobile-commit-detail-panel a {
        display: inline;
        width: auto;
        height: auto;
        color: var(--ink);
        background: transparent;
        border-radius: 0;
        font-size: 13px;
        font-weight: 850;
        line-height: 1.35;
    }

    .blob-mobile-commit-detail-panel a:hover {
        color: var(--brand);
        background: transparent;
    }

    .blob-mobile-commit-detail-panel span {
        color: var(--muted);
        font-family: var(--mono);
        font-size: 12px;
        line-height: 1.3;
    }

    .blob-mobile-file-meta {
        display: flex;
        gap: 10px;
        margin: 12px 0 8px;
        color: var(--muted);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 760;
    }

    .blob-mobile-file-meta span + span::before {
        content: "·";
        margin-right: 10px;
    }

    .blob-page .blob-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        min-height: 46px;
        padding: 8px;
        background: var(--panel-soft);
        border: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        border-radius: 9px 9px 0 0;
    }

    .blob-page .blob-toolbar > span {
        display: none;
    }

    .blob-page .blob-toolbar > .blob-view-tabs {
        display: inline-flex;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        min-width: 0;
        max-width: 100%;
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 8px;
        overflow: hidden;
    }

    .blob-page .blob-view-tabs button,
    .blob-page .blob-view-tabs a {
        appearance: none;
        -webkit-appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        padding: 0 12px;
        color: var(--ink);
        background: transparent;
        border: 0;
        border-right: 1px solid var(--line);
        border-radius: 0;
        font: inherit;
        font-size: 13px;
        font-weight: 850;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
    }

    .blob-page .blob-view-tabs button:last-child,
    .blob-page .blob-view-tabs a:last-child {
        border-right: 0;
    }

    .blob-page .blob-view-tabs .is-active {
        color: var(--ink);
        background: var(--button-bg);
    }

    .blob-page .blob-view-tabs button:hover,
    .blob-page .blob-view-tabs a:hover {
        color: var(--ink);
        background: var(--panel-soft);
    }

    .blob-page .blob-toolbar-actions {
        width: auto;
        gap: 6px;
        justify-content: flex-end;
    }

    .blob-page .wrap-toggle {
        min-height: 32px;
    }

    .blob-page .wrap-toggle span:first-child {
        display: none;
    }

    .blob-page .blob-options-button,
    .blob-page .blob-edit-button,
    .blob-page .blob-save-button {
        min-height: 32px;
        padding: 0 9px;
    }

    .blob-page .markdown-panel.blob-markdown,
    .blob-page .code-view[data-blob-display],
    .blob-page .binary-preview {
        margin: 0;
        border-top: 0;
        border-radius: 0 0 9px 9px;
    }

    .blob-page .markdown-panel.blob-markdown > header {
        display: none;
    }

    .blob-page .markdown-panel.blob-markdown .markdown-body {
        padding: 18px 16px;
        font-size: 14px;
        line-height: 1.55;
    }

    .blob-page .markdown-body h1 {
        font-size: 25px;
    }

    .blob-page .markdown-body h2 {
        font-size: 20px;
    }

    .blob-page .markdown-body h3 {
        font-size: 16px;
    }

    .blob-page .markdown-body pre,
    .blob-page .code-view {
        font-size: 11px;
    }
}

.file-icon {
    display: inline-flex;
    justify-content: center;
    min-width: 42px;
    padding: 3px 7px;
    color: var(--pill-ink);
    background: var(--pill-bg);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.markdown-panel {
    overflow: hidden;
}

.markdown-panel header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 12px 16px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

.markdown-body {
    padding: 24px;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.markdown-body > * {
    min-width: 0;
    max-width: 100%;
}

.markdown-body a {
    overflow-wrap: anywhere;
}

.markdown-body h1,
.markdown-body h2 {
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--line);
}

.markdown-body pre {
    overflow: auto;
    padding: 16px;
    color: var(--code-ink);
    background: var(--code-bg);
    border-radius: 8px;
}

.markdown-code-shell {
    position: relative;
    margin: 16px 0;
}

.markdown-code-shell pre {
    margin: 0;
    padding-right: 72px;
}

.markdown-code-copy {
    position: absolute;
    top: 50%;
    right: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    transform: translateY(-50%);
    transition: transform 0.16s ease, color 0.16s ease;
    color: #f8fafc;
    border: 0;
    background: transparent;
}

.markdown-code-copy:hover {
    transform: translateY(-50%) scale(1.02);
}

.markdown-code-copy:active {
    transform: translateY(-50%) scale(0.9);
}

.markdown-code-copy-icon {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.markdown-code-copy-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.markdown-code-copy-check {
    opacity: 0;
    transform: scale(0.7);
}

.markdown-code-copy.is-copied {
    color: #111827;
}

:root[data-theme="dark"] .markdown-code-copy.is-copied {
    color: #f8fafc;
}

.markdown-code-copy.is-copied .markdown-code-copy-clipboard {
    opacity: 0;
    transform: scale(0.7);
}

.markdown-code-copy.is-copied .markdown-code-copy-check {
    opacity: 1;
    transform: scale(1);
}

.markdown-body code {
    padding: 0.15em 0.35em;
    background: var(--pill-bg);
    border-radius: 6px;
}

.markdown-body pre code {
    padding: 0;
    background: transparent;
}

.markdown-body img {
    max-width: 100%;
}

.markdown-body table {
    display: block;
    max-width: 100%;
    overflow: auto;
    border-collapse: collapse;
}

.markdown-body th,
.markdown-body td {
    padding: 7px 10px;
    border: 1px solid var(--line);
}

.repo-sidebar {
    display: grid;
    align-content: start;
    gap: 18px;
}

.repo-sidebar section {
    padding: 0 0 18px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
}

.repo-sidebar section:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.repo-sidebar h2 {
    margin: 0 0 10px;
    font-size: 16px;
}

.repo-about-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.repo-about-settings {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--muted);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    flex: none;
    font: inherit;
    cursor: pointer;
}

.repo-about-settings svg {
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.repo-about-settings:hover {
    color: var(--brand);
    border-color: var(--button-hover-line);
}

.repo-about-modal {
    z-index: 80;
}

.repo-about-modal-card {
    width: min(840px, 100%);
    padding: 0;
    gap: 0;
    overflow: hidden;
}

.repo-about-modal-card .commit-modal-header {
    padding: 18px 22px;
    border-bottom: 1px solid var(--line);
}

.repo-about-modal-card .commit-modal-header h2 {
    margin: 0;
    font-size: 18px;
}

.repo-modal-close {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.repo-modal-close:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.repo-about-modal-form {
    display: grid;
    gap: 16px;
    padding: 22px;
}

.repo-about-modal-form label,
.repo-about-modal-form fieldset {
    display: grid;
    gap: 8px;
    margin: 0;
    color: var(--label);
    font-size: 14px;
    font-weight: 850;
}

.repo-about-modal-form label span {
    color: var(--muted);
    font-weight: 700;
}

.repo-about-modal-form input[type="text"],
.repo-about-modal-form input[type="url"] {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
}

.repo-about-modal-form input:focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.16);
}

.repo-about-modal-form fieldset {
    padding: 0;
    border: 0;
}

.repo-about-modal-form legend {
    margin-bottom: 6px;
}

.repo-about-modal-form fieldset label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ink);
    font-size: 15px;
}

.repo-about-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 4px -22px -22px;
    padding: 16px 22px;
    background: var(--panel-soft);
    border-top: 1px solid var(--line);
}

.repo-sidebar p {
    color: var(--muted);
    font-size: 14px;
}

.stat-list {
    display: grid;
    gap: 9px;
    margin: 0;
}

.stat-list div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.stat-list dt {
    color: var(--muted);
}

.stat-list dd {
    margin: 0;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.language-stack {
    display: grid;
    gap: 10px;
}

.language-stack div {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px 10px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
}

.language-stack i {
    grid-column: 1 / -1;
    height: 8px;
    background: linear-gradient(90deg, var(--brand) var(--w), var(--line) var(--w));
    border-radius: 999px;
}

.blob-toolbar {
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
}

.wrap-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    cursor: pointer;
}

.wrap-toggle span:first-child {
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
}

.wrap-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.wrap-toggle.is-disabled {
    opacity: 0.55;
    cursor: default;
}

.wrap-toggle-switch {
    display: inline-flex;
    align-items: center;
    width: 38px;
    height: 22px;
    padding: 2px;
    background: var(--pill-bg);
    border: 1px solid var(--line);
    border-radius: 999px;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.wrap-toggle-switch i {
    display: block;
    width: 16px;
    height: 16px;
    background: var(--muted);
    border-radius: 50%;
    transition: transform 0.18s ease, background 0.18s ease;
}

.wrap-toggle input:checked + .wrap-toggle-switch {
    background: rgba(15, 98, 254, 0.16);
    border-color: var(--brand);
}

.wrap-toggle input:checked + .wrap-toggle-switch i {
    transform: translateX(16px);
    background: var(--brand);
}

.blob-options {
    position: relative;
    z-index: 100;
}

.blob-options summary {
    list-style: none;
}

.blob-options summary::-webkit-details-marker {
    display: none;
}

.blob-options-button {
    min-width: 40px;
    padding: 0;
}

.blob-options-button svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.blob-options-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    display: grid;
    min-width: 220px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    overflow: hidden;
    z-index: 2000;
}

.blob-options:not([open]) .blob-options-menu {
    display: none;
}

.blob-options-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--panel);
    border: 0;
    border-top: 1px solid var(--line);
    text-align: left;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.blob-options-item:first-child {
    border-top: 0;
}

.blob-options-item:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

.blob-options-item i,
.blob-options-item svg {
    width: 14px;
    height: 14px;
    flex: none;
    text-align: center;
}

.blob-options-copy svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.blob-options-danger {
    color: #ff8a8a;
}

.blob-options-danger:hover {
    color: #ffb4b4;
    background: rgba(255, 91, 91, 0.12);
}

.code-view {
    border-radius: 0;
    padding: 18px;
    font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre;
}

.code-view.is-wrapped {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.blob-editor-panel {
    padding: 0;
    background: var(--code-bg);
    border-top: 1px solid var(--line);
}

.blob-editor-mode-bar {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 10px 12px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

.blob-editor-mode-switch {
    display: inline-flex;
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.blob-editor-mode-switch button {
    min-height: 34px;
    padding: 0 16px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-left: 1px solid var(--line);
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
}

.blob-editor-mode-switch button:first-child {
    border-left: 0;
}

.blob-editor-mode-switch button:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.blob-editor-mode-switch button.is-active {
    color: var(--ink);
    background: var(--button-bg);
}

.blob-editor-preview {
    min-height: 420px;
    color: var(--ink);
    background: var(--panel);
}

.blob-editor-preview-state {
    margin: 0;
    color: var(--muted);
    font-weight: 800;
}

.blob-editor-input {
    width: 100%;
    min-height: 420px;
    padding: 18px;
    color: var(--code-ink);
    background: var(--code-bg);
    border: 0;
    resize: vertical;
    font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre;
}

.blob-editor-input:focus {
    outline: 2px solid rgba(15, 98, 254, 0.24);
    outline-offset: -2px;
}

.blob-editor-input.is-wrapped {
    white-space: pre-wrap;
}

.commit-modal {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    z-index: 1300;
}

.commit-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(5, 8, 13, 0.72);
}

.commit-modal-card {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(560px, 100%);
    padding: 22px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
}

.commit-modal-header,
.commit-modal-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.commit-modal-header {
    align-items: flex-start;
}

.commit-modal-header h2 {
    margin: 0 0 4px;
    font-size: 24px;
}

.commit-modal-header p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.commit-modal-field {
    display: grid;
    gap: 8px;
    color: var(--label);
    font-size: 13px;
    font-weight: 850;
}

.commit-modal-field input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.commit-modal-field input:focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.16);
}

.danger-zone {
    margin-top: 20px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel-soft);
    display: grid;
    gap: 8px;
}

.danger-zone h2 {
    margin: 0;
    font-size: 18px;
}

.danger-zone p {
    margin: 0;
    color: var(--muted);
}

.delete-repo-warning {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.delete-repo-warning code {
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 1px 6px;
    font-weight: 800;
}

.is-hidden {
    display: none;
}

.binary-preview {
    display: grid;
    place-items: center;
    min-height: 340px;
    padding: 32px;
    text-align: center;
}

.binary-preview img {
    max-width: 100%;
    max-height: 70vh;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel);
}

.file-head-commit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    min-width: 0;
    color: var(--muted);
    font-weight: 850;
}

.file-head-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    gap: 10px;
    min-width: 0;
}

.file-head-commit a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-weight: 850;
}

.file-head-commit-summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.file-head-commit-count {
    margin-left: auto;
    white-space: nowrap;
}

.file-head-commit a:hover {
    color: var(--brand);
}

.file-head-commit i {
    font-size: 14px;
}

.file-head-commit strong {
    color: currentColor;
}

.file-head-commit-time {
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}

.repo-meta-link-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.repo-meta-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: var(--muted);
    flex: none;
}

.repo-meta-link-icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.repo-meta-link {
    overflow-wrap: anywhere;
}

.repo-meta-link:hover {
    text-decoration: underline;
}

.discussion-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 18px;
    padding: 18px;
}

.discussion-panel h2 {
    margin: 0 0 6px;
}

.discussion-panel p,
.muted {
    color: var(--muted);
}

.issue-column,
.issue-form,
.issue-list {
    display: grid;
    gap: 10px;
}

.issue-form.compact {
    margin-top: 10px;
}

.issue-card {
    display: grid;
    gap: 12px;
    padding: 16px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.issue-card header,
.issue-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.issue-card header div {
    display: grid;
    gap: 4px;
}

.issue-card header span,
.issue-card p {
    color: var(--muted);
}

.issue-card p {
    margin: 0;
}

.issue-status {
    padding: 3px 8px;
    color: var(--pill-ink);
    background: var(--pill-bg);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.issue-status.open {
    color: var(--green);
}

.issue-status.solved {
    color: var(--muted);
}

.issue-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.issue-actions form {
    margin: 0;
}

.issue-actions details {
    min-width: min(100%, 360px);
}

.issue-actions summary {
    cursor: pointer;
    color: var(--brand);
    font-weight: 900;
}

.repo-issues-shell {
    padding-top: 28px;
}

.repo-issues-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.repo-issues-query {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 0;
    flex: 1 1 auto;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.repo-issues-query-field {
    position: relative;
    display: block;
    flex: 1 1 auto;
    min-width: 0;
}

.repo-issues-query-highlight {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: var(--ink);
    pointer-events: none;
    overflow: hidden;
    white-space: pre;
    font: inherit;
    font-weight: 750;
}

.repo-issues-query:not(.has-issue-query-highlighting) .repo-issues-query-highlight {
    display: none;
}

.repo-issues-query-token-valid {
    color: var(--brand);
    margin: 0 5px 0 0;
}

.repo-issues-query input {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: 750;
}

.repo-issues-query.has-issue-query-highlighting input {
    color: transparent;
    caret-color: var(--ink);
}

.repo-issues-query input::placeholder {
    color: var(--muted);
}

.repo-issues-query input:focus {
    outline: 0;
}

.repo-issues-query-clear {
    width: 34px;
    height: 42px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-left: 1px solid var(--line);
    cursor: pointer;
}

.repo-issues-query-clear:hover,
.repo-issues-query-clear:focus-visible {
    color: var(--ink);
    outline: 0;
}

.repo-issues-query button[type="submit"] {
    width: 42px;
    height: 42px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-left: 1px solid var(--line);
    cursor: pointer;
}

.repo-issues-query-autocomplete {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    width: min(340px, calc(100vw - 24px));
    max-height: min(420px, calc(100dvh - 180px));
    overflow: auto;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    z-index: 96;
}

.repo-issues-query-autocomplete[hidden] {
    display: none;
}

.repo-issues-query-autocomplete-group + .repo-issues-query-autocomplete-group {
    border-top: 1px solid var(--line);
}

.repo-issues-query-autocomplete-item {
    width: 100%;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: transparent;
    border: 0;
    text-align: left;
    font: inherit;
    font-weight: 730;
    cursor: pointer;
}

.repo-issues-query-autocomplete-item i {
    color: var(--muted);
}

.repo-issues-query-autocomplete-item.is-active,
.repo-issues-query-autocomplete-item:hover {
    background: var(--panel-soft);
}

.repo-issues-query-autocomplete-item.is-active i,
.repo-issues-query-autocomplete-item:hover i {
    color: var(--brand);
}

.repo-issues-query-autocomplete-empty {
    padding: 12px;
    color: var(--muted);
    font-weight: 700;
}

.repo-issues-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.repo-issues-list-panel,
.repo-issue-post,
.repo-issue-comment-form,
.repo-issue-create-main,
.repo-issue-create-sidebar section,
.repo-issue-sidebar section {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.repo-issues-list-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
}

.repo-issues-state-links {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.repo-issues-state-links a,
.repo-issues-state-links strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--muted);
    font-weight: 860;
}

.repo-issues-state-links strong {
    color: var(--ink);
}

.repo-issues-state-links span {
    color: var(--muted);
}

.repo-issues-filter-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.repo-issues-filter-dropdown {
    position: relative;
}

.repo-issues-filter-dropdown summary {
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 12px;
    color: var(--muted);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 860;
    cursor: pointer;
}

.repo-issues-filter-dropdown summary::-webkit-details-marker {
    display: none;
}

.repo-issues-filter-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    display: grid;
    min-width: 280px;
    max-width: min(460px, calc(100vw - 28px));
    max-height: min(420px, calc(100dvh - 160px));
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    z-index: 92;
}

.repo-issues-filter-dropdown:not([open]) .repo-issues-filter-menu {
    display: none;
}

.repo-issues-filter-menu > header {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 0 14px;
    border-bottom: 1px solid var(--line);
}

.repo-issues-filter-menu > header strong {
    font-size: 22px;
}

.repo-issues-filter-search {
    position: relative;
    display: block;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
}

.repo-issues-filter-search i {
    position: absolute;
    top: 50%;
    left: 24px;
    color: var(--muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.repo-issues-filter-search input {
    width: 100%;
    min-height: 40px;
    padding: 0 12px 0 34px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.repo-issues-filter-search input:focus {
    border-color: var(--brand);
    outline: 0;
}

.repo-issues-filter-options {
    display: grid;
    overflow: auto;
}

.repo-issues-filter-options a {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 10px 14px;
    color: var(--ink);
    border-top: 1px solid var(--line);
    font-weight: 780;
}

.repo-issues-filter-options a:first-child {
    border-top: 0;
}

.repo-issues-filter-options a:hover,
.repo-issues-filter-options a.is-active {
    background: var(--panel-soft);
    color: var(--brand);
}

.repo-issues-filter-options .repo-issues-filter-empty {
    padding: 12px 14px;
    color: var(--muted);
}

.repo-issues-filter-label {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
}

.repo-issues-filter-label strong {
    display: block;
    line-height: 1.25;
}

.repo-issues-filter-label small {
    display: block;
    color: var(--muted);
    font-weight: 600;
}

.repo-issues-filter-menu-static {
    min-width: 220px;
}

.repo-issues-mobile-cascader {
    display: none;
}

.repo-issues-cascader-menu {
    min-width: 300px;
}

.repo-issues-cascader-menu header {
    padding: 10px 0 0 10px;
}

.repo-issues-cascader-section {
    display: grid;
    padding: 6px 0;
    border-bottom: 1px solid var(--line);
}

.repo-issues-cascader-section:last-child {
    border-bottom: 0;
}

.repo-issues-cascader-section a,
.repo-issues-cascader-section button,
.repo-issues-cascader-section span {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 40px;
    padding: 0 14px;
    color: var(--ink);
    background: transparent;
    border: 0;
    text-align: left;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.repo-issues-cascader-section > span {
    color: var(--muted);
    cursor: default;
}

.repo-issues-cascader-section a:hover,
.repo-issues-cascader-section button:hover,
.repo-issues-cascader-section a.is-active {
    color: var(--brand);
    background: var(--panel-soft);
}

.repo-issues-mobile-filter-panel[hidden] {
    display: none;
}

.repo-issues-mobile-filter-panel > header {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 12px;
    border-bottom: 1px solid var(--line);
}

.repo-issues-mobile-filter-panel > header button {
    width: 30px;
    height: 30px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
}

.repo-issues-mobile-filter-panel > header button:hover,
.repo-issues-mobile-filter-panel > header button:focus-visible {
    color: var(--ink);
    background: var(--panel-soft);
    outline: 0;
}

.repo-issues-mobile-filter-panel > header strong {
    min-width: 0;
    overflow: hidden;
    color: var(--ink);
    font-size: 14px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.repo-issues-empty {
    display: grid;
    place-items: center;
    gap: 6px;
    min-height: 240px;
    padding: 30px 20px;
    text-align: center;
}

.repo-issues-empty h2 {
    margin: 0;
}

.repo-issues-empty p {
    margin: 0;
    color: var(--muted);
}

.repo-issues-rows {
    display: grid;
}

.repo-issues-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-top: 1px solid var(--line);
    color: var(--ink);
}

.repo-issues-row:hover {
    background: var(--panel-soft);
}

.repo-issues-row-main {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.repo-issues-row-main > div {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.repo-issues-row-main strong {
    font-size: 16px;
    font-weight: 900;
}

.repo-issues-row-main small {
    color: var(--muted);
}

.repo-issues-row-meta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
    font-weight: 760;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.repo-issues-row-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.repo-issues-pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    font-weight: 760;
}

.repo-issues-pagination-summary {
    white-space: nowrap;
}

.repo-issues-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.repo-issues-pagination a,
.repo-issues-pagination strong,
.repo-issues-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 34px;
    min-height: 34px;
    padding: 0 10px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 850;
}

.repo-issues-pagination a:hover,
.repo-issues-pagination strong {
    color: #fff;
    background: var(--brand);
    border-color: var(--brand);
}

.repo-issues-pagination .is-disabled,
.repo-issues-pagination-gap {
    color: var(--muted);
    background: transparent;
}

.repo-issues-state {
    margin-top: 2px;
    color: #2da44e;
}

.repo-issues-state.closed {
    color: #8250df;
}

.repo-issue-label-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.repo-issue-label-pill {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.repo-issue-label-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    flex: none;
}

.repo-issue-create-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 18px;
}

.repo-issue-create-main {
    padding: 18px;
    display: grid;
    gap: 14px;
}

.repo-issue-create-main h1 {
    margin: 0;
}

.repo-issue-field {
    display: grid;
    gap: 8px;
}

.repo-issue-field span {
    font-weight: 860;
}

.repo-issue-field em {
    color: var(--danger);
    font-style: normal;
}

.repo-issue-field input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.repo-issue-editor {
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.repo-issue-editor-tabs {
    display: flex;
    align-items: center;
    gap: 2px;
    min-height: 50px;
    padding: 6px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

.repo-issue-editor-tabs button {
    min-height: 36px;
    padding: 0 14px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 7px;
    font-weight: 850;
    cursor: pointer;
}

.repo-issue-editor-tabs button.is-active {
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
}

.repo-issue-editor-tools {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    color: var(--muted);
}

.repo-issue-editor textarea {
    width: 100%;
    min-height: 280px;
    padding: 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 0;
    resize: vertical;
}

.repo-issue-preview {
    min-height: 280px;
    padding: 12px;
}

.repo-issue-editor footer {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 0 12px;
    color: var(--muted);
    border-top: 1px solid var(--line);
}

.repo-issue-create-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.repo-issue-create-more {
    margin-right: auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ink);
    font-weight: 800;
}

.repo-issue-create-sidebar {
    display: grid;
    gap: 12px;
    align-content: start;
}

.repo-issue-create-sidebar section {
    padding: 14px;
    display: grid;
    gap: 10px;
}

.repo-issue-create-sidebar section header h3 {
    margin: 0;
}

.repo-issue-create-sidebar p {
    margin: 0;
    color: var(--muted);
}

.repo-issue-sidebar-options {
    display: grid;
    gap: 8px;
}

.repo-issue-sidebar-options label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.repo-issue-label-entry {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.repo-issue-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.repo-issue-detail-head h1 {
    margin: 0;
    font-size: clamp(30px, 4vw, 48px);
}

.repo-issue-detail-head h1 span {
    color: var(--muted);
    font-weight: 700;
}

.repo-issue-detail-head p {
    margin: 6px 0 0;
    color: var(--muted);
}

.repo-issue-state-pill {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-weight: 900;
}

.repo-issue-state-pill.open {
    color: #f0fff4;
    background: #2da44e;
}

.repo-issue-state-pill.closed {
    color: #f5f3ff;
    background: #8250df;
}

.repo-issue-detail-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.repo-issue-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 18px;
}

.repo-issue-detail-layout main {
    display: grid;
    gap: 14px;
}

.repo-issue-post {
    overflow: hidden;
}

.repo-issue-post header {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 50px;
    padding: 0 12px;
    color: var(--muted);
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

.repo-issue-post header strong {
    color: var(--ink);
}

.repo-issue-post .markdown-body {
    padding: 12px;
}

.repo-issue-edit-form {
    display: grid;
    gap: 12px;
    padding: 14px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.repo-issue-edit-form label {
    display: grid;
    gap: 8px;
}

.repo-issue-edit-form input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.repo-issue-edit-actions,
.repo-issue-comment-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.repo-issue-comment-form {
    padding: 14px;
    display: grid;
    gap: 10px;
}

.repo-issue-comment-form h3 {
    margin: 0;
}

.repo-issue-sidebar {
    display: grid;
    align-content: start;
    gap: 10px;
}

.repo-issue-sidebar section {
    padding: 12px;
    display: grid;
    gap: 8px;
}

.repo-issue-sidebar section > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.repo-issue-sidebar section > header h3 {
    margin: 0;
    font-size: 18px;
}

.repo-issue-sidebar p,
.repo-issue-sidebar li {
    margin: 0;
    color: var(--muted);
}

.repo-issue-sidebar ul {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 4px;
}

.repo-issue-sidebar section a {
    color: var(--brand);
    font-weight: 780;
}

.repo-issue-development-list small {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 12px;
}

.repo-issue-branch-form {
    display: grid;
    gap: 8px;
}

.repo-issue-branch-form label {
    display: grid;
    gap: 6px;
}

.repo-issue-branch-form label span {
    color: var(--ink);
    font-weight: 850;
}

.repo-issue-branch-form input {
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 7px;
    font: inherit;
}

.repo-issue-sidebar details {
    position: relative;
}

.repo-issue-sidebar details summary {
    list-style: none;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    background: transparent;
    border: 1px solid var(--line);
    border-radius: 7px;
    cursor: pointer;
}

.repo-issue-sidebar details summary::-webkit-details-marker {
    display: none;
}

.repo-issue-sidebar-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 220px;
    max-width: min(360px, calc(100vw - 24px));
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    z-index: 90;
    padding: 8px;
}

.repo-issue-sidebar details:not([open]) .repo-issue-sidebar-menu {
    display: none;
}

.repo-issue-sidebar-menu form {
    display: grid;
    gap: 8px;
}

.repo-issue-sidebar-menu label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.repo-issue-sidebar-menu .button {
    justify-self: start;
}

.repo-issue-danger-link {
    padding: 0;
    color: var(--danger);
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.repo-management-head,
.repo-labels-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.repo-management-head h1 {
    margin: 0;
}

.repo-management-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.repo-management-panel {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: visible;
}

.repo-management-panel.is-loading {
    opacity: 0.62;
    pointer-events: none;
}

.repo-management-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 0 16px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
    border-radius: 8px 8px 0 0;
}

.repo-management-state-links {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.repo-management-state-links a {
    color: var(--muted);
    font-weight: 850;
}

.repo-management-state-links a.is-active {
    color: var(--ink);
}

.repo-management-state-links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 24px;
    margin-left: 6px;
    padding: 0 8px;
    color: var(--ink);
    background: var(--control-bg);
    border-radius: 999px;
    font-size: 13px;
}

.repo-management-create,
.repo-management-row-menu {
    position: relative;
}

.repo-management-create summary::-webkit-details-marker,
.repo-management-row-menu summary::-webkit-details-marker {
    display: none;
}

.repo-management-create summary {
    list-style: none;
}

.repo-management-popover,
.repo-management-row-popover {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: min(360px, calc(100vw - 28px));
    padding: 12px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
    z-index: 95;
}

.repo-management-create:not([open]) .repo-management-popover,
.repo-management-row-menu:not([open]) .repo-management-row-popover {
    display: none;
}

.repo-management-popover form,
.repo-management-row-popover form {
    display: grid;
    gap: 10px;
}

.repo-management-popover label,
.repo-management-row-popover label,
.repo-milestone-form label {
    display: grid;
    gap: 7px;
    color: var(--label);
    font-weight: 850;
}

.repo-management-popover input,
.repo-management-row-popover input,
.repo-milestone-form input,
.repo-milestone-form textarea {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.repo-milestone-form textarea {
    min-height: 160px;
    padding-top: 10px;
    resize: vertical;
}

.repo-label-rows,
.repo-milestone-rows {
    display: grid;
}

.repo-label-row,
.repo-milestone-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 72px;
    padding: 14px 16px;
    border-top: 1px solid var(--line);
}

.repo-milestone-row {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.36fr) auto;
    align-items: start;
}

.repo-label-row:first-child,
.repo-milestone-row:first-child {
    border-top: 0;
}

.repo-label-row p,
.repo-milestone-row p,
.repo-milestone-row small {
    margin: 0;
    color: var(--muted);
    font-weight: 720;
}

.repo-label-row-name {
    min-width: 0;
}

.repo-management-row-menu summary {
    list-style: none;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: pointer;
}

.repo-management-row-popover {
    top: calc(100% + 6px);
    min-width: 260px;
}

.repo-management-action-popover {
    padding: 0;
    overflow: hidden;
}

.repo-management-action-popover a,
.repo-management-action-popover button {
    width: 100%;
    display: block;
    min-height: 48px;
    padding: 0 16px;
    color: var(--ink);
    background: transparent;
    border: 0;
    border-top: 1px solid var(--line);
    font: inherit;
    font-weight: 820;
    text-align: left;
    cursor: pointer;
}

.repo-management-action-popover a:first-child,
.repo-management-action-popover form:first-child button {
    border-top: 0;
    align-content: center;
}

.repo-management-action-popover a:hover,
.repo-management-action-popover button:hover {
    background: var(--panel-soft);
}

.repo-management-danger {
    color: var(--danger) !important;
}

.repo-milestone-row-main {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.repo-milestone-row-main h2 {
    margin: 0;
    font-size: 20px;
}

.repo-milestone-row-main h2 a {
    color: var(--ink);
}

.repo-milestone-row-main h2 a:hover {
    color: var(--brand);
}

.repo-milestone-row-progress,
.repo-milestone-detail-progress {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--muted);
    font-weight: 820;
    flex-wrap: wrap;
}

.repo-milestone-row-progress span,
.repo-milestone-detail-progress span {
    width: 100%;
    height: 9px;
    overflow: hidden;
    background: var(--control-bg);
    border-radius: 999px;
}

.repo-milestone-row-progress span i,
.repo-milestone-detail-progress span i {
    display: block;
    height: 100%;
    background: #2da44e;
    border-radius: inherit;
}

.repo-milestone-row-progress strong,
.repo-milestone-detail-progress strong {
    color: var(--ink);
}

.repo-milestone-form-shell {
    display: grid;
    gap: 12px;
}

.repo-milestone-form-shell h1,
.repo-milestone-form-shell p {
    margin: 0;
}

.repo-milestone-form-shell p {
    color: var(--muted);
}

.repo-milestone-form {
    display: grid;
    gap: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
}

.repo-milestone-form label span {
    color: var(--muted);
    font-weight: 760;
}

.repo-milestone-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
}

.repo-milestone-status-action {
    margin-right: auto;
}

.repo-milestone-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
}

.repo-milestone-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: var(--muted);
    font-weight: 780;
}

.repo-milestone-detail-head h1 {
    margin: 0 0 8px;
}

.repo-milestone-detail-head p {
    margin: 8px 0 0;
    color: var(--muted);
}

.repo-milestone-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.repo-milestone-overdue {
    color: var(--danger);
    font-weight: 850;
}

.repo-empty-icon {
    color: var(--muted);
    font-size: 34px;
}

.repo-issue-create-sidebar section > header,
.repo-issue-create-sidebar details {
    position: relative;
}

.repo-issue-create-sidebar section > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.repo-issue-create-sidebar details summary {
    list-style: none;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    border: 1px solid var(--line);
    border-radius: 7px;
    cursor: pointer;
}

.repo-issue-create-sidebar details summary::-webkit-details-marker {
    display: none;
}

.repo-issue-sidebar-menu header {
    padding: 6px 10px 4px;
    color: var(--ink);
}

.repo-issue-sidebar-menu-wide {
    min-width: min(272px, calc(100vw - 26px));
    max-width: min(272px, calc(100vw - 26px));
    padding: 0;
    overflow: hidden;
    border-radius: 8px;
}

.repo-issue-sidebar-menu-wide .repo-issue-sidebar-options {
    max-height: 140px;
    overflow: auto;
    padding: 2px 4px 4px;
}

.repo-issue-sidebar-menu-wide .repo-issues-filter-search {
    padding: 4px 8px 6px;
}

.repo-issue-sidebar-menu-wide .repo-issues-filter-search i {
    left: 18px;
    font-size: 13px;
}

.repo-issue-sidebar-menu-wide .repo-issues-filter-search input {
    min-height: 32px;
    padding: 0 10px 0 34px;
    font-size: 13px;
    border-radius: 7px;
}

.repo-issue-sidebar-menu-wide .repo-issue-sidebar-options label {
    min-height: 26px;
    padding: 0 8px;
    border-radius: 6px;
    line-height: 1.15;
    font-size: 13px;
    font-weight: 700;
    gap: 7px;
}

.repo-issue-sidebar-menu-wide .repo-issue-sidebar-options label:hover {
    background: var(--panel-soft);
}

.repo-issue-sidebar-menu-wide .repo-issue-sidebar-options label:has(input:checked) {
    background: var(--panel-soft);
}

.repo-issue-sidebar-menu-wide .repo-issue-sidebar-options input[type="checkbox"],
.repo-issue-sidebar-menu-wide .repo-issue-sidebar-options input[type="radio"] {
    width: 14px;
    height: 14px;
}

.repo-issue-sidebar-menu-wide > header strong {
    font-size: 13px;
    letter-spacing: 0;
}

@media (max-width: 980px) {
    .repo-issue-create-layout,
    .repo-issue-detail-layout {
        grid-template-columns: 1fr;
    }

    .repo-milestone-row,
    .repo-label-row {
        grid-template-columns: 1fr auto;
    }

    .repo-label-row p,
    .repo-milestone-row-progress {
        grid-column: 1 / -1;
    }

    .repo-milestone-detail-head {
        flex-direction: column;
    }
}

@media (max-width: 761px) {
    .repo-issues-toolbar,
    .repo-issues-list-head,
    .repo-issue-detail-head,
    .repo-management-head,
    .repo-labels-toolbar,
    .repo-management-panel-head {
        align-items: stretch;
        flex-direction: column;
    }

    .repo-issues-toolbar-actions,
    .repo-issue-detail-actions,
    .repo-issue-comment-actions,
    .repo-issue-edit-actions {
        width: 100%;
    }

    .repo-issues-toolbar-actions .button,
    .repo-issue-detail-actions .button,
    .repo-issue-comment-actions .button,
    .repo-issue-edit-actions .button,
    .repo-issue-create-actions .button {
        width: 100%;
    }

    .repo-issues-filter-row {
        justify-content: flex-start;
    }

    .repo-issues-row {
        flex-direction: column;
    }

    .repo-milestone-form-actions,
    .repo-management-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .repo-milestone-status-action {
        margin-right: 0;
    }

    .repo-issues-row-meta {
        justify-content: flex-start;
    }

    .repo-issues-filter-dropdown,
    .repo-issues-filter-dropdown summary {
        width: 100%;
    }

    .repo-issues-filter-menu {
        left: 0;
        right: auto;
        width: 100%;
        min-width: 0;
    }

    .repo-issue-create-actions {
        justify-content: stretch;
    }

    .repo-issue-create-more {
        margin-right: 0;
        width: 100%;
    }

    .repo-issue-create-sidebar,
    .repo-issue-sidebar {
        gap: 8px;
    }
}

@media (max-width: 761px) {
    .repo-issues-shell {
        padding: 10px 8px 24px;
    }

    .repo-issues-toolbar {
        gap: 10px;
        margin-bottom: 10px;
    }

    .repo-issues-query {
        width: 100%;
        border-radius: 7px;
    }

    .repo-issues-query input {
        min-height: 38px;
        font-size: 13px;
    }

    .repo-issues-query button[type="submit"],
    .repo-issues-query-clear {
        width: 38px;
        height: 38px;
    }

    .repo-issues-toolbar-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(92px, auto);
        gap: 8px;
    }

    .repo-issues-toolbar-actions .button {
        min-height: 36px;
        padding: 0 10px;
        font-size: 13px;
        white-space: nowrap;
    }

    .repo-issues-list-panel {
        border-radius: 7px;
    }

    .repo-issues-list-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        padding: 9px 10px;
    }

    .repo-issues-state-links {
        gap: 12px;
        flex-wrap: nowrap;
        min-width: 0;
    }

    .repo-issues-state-links a,
    .repo-issues-state-links strong {
        gap: 6px;
        font-size: 13px;
        white-space: nowrap;
    }

    .repo-issues-filter-row {
        justify-content: flex-end;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .repo-issues-filter-desktop {
        display: none;
    }

    .repo-issues-filter-primary,
    .repo-issues-mobile-cascader {
        display: block;
        width: auto;
    }

    .repo-issues-filter-primary summary,
    .repo-issues-mobile-cascader summary {
        width: auto;
        min-height: 34px;
        padding: 0 10px;
        border-radius: 7px;
        font-size: 13px;
    }

    .repo-issues-mobile-cascader summary {
        min-width: 38px;
        justify-content: center;
        font-size: 16px;
    }

    .repo-issues-filter-menu {
        left: auto;
        right: 0;
        width: min(392px, calc(100vw - 18px));
        min-width: 0;
        max-height: min(520px, calc(100dvh - 170px));
        border-radius: 10px;
    }

    .repo-issues-filter-menu > header {
        min-height: 38px;
        padding: 0 12px;
    }

    .repo-issues-filter-menu > header strong {
        font-size: 12px;
        color: var(--muted);
        text-transform: none;
    }

    .repo-issues-filter-options a,
    .repo-issues-cascader-section button,
    .repo-issues-cascader-section a,
    .repo-issues-cascader-section span {
        min-height: 38px;
        padding: 0 12px;
        font-size: 13px;
    }

    .repo-issues-filter-label {
        min-width: 0;
    }

    .repo-issues-filter-label > span:last-child,
    .repo-issues-filter-options a > span,
    .repo-issues-cascader-section a > span,
    .repo-issues-cascader-section button > span,
    .repo-issues-cascader-section > span > span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .repo-issues-filter-label strong,
    .repo-issues-filter-label small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .repo-issues-mobile-filter-panel .repo-issues-filter-options {
        max-height: min(420px, calc(100dvh - 260px));
    }

    .repo-issues-row {
        display: grid;
        gap: 8px;
        padding: 12px 10px;
        overflow: visible;
    }

    .repo-issues-row-main {
        gap: 8px;
        min-width: 0;
    }

    .repo-issues-row-main strong {
        font-size: 13px;
        font-weight: 760;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .repo-issues-row-main small,
    .repo-issues-row-meta {
        font-size: 11px;
    }

    .repo-issues-row-meta {
        padding-left: 24px;
        gap: 8px;
    }

    .repo-issue-label-list {
        gap: 4px;
    }

    .repo-issue-label-pill {
        min-height: 18px;
        padding: 0 6px;
        font-size: 10px;
    }

    .repo-issues-pagination-bar {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 12px 8px;
        text-align: center;
    }

    .repo-issues-pagination-summary {
        font-size: 12px;
    }

    .repo-issues-pagination {
        justify-content: center;
        gap: 5px;
    }

    .repo-issues-pagination a,
    .repo-issues-pagination strong,
    .repo-issues-pagination span {
        min-width: 30px;
        min-height: 30px;
        padding: 0 8px;
        font-size: 12px;
        border-radius: 7px;
    }

    .repo-issue-detail-head {
        gap: 8px;
        margin-bottom: 10px;
    }

    .repo-issue-detail-head h1 {
        font-size: 24px;
        line-height: 1.12;
    }

    .repo-issue-detail-head p {
        margin-top: 5px;
        font-size: 13px;
        line-height: 1.35;
    }

    .repo-issue-state-pill {
        min-height: 26px;
        padding: 0 9px;
        font-size: 12px;
    }

    .repo-issue-detail-actions .button,
    .repo-issue-comment-actions .button,
    .repo-issue-edit-actions .button {
        min-height: 34px;
        padding: 0 10px;
        font-size: 13px;
    }

    .repo-issue-detail-layout main {
        gap: 10px;
    }

    .repo-issue-post,
    .repo-issue-comment-form,
    .repo-issue-edit-form {
        border-radius: 7px;
    }

    .repo-issue-post header {
        min-height: 38px;
        padding: 0 10px;
        gap: 6px;
        font-size: 12px;
    }

    .repo-issue-post header strong {
        font-size: 13px;
    }

    .repo-issue-post .markdown-body,
    .repo-issue-preview {
        padding: 10px;
        font-size: 13px;
        line-height: 1.45;
    }

    .repo-issue-comment-form,
    .repo-issue-edit-form {
        padding: 10px;
        gap: 8px;
    }

    .repo-issue-comment-form h3 {
        font-size: 17px;
        line-height: 1.2;
    }

    .repo-issue-editor {
        border-radius: 7px;
    }

    .repo-issue-editor-tabs {
        min-height: 42px;
        padding: 5px;
    }

    .repo-issue-editor-tabs button {
        min-height: 30px;
        padding: 0 10px;
        border-radius: 6px;
        font-size: 13px;
    }

    .repo-issue-editor textarea,
    .repo-issue-preview {
        min-height: 200px;
    }

    .repo-issue-editor textarea {
        padding: 10px;
        font-size: 13px;
        line-height: 1.45;
    }

    .repo-issue-editor footer {
        min-height: 34px;
        padding: 0 10px;
        font-size: 12px;
    }
}

.repo-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    padding: 1px 7px;
    margin-left: 4px;
    color: var(--ink);
    background: var(--pill-bg);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.fork-status-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.fork-status-copy {
    min-width: 0;
    color: var(--ink);
    font-weight: 800;
}

.fork-status-copy code,
.fork-popover-head code,
.pull-detail-header code,
.pull-merge-box code {
    padding: 2px 7px;
    color: var(--muted);
    background: var(--pill-bg);
    border-radius: 7px;
    font-family: var(--mono);
    font-size: 0.92em;
}

.fork-status-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
}

.fork-action-menu {
    position: relative;
}

.fork-action-menu > summary {
    list-style: none;
}

.fork-action-menu > summary::-webkit-details-marker {
    display: none;
}

.fork-action-popover {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 55;
    display: grid;
    gap: 14px;
    width: min(440px, calc(100vw - 32px));
    padding: 16px;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.fork-action-popover form,
.pull-merge-form,
.pull-close-form {
    margin: 0;
}

.fork-popover-head {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.fork-popover-head > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--muted);
    background: var(--pill-bg);
    border-radius: 999px;
    flex: none;
}

.fork-popover-head div {
    display: grid;
    gap: 5px;
}

.fork-popover-head span,
.pull-detail-header p,
.pull-list-row small,
.pull-branch-note,
.pull-compare-heading p,
.pull-create-callout span,
.pull-comment-card header span,
.pull-timeline-commit span,
.pull-sidebar p,
.pull-merge-box p,
.pull-merge-box small {
    color: var(--muted);
}

.pull-shell {
    padding-top: 32px;
}

.pull-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.pull-filter {
    display: flex;
    position: relative;
    min-width: 0;
    flex: 1 1 auto;
}

.pull-filter-dropdown {
    flex: none;
    justify-self: stretch;
}

.pull-filter-toggle {
    min-height: 42px;
    color: var(--ink);
    background: var(--panel-soft);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pull-filter-menu {
    left: 0;
    right: auto;
    width: min(390px, calc(100vw - 32px));
}

.pull-filter-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0 12px 0 16px;
    color: var(--ink);
    border-bottom: 1px solid var(--line);
    font-weight: 900;
}

.pull-filter-menu-head button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-height: 0;
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.pull-filter-menu-head button:hover,
.pull-filter-menu-head button:focus-visible {
    color: var(--ink);
    background: var(--panel-soft);
    outline: 0;
}

.pull-filter-search {
    position: relative;
    display: block;
    flex: 1 1 auto;
    min-width: 0;
}

.pull-filter-search > i {
    position: absolute;
    top: 50%;
    left: 13px;
    color: var(--muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.pull-filter-search input {
    width: 100%;
    min-height: 42px;
    padding: 0 14px 0 40px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-left: 0;
    border-radius: 0 8px 8px 0;
    font: inherit;
    font-weight: 750;
}

.pull-filter-search input:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(47, 129, 247, 0.16);
    outline: 0;
}

.pull-protip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 28px 0 0;
    color: var(--muted);
    font-weight: 800;
}

.pull-protip strong {
    color: var(--ink);
}

.pull-empty-panel,
.pull-list-panel,
.pull-compare-panel,
.pull-create-callout,
.pull-create-form,
.pull-summary-panel,
.pull-commit-list,
.pull-comment-card,
.pull-merge-box,
.pull-sidebar section {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.pull-empty-panel {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 260px;
    padding: 44px;
    text-align: center;
}

.pull-empty-panel > i {
    color: var(--muted);
    font-size: 28px;
}

.pull-empty-panel h2,
.pull-compare-heading h2,
.pull-detail-header h1 {
    margin: 0;
}

.pull-empty-panel p,
.pull-compare-heading p {
    max-width: 620px;
    margin: 0;
    color: var(--muted);
}

.pull-list-head,
.pull-list-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
}

.pull-list-head {
    grid-template-columns: auto auto 1fr;
    color: var(--muted);
}

.pull-list-head a,
.pull-list-head strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.pull-list-head strong {
    color: var(--ink);
}

.pull-list-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    color: var(--ink);
}

.pull-list-row:last-child {
    border-bottom: 0;
}

.pull-list-row:hover {
    background: var(--panel-soft);
}

.pull-list-row span:nth-child(2) {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.pull-status-icon.open,
.pull-state.open {
    color: #fff;
    background: #2da44e;
}

.pull-status-icon.closed,
.pull-state.closed {
    color: #fff;
    background: var(--danger);
}

.pull-status-icon.merged,
.pull-state.merged {
    color: #fff;
    background: var(--brand);
}

.pull-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
}

.pull-compare-heading,
.pull-create-form,
.pull-commit-list,
.pull-sidebar,
.pull-conversation {
    display: grid;
    gap: 14px;
}

.pull-compare-panel {
    display: grid;
    gap: 14px;
    padding: 16px;
    margin: 10px 0;
}

.pull-branch-form {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr 1.3fr 0.7fr auto;
    gap: 8px;
    align-items: end;
    margin: 0;
}

.pull-branch-form label,
.pull-create-form label {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.pull-branch-form strong,
.pull-branch-form select,
.pull-create-form input,
.pull-create-form textarea,
.pull-merge-form select {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-weight: 800;
}

.pull-branch-form strong {
    display: inline-flex;
    align-items: center;
}

.pull-create-form textarea {
    min-height: 120px;
    padding-top: 12px;
    resize: vertical;
}

.pull-merge-status,
.pull-create-callout,
.pull-summary-panel,
.pull-detail-tabs,
.pull-detail-header,
.pull-merge-box > div,
.pull-merge-form {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pull-merge-status {
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.pull-merge-status > i,
.pull-merge-box > div > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    flex: none;
}

.pull-merge-status.is-ready > i,
.pull-merge-box.is-ready > div > i {
    color: #fff;
    background: #2da44e;
}

.pull-merge-status.is-error > i,
.pull-merge-box.is-blocked > div > i {
    color: #fff;
    background: var(--danger);
}

.pull-merge-status div {
    display: grid;
    gap: 4px;
}

.pull-create-callout,
.pull-create-form,
.pull-summary-panel,
.pull-commit-list,
.pull-comment-card,
.pull-merge-box,
.pull-sidebar section {
    padding: 16px;
}

.pull-create-callout {
    justify-content: space-between;
    border-color: rgba(47, 129, 247, 0.45);
    background: rgba(47, 129, 247, 0.08);
}

.pull-checkbox {
    grid-template-columns: auto 1fr;
    align-items: center;
}

.pull-checkbox input {
    width: auto;
    min-height: 0;
}

.pull-summary-panel {
    justify-content: space-around;
    text-align: center;
}

.pull-commit-list > div,
.pull-timeline-commit {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}

.pull-commit-list > div:last-child,
.pull-timeline-commit > code:last-child {
    border-bottom: 0;
}

.pull-commit-list code,
.pull-timeline-commit code {
    color: var(--muted);
    font-family: var(--mono);
}

.pull-detail-header {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 18px;
}

.pull-detail-header h1 span {
    color: var(--muted);
    font-weight: 650;
}

.pull-state {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
}

.pull-detail-tabs {
    align-items: flex-end;
    overflow-x: auto;
    border-bottom: 1px solid var(--line);
}

.pull-detail-tabs span {
    min-height: 44px;
    padding: 11px 12px;
    color: var(--muted);
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    font-weight: 850;
}

.pull-detail-tabs .is-active {
    color: var(--ink);
    border-bottom-color: var(--orange);
}

.pull-detail-tabs .pull-diff-stat {
    margin-left: auto;
}

.pull-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: 24px;
    margin-top: 18px;
}

.pull-comment-card header {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
}

.pull-comment-card p {
    margin: 14px 0 0;
}

.pull-timeline-commit {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0;
    border: 0;
}

.pull-timeline-dot {
    width: 18px;
    height: 18px;
    background: var(--pill-bg);
    border: 1px solid var(--line);
    border-radius: 999px;
}

.pull-merge-box {
    display: grid;
    gap: 14px;
}

.pull-merge-box.is-ready {
    border-color: rgba(45, 164, 78, 0.6);
}

.pull-merge-form {
    flex-wrap: wrap;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}

.pull-merge-form select {
    width: min(100%, 260px);
}

.pull-sidebar section {
    display: grid;
    gap: 8px;
}

.pull-sidebar h3 {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.text-success {
    color: #2da44e!important;
}

.text-danger {
    color: var(--danger)!important;
}

.text-warning {
    color: var(--warning)!important;
}

@media (max-width: 761px) {
    .fork-status-panel,
    .pull-toolbar,
    .pull-detail-header,
    .pull-create-callout,
    .pull-summary-panel {
        align-items: stretch;
        flex-direction: column;
    }

    .fork-status-actions,
    .fork-action-menu,
    .fork-action-menu > summary,
    .pull-toolbar-actions,
    .pull-toolbar-actions .button {
        width: 100%;
    }

    .fork-status-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .fork-action-popover {
        position: fixed;
        right: 12px;
        left: 12px;
        top: auto;
        bottom: 12px;
        width: auto;
        max-height: calc(100dvh - 96px);
        overflow-y: auto;
    }

    .pull-filter,
    .pull-branch-form,
    .pull-detail-layout,
    .pull-list-row,
    .pull-list-head {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pull-filter-toggle,
    .pull-filter-search input {
        border-radius: 8px;
        border: 1px solid var(--line);
    }

    .pull-filter-dropdown,
    .pull-filter-toggle,
    .pull-filter-search {
        width: 100%;
    }

    .pull-filter-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .pull-filter-search input {
        border-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .pull-filter-menu {
        width: 100%;
        min-width: 0;
    }

    .pull-detail-tabs .pull-diff-stat {
        margin-left: 0;
    }

    .pull-merge-form,
    .pull-merge-form select,
    .pull-merge-form .button,
    .pull-close-form .button {
        width: 100%;
    }

    .pull-empty-panel {
        min-height: 220px;
        padding: 28px 18px;
    }
}

.commit-list {
    margin-top: 14px;
}

.commit-card {
    padding: 16px;
}

.commit-card h3 {
    margin: 0 0 4px;
    font-size: 16px;
}

.commit-card p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.commit-message-link {
    color: inherit;
}

.commit-message-link:hover {
    color: var(--brand);
}

.commit-card > a {
    padding: 5px 8px;
    color: var(--brand);
    background: var(--topic-bg);
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 900;
}

.commit-detail-head {
    align-items: flex-start;
    gap: 18px;
}

.commit-detail-main {
    min-width: 0;
    flex: 1 1 auto;
}

.commit-detail-main h2 {
    margin: 0 0 8px;
    overflow-wrap: anywhere;
}

.commit-detail-main p {
    margin: 0;
    color: var(--muted);
}

.commit-detail-main p strong {
    color: var(--ink);
}

.commit-detail-main p span {
    display: inline-block;
    margin-left: 8px;
}

.commit-detail-body {
    margin: 12px 0 0;
    padding: 10px 12px;
    color: var(--code-ink);
    background: var(--code-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.commit-detail-side {
    display: grid;
    justify-items: end;
    gap: 8px;
    flex: none;
}

.commit-detail-side code {
    display: inline-block;
    padding: 5px 8px;
    color: var(--brand);
    background: var(--topic-bg);
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.commit-stats-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin: 12px 0 16px;
    padding: 12px 14px;
    color: var(--muted);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 800;
}

.commit-stats-panel .is-added {
    color: #7fe39f;
}

.commit-stats-panel .is-removed {
    color: #ff8f95;
}

.commit-diff-list {
    display: grid;
    gap: 14px;
}

.diff-file-panel {
    overflow: hidden;
}

.diff-file-head {
    flex-wrap: wrap;
    gap: 10px 14px;
}

.diff-file-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.diff-file-title strong {
    overflow-wrap: anywhere;
}

.diff-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.diff-status-added {
    color: #7fe39f;
    background: rgba(50, 183, 108, 0.14);
    border: 1px solid rgba(50, 183, 108, 0.35);
}

.diff-status-deleted {
    color: #ff8f95;
    background: rgba(255, 91, 104, 0.14);
    border: 1px solid rgba(255, 91, 104, 0.35);
}

.diff-status-renamed,
.diff-status-copied {
    color: var(--brand);
    background: var(--topic-bg);
    border: 1px solid var(--line);
}

.diff-status-binary,
.diff-status-modified {
    color: var(--muted);
    background: var(--panel-soft);
    border: 1px solid var(--line);
}

.diff-file-stats {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.diff-file-stats .is-added {
    color: #7fe39f;
}

.diff-file-stats .is-removed {
    color: #ff8f95;
}

.diff-code {
    margin: 0;
    padding: 0;
    background: var(--code-bg);
    border-top: 1px solid var(--line);
    overflow: auto;
}

.diff-code code {
    display: block;
    min-width: 100%;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
}

.diff-line {
    display: block;
    padding: 2px 12px;
    white-space: pre;
}

.diff-add {
    background: rgba(50, 183, 108, 0.16);
}

.diff-del {
    background: rgba(255, 91, 104, 0.16);
}

.diff-hunk {
    color: #79b8ff;
    background: rgba(84, 164, 255, 0.12);
}

.diff-meta {
    color: var(--muted);
    background: rgba(255, 255, 255, 0.03);
}

@media (max-width: 761px) {
    .commit-detail-side {
        justify-items: start;
        width: 100%;
    }

    .commit-detail-side code {
        max-width: 100%;
        overflow-x: auto;
    }

    .diff-file-title,
    .diff-file-title strong {
        min-width: 0;
    }
}

.profile-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 36px;
}

.profile-meta-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 8px;
    color: var(--muted);
    font-size: 14px;
}

.profile-meta-inline a {
    color: var(--brand);
    overflow-wrap: anywhere;
}

.profile-work-shell {
    width: min(1720px, 100%);
}

.profile-work-main {
    padding-bottom: 80px;
}

.avatar.tiny {
    width: 24px;
    height: 24px;
    font-size: 11px;
}

.profile-summary-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    max-width: 1280px;
    margin: 28px auto 28px;
}

.profile-section-summary {
    margin-bottom: 34px;
}

.profile-hero-avatar {
    width: 112px;
    height: 112px;
    font-size: 42px;
}

.profile-summary-row h1 {
    margin: 0;
    font-size: clamp(34px, 4vw, 46px);
    line-height: 1.06;
}

.profile-summary-row p {
    margin: 2px 0 0;
    color: var(--muted);
    font-size: 18px;
    font-weight: 800;
}

.profile-summary-row .profile-bio {
    max-width: 680px;
    margin-top: 10px;
    color: var(--ink);
    font-size: 15px;
    font-weight: 650;
}

.profile-edit-button {
    align-self: start;
}

.profile-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 34px;
    max-width: 1280px;
    margin: 0 auto;
}

.profile-activity-column {
    min-width: 0;
}

.profile-section {
    margin-bottom: 34px;
}

.profile-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.profile-section-head h2,
.profile-info-panel h2 {
    margin: 0;
    font-size: 22px;
}

.profile-section-copy {
    max-width: 720px;
    margin: 5px 0 0;
    color: var(--muted);
    font-weight: 750;
}

.profile-section-head a {
    font-size: 14px;
    font-weight: 850;
}

.contribution-card {
    padding: 14px 16px 12px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow-x: auto;
}

.contribution-months {
    display: grid;
    grid-template-columns: 24px repeat(53, 14px);
    gap: 3px;
    min-width: max-content;
    margin-bottom: 5px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.contribution-body {
    display: flex;
    gap: 8px;
    min-width: max-content;
}

.contribution-days {
    display: grid;
    grid-template-rows: repeat(7, 14px);
    gap: 3px;
    width: 24px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 14px;
}

.contribution-grid {
    display: grid;
    grid-template-columns: repeat(53, 14px);
    gap: 3px;
}

.contribution-week {
    display: grid;
    grid-template-rows: repeat(7, 14px);
    gap: 3px;
}

.contribution-cell {
    display: block;
    width: 14px;
    height: 14px;
    background: #262630;
    border: 1px solid rgba(255, 255, 255, 0.035);
    border-radius: 3px;
}

.contribution-cell.level-0 {
    background: #272630;
}

.contribution-cell.level-1 {
    background: #1a2f66;
}

.contribution-cell.level-2 {
    background: #2752c8;
}

.contribution-cell.level-3 {
    background: #668fff;
}

.contribution-cell.level-4 {
    background: #bdd0ff;
}

.contribution-cell.level-5 {
    background: #ffffff;
}

.contribution-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: max-content;
    margin-top: 14px;
}

.contribution-footer p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.contribution-legend {
    display: flex;
    align-items: center;
    gap: 4px;
}

.profile-activity-timeline {
    display: grid;
    gap: 0;
    margin-top: 22px;
}

.profile-activity-item {
    position: relative;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 14px;
    padding: 12px 0 18px;
}

.profile-activity-item::before {
    position: absolute;
    top: 39px;
    bottom: -2px;
    left: 13px;
    width: 2px;
    content: "";
    background: var(--line);
}

.profile-activity-item:last-child::before {
    display: none;
}

.profile-activity-icon {
    z-index: 1;
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    color: var(--muted);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 999px;
}

.profile-activity-item p {
    margin: 0;
    color: var(--muted);
}

.profile-activity-item p:first-child {
    color: var(--ink);
}

.profile-activity-item time {
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.profile-project-list {
    display: grid;
    gap: 0;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
}

.profile-project-list .project-row {
    padding: 18px;
}

.profile-project-list .project-row + .project-row {
    border-top: 1px solid var(--line);
}

.profile-owned-list {
    margin-top: 12px;
}

.profile-owned-list.project-list {
    background: transparent;
}

.profile-owned-list .project-row:first-child {
    border-top: 1px solid var(--line);
}

.profile-info-panel {
    align-self: start;
    position: sticky;
    top: 92px;
    color: var(--ink);
}

.profile-info-panel dl {
    display: grid;
    gap: 14px;
    margin: 10px 0 0;
}

.profile-info-panel div {
    display: grid;
    gap: 2px;
}

.profile-info-panel dt,
.profile-info-panel dd {
    margin: 0;
}

.profile-info-panel dt {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--muted);
    font-weight: 850;
}

.profile-info-panel dd {
    color: var(--ink);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.profile-activity-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 40px;
    max-width: 1280px;
    margin: 28px auto 0;
}

.profile-activity-detail-main {
    min-width: 0;
}

.profile-activity-detail-head {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 26px;
}

.profile-activity-detail-head h1 {
    margin: 0;
    font-size: clamp(34px, 4vw, 46px);
    line-height: 1.06;
}

.profile-activity-detail-head p {
    margin: 2px 0 0;
    color: var(--muted);
    font-size: 18px;
    font-weight: 800;
}

.profile-activity-timeline-large {
    margin-top: 0;
}

.profile-activity-timeline-large .profile-activity-item {
    grid-template-columns: 28px minmax(0, 1fr) 130px;
    padding-bottom: 22px;
}

.profile-activity-actions {
    position: sticky;
    top: 92px;
    align-self: start;
    display: grid;
    justify-items: end;
    gap: 18px;
}

.profile-overflow-menu {
    position: relative;
}

.profile-overflow-menu summary {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--ink);
    list-style: none;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    cursor: pointer;
}

.profile-overflow-menu summary::-webkit-details-marker {
    display: none;
}

.profile-overflow-menu[open] summary,
.profile-overflow-menu summary:hover {
    color: var(--brand);
    border-color: var(--brand);
}

.profile-overflow-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 8;
    display: grid;
    min-width: 280px;
    padding: 8px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
}

.profile-overflow-panel button,
.profile-overflow-panel a {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 10px;
    color: var(--ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 800;
}

.profile-overflow-panel button:hover,
.profile-overflow-panel a:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.profile-activity-info {
    position: static;
    justify-self: stretch;
}

.copy-toast {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 80;
    padding: 12px 16px;
    color: var(--ink);
    background: color-mix(in srgb, var(--brand) 24%, var(--panel) 76%);
    border: 1px solid color-mix(in srgb, var(--brand) 58%, transparent);
    border-radius: 10px;
    box-shadow: var(--shadow);
    font-weight: 900;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.copy-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.dashboard-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.dashboard-header h1 {
    margin: 0;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.04;
}

.dashboard-header p {
    margin: 8px 0 0;
    color: var(--muted);
}

.dashboard-grid {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.dashboard-card {
    display: grid;
    gap: 12px;
    padding: 18px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.dashboard-card h2 {
    margin: 0;
}

.dashboard-card p {
    margin: 0;
    color: var(--muted);
}

.dashboard-main {
    display: grid;
    gap: 24px;
}

.dashboard-shell {
    display: grid;
    gap: 18px;
}

.dashboard-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.dashboard-sidebar,
.dashboard-feed,
.feed-card,
.notification-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.dashboard-sidebar {
    display: grid;
    gap: 14px;
    padding: 18px;
    position: sticky;
    top: 88px;
}

.dashboard-sidebar-head,
.dashboard-feed-head,
.feed-card-top,
.notification-copy-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.dashboard-sidebar-head h2,
.dashboard-feed-head h1 {
    margin: 0;
}

.dashboard-sidebar-head .eyebrow,
.dashboard-feed-head .eyebrow {
    margin-bottom: 6px;
}

.dashboard-repo-filter {
    width: 100%;
    padding: 8px 14px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.dashboard-repo-list,
.dashboard-feed-list,
.notification-list {
    display: grid;
    gap: 12px;
}

.dashboard-repo-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.dashboard-repo-link:hover {
    color: var(--ink);
    border-color: var(--brand);
}

.dashboard-repo-link-main {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.dashboard-repo-link-main strong {
    overflow-wrap: anywhere;
}

.dashboard-repo-link-main span,
.dashboard-feed-head p,
.feed-card p,
.notification-copy p {
    color: var(--muted);
}

.dashboard-repo-link-main span {
    font-size: 13px;
}

.dashboard-repo-link-meta {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.dashboard-feed {
    display: grid;
    gap: 18px;
    padding: 20px;
}

.dashboard-feed-head p {
    margin: 8px 0 0;
}

.feed-card {
    padding: 18px;
}

.feed-card-name {
    color: var(--brand);
    font-size: 18px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.feed-card p {
    margin: 8px 0 0;
}

.feed-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 14px 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

.feed-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.notification-list {
    margin-top: 8px;
}

.notification-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
    color: var(--ink);
}

.notification-card:hover {
    color: var(--ink);
    border-color: var(--brand);
}

.notification-card.is-unread {
    border-color: var(--success-line);
    box-shadow: inset 0 0 0 1px var(--success-line);
}

.notification-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #fff;
    background: var(--dark);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
    overflow: hidden;
    flex: none;
}

.notification-copy {
    display: grid;
    gap: 6px;
    min-width: 0;
    flex: 1;
}

.notification-copy-top strong {
    overflow-wrap: anywhere;
}

.notification-time-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    flex: none;
}

.notification-time-meta i {
    font-size: 12px;
    line-height: 1;
}

.notification-copy-top time {
    color: inherit;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.notification-dot {
    width: 10px;
    height: 10px;
    margin-top: 7px;
    background: #dc2626;
    border-radius: 999px;
    flex: none;
}

.notifications-hub-shell {
    display: grid;
    gap: 14px;
}

.notification-hub-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 8px;
}

.notification-hub-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    color: var(--muted);
    border: 1px solid transparent;
    border-radius: 10px;
    font-weight: 800;
}

.notification-hub-tabs a:hover,
.notification-hub-tabs a.is-active {
    color: var(--ink);
    border-color: var(--line);
    background: var(--panel-soft);
}

.notification-watch-grid {
    display: grid;
    gap: 14px;
}

.watch-list {
    display: grid;
    gap: 8px;
}

.watch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 46px;
    padding: 10px 12px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.watch-row a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--brand);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.subscription-list {
    display: grid;
    gap: 10px;
}

.subscription-row {
    display: block;
    padding: 12px 14px;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.subscription-row:hover {
    color: var(--ink);
    border-color: var(--brand);
}

.subscription-row-main {
    display: grid;
    gap: 6px;
}

.subscription-title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

.subscription-title strong {
    color: var(--brand);
    font-size: 14px;
}

.subscription-row small {
    color: var(--muted);
}

.dashboard-repos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.section-heading.compact {
    margin-bottom: 12px;
}

.section-heading.compact h2 {
    font-size: 26px;
}

.alert-success {
    border-color: var(--success-line);
    background: var(--success-bg);
}

.alert-error {
    border-color: var(--error-line);
    background: var(--error-bg);
}

.compact-panel {
    padding: 12px 14px;
}

.compact-panel p {
    margin: 0;
}

.auto-dismiss-notice {
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.auto-dismiss-notice.is-dismissing {
    opacity: 0;
    transform: translateY(-4px);
}

.auth-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.auth-actions form {
    margin: 0;
    width: 100%;
}

.auth-actions .button {
    width: 100%;
}

.code-input {
    letter-spacing: 0.18em;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 10px;
}

.security-grid {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.settings-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.settings-sidebar {
    position: sticky;
    top: 88px;
    gap: 14px;
    padding: 16px;
    border-radius: 10px;
}

.settings-sidebar-user {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}

.settings-sidebar-user .avatar.large {
    height: auto;
}

.settings-sidebar-user img {
    width: 100%!important;
    height: auto;
}

.settings-sidebar-user h2 {
    margin: 0;
    font-size: 36px;
    line-height: 1.05;
}

.settings-sidebar-user p {
    margin: 6px 0 0;
    font-size: 17px;
}

.settings-avatar-preview {
    width: 72px;
    height: 72px;
    font-size: 28px;
}

.settings-menu {
    display: grid;
    gap: 12px;
    padding-top: 4px;
}

.settings-menu-group {
    display: grid;
    gap: 4px;
}

.settings-menu-group h3 {
    margin: 0 0 4px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: none;
}

.settings-menu-group a {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    color: var(--muted);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 780;
    line-height: 1;
}

.settings-menu-group a i {
    text-align: center;
    font-size: 14px;
}

.settings-menu-group a:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.settings-menu-group a.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.settings-main {
    display: grid;
    gap: 18px;
}

.settings-form {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.settings-form .field-message {
    min-height: 0;
}

.settings-form.settings-inline-form {
    margin-top: 12px;
}

.settings-section {
    padding: 26px;
    margin: 0;
    border-radius: 10px;
}

.settings-section + .settings-section {
    margin-top: 0;
}

.settings-section .section-heading.compact {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}

.settings-section .section-heading.compact h2 {
    font-size: clamp(36px, 3vw, 44px);
}

.settings-header h1 {
    font-size: clamp(38px, 4vw, 52px);
}

.settings-header p {
    max-width: 760px;
}

.settings-avatar-block {
    display: grid;
    gap: 12px;
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel-soft);
}

.settings-avatar-block-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.settings-avatar-block-head h3 {
    margin: 0;
    font-size: 20px;
}

.settings-avatar-block-head p {
    margin: 4px 0 0;
}

.settings-avatar-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.settings-avatar-picker {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    flex: 1 1 380px;
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background:
        radial-gradient(110% 90% at 20% 0%, rgba(108, 164, 255, 0.14) 0%, rgba(108, 164, 255, 0) 55%),
        linear-gradient(180deg, rgba(16, 27, 42, 0.95), rgba(11, 20, 33, 0.95));
}

.settings-avatar-picker:focus-within {
    border-color: #77b7ff;
    box-shadow: 0 0 0 3px rgba(119, 183, 255, 0.2);
}

.settings-avatar-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.settings-avatar-browse.button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    border-color: rgba(124, 188, 255, 0.45);
    background: linear-gradient(180deg, rgba(110, 169, 255, 0.3), rgba(48, 101, 191, 0.35));
}

.settings-avatar-browse.button:hover {
    border-color: rgba(150, 204, 255, 0.75);
    background: linear-gradient(180deg, rgba(140, 193, 255, 0.45), rgba(63, 126, 229, 0.5));
}

.settings-avatar-file {
    color: var(--muted);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    max-width: min(100%, 360px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-avatar-picker.has-file .settings-avatar-file {
    color: var(--ink);
}

@media (max-width: 720px) {
    .settings-avatar-picker {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    .settings-avatar-file {
        max-width: 100%;
    }

    .settings-checkbox-grid {
        grid-template-columns: 1fr;
    }
}

.settings-pill-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel-soft);
}

.settings-checkbox-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.settings-checkbox-grid label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 14px;
}

.settings-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    color: var(--pill-ink);
    background: var(--pill-bg);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.settings-pill-success {
    color: #2ebc73;
    background: rgba(46, 188, 115, 0.12);
}

.settings-danger-zone .section-heading.compact h2 {
    color: #ff6d6d;
}

.button-danger-text {
    color: #ff6d6d;
    border-color: rgba(255, 109, 109, 0.45);
    background: rgba(255, 109, 109, 0.08);
}

.button-danger-text:hover {
    color: #ffe3e3;
    border-color: rgba(255, 109, 109, 0.7);
    background: rgba(255, 109, 109, 0.22);
}

.settings-security-state {
    margin: 0 0 14px;
    padding: 14px;
    border: 1px solid rgba(84, 163, 255, 0.45);
    border-radius: 10px;
    background: rgba(84, 163, 255, 0.12);
}

.settings-security-state strong {
    display: block;
}

.totp-modern-grid {
    display: grid;
    grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.totp-qr-card,
.totp-setup-card {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel-soft);
}

.totp-qr-card h3 {
    margin: 0;
    font-size: 18px;
}

.totp-qr-frame {
    display: grid;
    place-items: center;
    width: 210px;
    height: 210px;
    margin: 0 auto;
    padding: 10px;
    background: #091322;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.totp-qr-frame canvas,
.totp-qr-frame img {
    width: 188px !important;
    height: 188px !important;
    border-radius: 8px;
}

.settings-device-list {
    display: grid;
    gap: 12px;
}

.settings-device-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel-soft);
}

.settings-device-card h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 18px;
}

.settings-device-card p,
.settings-device-card small {
    margin: 4px 0 0;
    color: var(--muted);
}

.setup-key {
    display: grid;
    gap: 8px;
    margin: 14px 0;
    padding: 16px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.setup-key span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.setup-key strong {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    overflow-wrap: anywhere;
}

.otpauth-details {
    margin: 0 0 14px;
}

.otpauth-details summary {
    cursor: pointer;
    color: var(--brand);
    font-weight: 850;
}

.otpauth-details code {
    display: block;
    margin-top: 8px;
    padding: 12px;
    overflow-wrap: anywhere;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.form-grid.two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
}

.settings-form .form-grid.two > label,
.settings-form .form-grid.two input {
    align-self: start;
}

.repo-settings-shell {
    display: grid;
    grid-template-columns: 300px minmax(0, 780px);
    gap: 28px;
    width: min(1240px, calc(100% - 32px));
    margin: 30px auto 72px;
    align-items: start;
}

.repo-settings-sidebar {
    position: sticky;
    top: 84px;
}

.repo-settings-menu {
    display: grid;
    gap: 12px;
}

.repo-settings-menu-group {
    display: grid;
    gap: 4px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}

.repo-settings-menu-group h3 {
    margin: 0 0 6px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.repo-settings-submenu {
    position: relative;
    display: grid;
    gap: 4px;
}

.repo-settings-menu a,
.repo-settings-parent {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    color: var(--muted);
    border-radius: 8px;
    font-size: 15px;
    font-weight: 820;
}

.repo-settings-menu a {
    text-decoration: none;
}

.repo-settings-menu a i,
.repo-settings-parent i {
    text-align: center;
}

.repo-settings-menu a:hover,
.repo-settings-menu a.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.repo-settings-menu a.is-active {
    box-shadow: none;
}

.repo-settings-parent {
    width: 100%;
    background: transparent;
    border: 0;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.repo-settings-parent > i:last-child {
    color: var(--muted);
    transition: transform 0.16s ease;
}

.repo-settings-parent:hover,
.repo-settings-parent.is-open,
.repo-settings-parent.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.repo-settings-parent.is-open > i:last-child {
    transform: rotate(180deg);
}

.repo-settings-submenu-popover {
    display: none;
    gap: 4px;
}

.repo-settings-parent.is-open + .repo-settings-submenu-popover {
    display: grid;
}

.repo-settings-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 34px !important;
    margin-left: 28px;
    padding-left: 14px !important;
    font-size: 14px !important;
}

.repo-settings-main {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.repo-settings-alert {
    padding: 12px 14px;
    border-radius: 8px;
    font-weight: 850;
}

.repo-settings-panel {
    display: grid;
    gap: 18px;
    padding: 0;
    background: transparent;
}

.repo-settings-panel h1 {
    margin: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
    line-height: 1.1;
}

.repo-settings-panel h2 {
    margin: 0;
    font-size: 18px;
}

.repo-settings-panel p,
.repo-settings-panel small,
.repo-settings-lead {
    color: var(--muted);
}

.repo-settings-form {
    display: grid;
    gap: 14px;
}

.repo-settings-form label,
.repo-settings-form fieldset {
    display: grid;
    gap: 7px;
    margin: 0;
    color: var(--label);
    font-size: 14px;
    font-weight: 850;
}

.repo-settings-form input[type="text"],
.repo-settings-form input[type="url"],
.repo-settings-form input[type="email"],
.repo-settings-form input[type="password"],
.repo-settings-form select,
.repo-settings-form textarea,
.repo-settings-inline input,
.repo-settings-inline select {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
}

.repo-settings-form textarea {
    min-height: 92px;
    padding: 11px 12px;
    resize: vertical;
}

.repo-settings-form input:focus,
.repo-settings-form select:focus,
.repo-settings-form textarea:focus,
.repo-settings-inline input:focus,
.repo-settings-inline select:focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.16);
}

.repo-settings-form fieldset {
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
}

.repo-settings-form fieldset label,
.repo-settings-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--ink);
}

.repo-settings-form input[type="checkbox"],
.repo-settings-form input[type="radio"],
.repo-settings-check input {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-top: 2px;
}

.repo-settings-check span {
    display: grid;
    gap: 4px;
}

.repo-settings-check small {
    font-weight: 700;
}

.repo-settings-callout,
.repo-settings-box,
.repo-settings-empty,
.repo-settings-limit-row,
.repo-settings-banner,
.repo-settings-details {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel);
}

.repo-settings-callout {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px;
}

.repo-settings-callout > i,
.repo-settings-empty > i {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: var(--brand);
    background: rgba(15, 98, 254, 0.12);
    border-radius: 10px;
}

.repo-settings-callout p,
.repo-settings-callout strong,
.repo-settings-box p {
    margin: 0;
}

.repo-settings-box,
.repo-settings-empty,
.repo-settings-details {
    padding: 18px;
}

.repo-settings-empty {
    display: grid;
    place-items: center;
    gap: 12px;
    min-height: 170px;
    text-align: center;
    margin-top: 10px;
}

.repo-settings-list {
    display: grid;
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
}

.repo-settings-list article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: var(--panel);
    border-top: 1px solid var(--line);
}

.repo-settings-list article:first-child {
    border-top: 0;
}

.repo-settings-list article > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.repo-settings-list span,
.repo-settings-list small {
    color: var(--muted);
}

.repo-settings-inline {
    grid-template-columns: minmax(0, 1fr) 180px auto;
    align-items: end;
}

.repo-settings-limit-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
}

.repo-settings-limit-row h2,
.repo-settings-limit-row p {
    margin: 0;
}

.repo-settings-limit-access {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
    color: #59d185;
    font-size: 13px;
}

.repo-settings-limit-access b::before {
    content: "✓ ";
}

.repo-settings-limit-access .no {
    color: #ff746d;
}

.repo-settings-limit-access .no::before {
    content: "× ";
}

.repo-settings-details {
    display: block;
}

.repo-settings-details summary {
    cursor: pointer;
    color: var(--ink);
    font-weight: 900;
}

.repo-settings-details[open] summary {
    margin-bottom: 14px;
}

.repo-settings-rules-head,
.repo-settings-heading-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.repo-settings-banner {
    padding: 14px 16px;
    color: var(--ink);
    background: rgba(84, 163, 255, 0.12);
    border-color: rgba(84, 163, 255, 0.45);
    font-weight: 850;
}

.repo-settings-danger {
    margin-top: 8px;
    padding: 18px;
    border: 1px solid rgba(255, 109, 109, 0.35);
    border-radius: 10px;
    background: rgba(255, 109, 109, 0.06);
}

.repo-settings-danger h2,
.repo-settings-danger p {
    margin: 0;
}

.field-message,
.form-message,
.auth-footnote,
.optional {
    color: var(--muted);
    font-size: 13px;
}

.field-message {
    min-height: 18px;
    margin: 0;
}

.field-message[data-state="ok"],
.form-message[data-state="ok"] {
    color: var(--label);
}

.field-message[data-state="error"],
.form-message[data-state="error"] {
    color: var(--danger);
}

.form-message {
    min-height: 22px;
    font-weight: 850;
}

.auth-footnote {
    margin: 0;
}

.auth-page .site-header {
    display: none;
}

.auth-split {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(420px, 0.8fr);
    min-height: 100vh;
    background: #05070b;
}

.auth-visual-panel {
    position: relative;
    display: grid;
    align-content: space-between;
    min-height: 100vh;
    padding: clamp(32px, 6vw, 88px);
    overflow: hidden;
    color: #f6f8ff;
    background:
        radial-gradient(circle at 55% 100%, rgba(113, 91, 255, 0.72), transparent 28%),
        radial-gradient(circle at 72% 82%, rgba(255, 190, 96, 0.44), transparent 19%),
        linear-gradient(180deg, #000 0%, #05070b 62%, #090a1a 100%);
}

.auth-visual-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(255, 255, 255, 0.72) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(120, 158, 255, 0.38) 0 1px, transparent 1.8px);
    background-position: 12% 40%, 80% 70%;
    background-size: 96px 96px, 132px 132px;
    opacity: 0.5;
}

.auth-visual-copy,
.auth-orbit {
    position: relative;
    z-index: 1;
}

.auth-visual-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: clamp(48px, 9vw, 110px);
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.auth-visual-logo img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.auth-visual-copy h1 {
    max-width: 620px;
    margin: 0;
    font-size: clamp(34px, 5vw, 64px);
    letter-spacing: 0;
}

.auth-visual-copy p {
    max-width: 560px;
    margin: 18px 0 0;
    color: rgba(246, 248, 255, 0.78);
    font-size: 18px;
}

.auth-visual-copy details {
    margin-top: 24px;
    color: rgba(246, 248, 255, 0.9);
    font-weight: 800;
}

.auth-visual-copy summary {
    cursor: pointer;
}

.auth-visual-copy ul {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding-left: 18px;
    color: rgba(246, 248, 255, 0.72);
    font-weight: 650;
}

.auth-orbit {
    min-height: 320px;
}

.auth-orbit-node {
    position: absolute;
    display: grid;
    place-items: center;
    width: clamp(92px, 10vw, 146px);
    height: clamp(92px, 10vw, 146px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(126, 92, 255, 0.95), rgba(104, 174, 255, 0.22));
    box-shadow: 0 28px 80px rgba(99, 102, 241, 0.42);
    color: white;
    font-size: clamp(30px, 4vw, 52px);
    transform: rotate(-8deg);
}

.auth-orbit-node.node-one {
    left: 10%;
    bottom: 2%;
}

.auth-orbit-node.node-two {
    left: 42%;
    bottom: 34%;
}

.auth-orbit-node.node-three {
    right: 10%;
    bottom: 8%;
    background: linear-gradient(145deg, rgba(255, 190, 96, 0.95), rgba(122, 92, 255, 0.24));
    transform: rotate(10deg);
}

.auth-form-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    padding: 26px clamp(22px, 4vw, 72px) 44px;
    color: #1f2328;
    background: #fff;
}

.auth-page-link {
    align-self: stretch;
    text-align: right;
    font-size: 14px;
}

.auth-page-link a:hover,
.auth-consent a:hover,
.auth-login-footnote a:hover,
.label-row a:hover,
.auth-page-link a:active,
.auth-consent a:active,
.auth-login-footnote a:active,
.label-row a:active {
    opacity: 0.8;
}

.auth-form-card {
    width: min(100%, 520px);
    margin: clamp(42px, 8vh, 96px) auto 0;
}

.auth-form-card h2,
.auth-login-card h1 {
    margin: 0 0 26px;
    font-size: 26px;
    letter-spacing: 0;
}

.social-auth-stack {
    display: grid;
    gap: 10px;
}

.social-auth-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 42px;
    border: 1px solid #d8dee4;
    border-radius: 7px;
    background: #f6f8fa;
    color: #24292f;
    font-weight: 800;
}

.social-auth-button:hover {
    background: #eef2f7;
    text-decoration: none;
}

.social-auth-button-dark {
    border-color: var(--line);
    background: var(--soft);
    color: var(--ink);
}

.auth-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 20px 0;
    color: #656d76;
}

.auth-divider::before,
.auth-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #d8dee4;
}

.auth-modern-form label {
    display: grid;
    gap: 7px;
    color: inherit;
    font-size: 14px;
    font-weight: 800;
}

.auth-modern-form input,
.auth-modern-form select,
.auth-modern-form textarea {
    width: 100%;
    min-height: 42px;
    border: 1px solid #d0d7de;
    border-radius: 7px;
    background: #fff;
    color: #24292f;
    font: inherit;
    padding: 9px 12px;
}

.auth-modern-form .custom-select-toggle {
    min-height: 42px;
    padding: 9px 12px;
    color: #24292f;
    background: #fff;
    border: 1px solid #d0d7de;
    border-radius: 7px;
    font: inherit;
}

.auth-modern-form .custom-select-menu {
    background: #fff;
    border-color: #d0d7de;
}

.auth-modern-form .custom-select-menu button {
    color: #24292f;
    background: #fff;
    border-color: #d8dee4;
}

.auth-modern-form .custom-select-menu button:hover,
.auth-modern-form .custom-select-menu button:focus-visible,
.auth-modern-form .custom-select-menu .is-active {
    color: #0969da;
    background: #f6f8fa;
}

.auth-modern-form input[readonly] {
    background: #f6f8fa;
    color: #57606a;
}

.auth-help,
.auth-consent {
    color: #6e7781;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.auth-checkbox {
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px;
    font-weight: 650;
}

.auth-checkbox input {
    width: 18px;
    min-height: 18px;
    padding: 0;
}

.auth-black-button {
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    background: #000;
    border-color: #000;
}

.auth-consent {
    margin-top: 18px;
}

.social-auth-notice {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid rgba(47, 111, 235, 0.28);
    border-radius: 8px;
    background: rgba(47, 111, 235, 0.08);
    color: #1f4fa3;
    font-weight: 750;
}

.social-auth-notice-message {

}

.social-auth-restart-form {
    margin: 0;
}

.social-auth-restart-button {
    border: 0;
    border-radius: 6px;
    background: rgba(31, 79, 163, 0.12);
    color: #1f4fa3;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 12px;
    cursor: pointer;
}

.social-auth-restart-button:hover,
.social-auth-restart-button:focus-visible {
    background: rgba(31, 79, 163, 0.2);
}

.auth-centered-page {
    display: grid;
    place-items: start center;
    min-height: calc(100vh - 90px);
    padding: clamp(42px, 8vh, 88px) 20px;
    background: var(--bg);
}

.auth-login-card {
    width: min(100%, 470px);
    color: var(--ink);
    text-align: center;
}

.auth-login-logo {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
}

.auth-login-logo img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.auth-login-card .auth-modern-form {
    text-align: left;
}

.auth-login-card .auth-modern-form input {
    border-color: var(--line);
    background: var(--panel);
    color: var(--ink);
}

.auth-login-card .auth-divider::before,
.auth-login-card .auth-divider::after {
    background: var(--line);
}

.label-row {
    float: right;
    font-weight: 650;
}

.auth-login-footnote {
    margin-top: 20px;
    text-align: center;
}

.auth-reset-card {
    margin-top: 18px;
    text-align: left;
}

.auth-reset-card summary {
    cursor: pointer;
    font-weight: 850;
}

.auth-footnote a,
.inline-link {
    color: var(--brand);
    font-weight: 900;
}

.reset-panel {
    padding-top: 8px;
    border-top: 1px solid var(--line);
}

.reset-panel summary {
    cursor: pointer;
    color: var(--brand);
    font-weight: 900;
}

.button:disabled {
    opacity: 0.58;
    cursor: not-allowed;
    transform: none;
}

.button.fork-disabled {
    color: var(--muted);
}

.explore-search {
    display: block;
    margin-bottom: 16px;
}

.explore-search-field {
    position: relative;
}

.explore-search-field input {
    padding-right: 54px;
}

.explore-search-submit {
    position: absolute;
    top: 50%;
    right: 8px;
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    transform: translateY(-50%);
}

.explore-search-submit:hover,
.explore-search-submit:focus-visible {
    color: var(--brand);
    background: color-mix(in srgb, var(--brand) 10%, transparent);
    outline: none;
}

.explore-search-submit i {
    font-size: 17px;
    line-height: 1;
}

.explore-page main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.explore-shell-start {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    padding: 56px 0 0;
}

.explore-shell-start > .section-heading,
.explore-shell-start > .explore-search {
    width: min(1180px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.explore-start-panel {
    position: relative;
    display: grid;
    place-items: center;
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    line-height: 0;
}

.explore-start-art {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media (max-width: 761px) {
    .explore-shell-start {
        flex: 0 0 auto;
        padding-top: 40px;
    }

    .explore-shell-start > .section-heading,
    .explore-shell-start > .explore-search {
        width: min(100%, calc(100% - 32px));
    }

    .explore-start-panel {
        display: block;
        flex: 0 0 auto;
        min-height: 0;
        overflow: hidden;
    }

    .explore-start-art {
        width: 180%;
        max-width: none;
    }
}

.sort-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: -10px 0 18px;
}

.sort-form label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
}

.sort-form select {
    width: min(100%, 230px);
}

.explore-topics {
    margin-bottom: 24px;
}

.topic-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.topic-card strong {
    color: var(--brand);
}

.topic-card span,
.person-card span,
.empty-panel p {
    color: var(--muted);
}

.create-form {
    padding: 20px;
}

.create-form fieldset {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.create-form fieldset label,
.create-form label:has(input[type="checkbox"]) {
    display: flex;
    align-items: center;
    gap: 8px;
}

.create-form input[type="radio"],
.create-form input[type="checkbox"] {
    width: auto;
    min-height: 0;
}

.import-form {
    gap: 16px;
}

.import-namespace-row {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) auto minmax(220px, 1fr);
    align-items: end;
    gap: 12px;
}

.import-path-divider {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    color: var(--muted);
    font-size: 28px;
    font-weight: 200;
}

.import-prefix-preview {
    margin: -6px 0 2px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 750;
}

.import-prefix-preview strong {
    color: var(--ink);
}

.import-visibility {
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.import-visibility legend {
    padding: 0;
    color: var(--ink);
    font-size: 14px;
    font-weight: 850;
}

.import-visibility-list {
    display: grid;
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-top: 10px;
}

.import-visibility-option {
    position: relative;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 14px 16px;
    cursor: pointer;
    border-top: 1px solid var(--line);
    transition: background .15s ease, box-shadow .15s ease;
}

.import-visibility-option:first-child {
    border-top: 0;
}

.import-visibility-option:hover {
    background: var(--panel-soft);
}

.import-visibility-option:has(input:checked) {
    z-index: 1;
    background: color-mix(in srgb, var(--brand) 8%, var(--panel));
}

.import-visibility-option input {
    margin-top: 4px;
    accent-color: var(--brand);
}

.import-visibility-copy {
    display: grid;
    gap: 3px;
}

.import-visibility-copy strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    font-size: 15px;
    font-weight: 850;
}

.import-visibility-copy i {
    width: 16px;
    color: var(--muted);
    text-align: center;
}

.import-visibility-option:has(input:checked) .import-visibility-copy i {
    color: var(--brand);
}

.import-visibility-copy small {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}

.import-option-card {
    align-items: flex-start !important;
    padding: 14px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.import-option-card span {
    display: grid;
    gap: 3px;
}

.import-option-card strong {
    color: var(--ink);
}

.import-option-card small {
    color: var(--muted);
    font-weight: 750;
}

.file-compose-shell {
    display: grid;
    gap: 16px;
    padding: 20px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.file-compose-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.file-compose-head h2 {
    margin: 0;
    font-size: 28px;
}

.file-compose-head p {
    margin: 8px 0 0;
    color: var(--muted);
}

.file-compose-head code {
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 0 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.file-compose-form {
    display: grid;
    gap: 12px;
}

.file-compose-form label {
    display: grid;
    gap: 8px;
    color: var(--label);
    font-size: 13px;
    font-weight: 850;
}

.file-compose-form textarea {
    width: 100%;
    min-height: 140px;
    padding: 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    resize: vertical;
}

.file-compose-form textarea[name="content"] {
    min-height: 420px;
    font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre;
}

.commit-settings {
    display: grid;
    gap: 12px;
    margin: 4px 0 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.commit-settings legend {
    padding: 0 6px;
    color: var(--label);
    font-size: 13px;
    font-weight: 900;
}

.commit-target-options {
    display: grid;
    gap: 8px;
}

.file-compose-form .commit-target-option,
.file-compose-form .commit-pr-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
}

.file-compose-form .commit-target-option input,
.file-compose-form .commit-pr-option input {
    margin-top: 3px;
    width: auto;
    min-height: 0;
    flex: none;
}

.commit-target-option code {
    padding: 1px 6px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    font-weight: 900;
}

.file-compose-form .commit-target-option span,
.file-compose-form .commit-pr-option span {
    line-height: 1.45;
}

.upload-commit-shell {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.upload-commit-avatar {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 24px;
    font-weight: 900;
    overflow: hidden;
}

.upload-commit-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload-commit-panel {
    margin: 0;
    padding: 14px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.upload-commit-panel legend {
    padding: 0 8px;
    color: var(--ink);
    font-size: 16px;
    font-weight: 900;
}

.file-compose-form .commit-branch-name {
    margin-top: 4px;
}

.file-compose-form .auth-actions.upload-commit-actions {
    margin-left: 82px;
}

.file-compose-form .upload-commit-actions .button-primary {
    color: #fff;
    background: #2da44e;
    border-color: #2da44e;
}

.file-compose-form .upload-commit-actions .button-primary:hover {
    color: #fff;
    background: #238636;
    border-color: #238636;
}

.file-compose-form .upload-commit-actions .button:not(.button-primary) {
    color: #f87171;
}

.file-compose-form .upload-commit-actions .button:not(.button-primary):hover {
    color: #f87171;
}

.upload-dropzone {
    display: grid;
    place-items: center;
    gap: 14px;
    min-height: 260px;
    padding: 24px;
    text-align: center;
    background: var(--panel-soft);
    border: 2px dashed var(--line);
    border-radius: 10px;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.upload-dropzone:hover,
.upload-dropzone.is-active {
    border-color: var(--brand);
    background: rgba(15, 98, 254, 0.06);
}

.upload-dropzone-copy {
    display: grid;
    justify-items: center;
    gap: 8px;
}

.upload-dropzone-copy i {
    font-size: 28px;
    color: var(--muted);
}

.upload-dropzone-copy h3 {
    margin: 0;
    font-size: 34px;
}

.upload-dropzone-copy p {
    margin: 0;
    color: var(--muted);
}

.upload-dropzone-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.upload-selection {
    display: grid;
    gap: 10px;
}

.upload-file-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.upload-file-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 38px;
    padding: 10px 12px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.upload-file-list li.is-queued,
.upload-file-list li.is-uploading {
    min-height: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.upload-file-list li.is-error {
    border-color: rgba(248, 113, 113, 0.48);
}

.upload-file-list small {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.upload-file-list li.is-uploaded small {
    color: #2da44e;
}

.upload-file-list li.is-error small {
    color: #f87171;
}

.upload-file-item-main {
    display: grid;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
}

.upload-file-item-name {
    overflow-wrap: anywhere;
}

.upload-file-item-meta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: none;
}

.upload-file-progress {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    height: 4px;
    overflow: hidden;
    background: color-mix(in srgb, var(--muted) 18%, transparent);
    border-radius: 999px;
}

.upload-file-progress span {
    display: block;
    height: 100%;
    background: #2da44e;
    border-radius: inherit;
    transition: width 0.18s ease;
}

.upload-file-list li.is-uploaded .upload-file-progress {
    display: none;
}

.upload-file-list li.is-error .upload-file-progress span {
    background: #f87171;
}

.upload-file-remove {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.upload-file-remove:hover {
    color: var(--ink);
    background: var(--panel);
}

.empty-panel {
    padding: 24px;
    margin: 10px 0;
    display: grid;
    gap: 10px;
}

@media (max-width: 761px) {
    .empty-panel {
        margin: 10px;
    }
}

.empty-panel h1,
.empty-panel h3 {
    margin-top: 0;
}

.health-page {
    padding-top: 52px;
}

.health-hero {
    --health-accent: #10b981;
    --health-accent-soft: rgba(16, 185, 129, 0.18);
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 28px;
    min-height: 330px;
    padding: 38px;
    margin-bottom: 18px;
    overflow: hidden;
    color: #ffffff;
    background-color: #111827;
    background-image:
        linear-gradient(90deg, rgba(5, 8, 13, 0.88), rgba(5, 8, 13, 0.58) 54%, rgba(5, 8, 13, 0.2)),
        var(--health-hero-bg);
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.health-hero--warn {
    --health-accent: #f59e0b;
    --health-accent-soft: rgba(245, 158, 11, 0.2);
}

.health-hero--miss {
    --health-accent: #f43f5e;
    --health-accent-soft: rgba(244, 63, 94, 0.2);
}

.health-hero--private {
    --health-accent: #818cf8;
    --health-accent-soft: rgba(129, 140, 248, 0.2);
}

.health-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 42%),
        radial-gradient(circle at 78% 26%, var(--health-accent-soft), transparent 34%);
    pointer-events: none;
}

.health-hero-main,
.health-hero-status {
    position: relative;
    z-index: 1;
}

.health-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 5px 12px 5px 6px;
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
}

.health-kicker-icon {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: #04111d;
    background: var(--health-accent);
    border-radius: 999px;
}

.health-hero h1 {
    max-width: 680px;
    margin: 0;
    color: #ffffff;
    font-size: 48px;
    line-height: 1.02;
    letter-spacing: 0;
}

.health-hero p {
    max-width: 620px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 17px;
}

.health-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.health-meta-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 6px 11px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 750;
}

.health-hero-status {
    align-self: stretch;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding-left: 28px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.health-status-ring {
    display: inline-grid;
    place-items: center;
    width: 92px;
    height: 92px;
    color: #07111d;
    background:
        radial-gradient(circle at center, #ffffff 0 38%, transparent 39%),
        conic-gradient(var(--health-accent), rgba(255, 255, 255, 0.2));
    border-radius: 999px;
    box-shadow: 0 0 0 12px var(--health-accent-soft);
}

.health-status-ring i {
    font-size: 28px;
}

.health-hero-status strong {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.1;
}

.health-hero-status span:last-child {
    color: rgba(255, 255, 255, 0.68);
    font-size: 13px;
    font-weight: 750;
}

.health-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.health-service-card {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    min-height: 96px;
    padding: 18px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.health-service-card h2 {
    margin: 0;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.2;
}

.health-service-card p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.health-service-icon,
.health-icon {
    display: inline-grid;
    place-items: center;
}

.health-service-icon {
    width: 46px;
    height: 46px;
    color: #0b6b4c;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.22);
    border-radius: 999px;
}

.health-service-card.is-warn .health-service-icon {
    color: #92400e;
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(245, 158, 11, 0.26);
}

.health-service-card.is-miss .health-service-icon {
    color: #9f1239;
    background: rgba(244, 63, 94, 0.13);
    border-color: rgba(244, 63, 94, 0.25);
}

.health-icon {
    width: 42px;
    min-width: 42px;
    height: 24px;
}

.health-icon i {
    font-size: 14px;
}

.health-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    width: fit-content;
    padding: 2px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
    font-weight: 700;
    letter-spacing: 0;
    white-space: nowrap;
}

.health-label.is-ok {
    color: #0b6b4c;
    border-color: rgba(11, 107, 76, 0.25);
    background: rgba(16, 185, 129, 0.12);
}

.health-label.is-warn {
    color: #92400e;
    border-color: rgba(146, 64, 14, 0.28);
    background: rgba(245, 158, 11, 0.16);
}

.health-label.is-miss {
    color: #9f1239;
    border-color: rgba(159, 18, 57, 0.26);
    background: rgba(244, 63, 94, 0.14);
}

:root[data-theme="dark"] .health-service-icon,
:root[data-theme="dark"] .health-label.is-ok {
    color: #6ee7b7;
    border-color: rgba(110, 231, 183, 0.28);
    background: rgba(16, 185, 129, 0.2);
}

:root[data-theme="dark"] .health-service-card.is-warn .health-service-icon,
:root[data-theme="dark"] .health-label.is-warn {
    color: #fcd34d;
    border-color: rgba(252, 211, 77, 0.34);
    background: rgba(245, 158, 11, 0.25);
}

:root[data-theme="dark"] .health-service-card.is-miss .health-service-icon,
:root[data-theme="dark"] .health-label.is-miss {
    color: #fda4af;
    border-color: rgba(253, 164, 175, 0.28);
    background: rgba(244, 63, 94, 0.24);
}

@media (max-width: 761px) {
    .health-page {
        width: min(100% - 24px, 900px);
        padding-top: 28px;
    }

    .health-hero {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 26px;
    }

    .health-hero h1 {
        font-size: 34px;
    }

    .health-hero p {
        font-size: 15px;
    }

    .health-hero-status {
        justify-items: start;
        place-items: start;
        padding: 22px 0 0;
        text-align: left;
        border-top: 1px solid rgba(255, 255, 255, 0.14);
        border-left: 0;
    }

    .health-service-grid {
        grid-template-columns: 1fr;
    }

    .health-service-card {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .health-service-card .health-label {
        grid-column: 2;
    }
}

.topics-hero {
    display: grid;
    place-items: center;
    min-height: 190px;
    padding: 54px 16px;
    text-align: center;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

.topics-hero h1 {
    margin: 0 0 8px;
    font-size: clamp(34px, 5vw, 48px);
}

.topics-hero p {
    margin: 0;
    color: var(--muted);
    font-weight: 700;
}

.topics-directory-shell,
.topics-topic-shell {
    padding-top: 42px;
    padding-bottom: 64px;
}

.featured-topic-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    margin-bottom: 54px;
}

.featured-topic-card {
    display: grid;
    place-items: center;
    gap: 12px;
    min-height: 230px;
    padding: 30px;
    color: var(--ink);
    text-align: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.featured-topic-card:hover,
.topic-row:hover {
    color: var(--ink);
    border-color: var(--button-hover-line);
}

.topic-logo {
    display: inline-grid;
    place-items: center;
    width: 66px;
    height: 66px;
    color: #fff;
    background: linear-gradient(135deg, #0f62fe, #22c55e);
    border-radius: 16px;
    font-size: 23px;
    font-weight: 950;
}

.topic-tone-1 .topic-logo,
.topic-logo.topic-tone-1 {
    background: linear-gradient(135deg, #f59e0b, #ef4444);
}

.topic-tone-2 .topic-logo,
.topic-logo.topic-tone-2 {
    background: linear-gradient(135deg, #06b6d4, #0f62fe);
}

.topic-tone-3 .topic-logo,
.topic-logo.topic-tone-3 {
    background: linear-gradient(135deg, #8b5cf6, #ec4899);
}

.topic-tone-4 .topic-logo,
.topic-logo.topic-tone-4 {
    background: linear-gradient(135deg, #22c55e, #84cc16);
}

.topic-tone-5 .topic-logo,
.topic-logo.topic-tone-5 {
    background: linear-gradient(135deg, #64748b, #0f172a);
}

.featured-topic-card strong {
    font-size: 20px;
}

.featured-topic-card small,
.topic-row small {
    color: var(--muted);
    font-weight: 650;
}

.topics-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 64px;
}

.topic-directory {
    display: grid;
}

.topic-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 0;
    border-top: 1px solid var(--line);
}

.topic-row:last-child {
    border-bottom: 1px solid var(--line);
}

.topic-row-main {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    color: var(--ink);
}

.topic-row-main > span:last-child {
    display: grid;
    gap: 3px;
}

.topic-row .topic-logo {
    width: 58px;
    height: 58px;
    border-radius: 10px;
    font-size: 18px;
}

.popular-topic-aside {
    align-self: start;
    position: sticky;
    top: 92px;
}

.popular-topic-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.popular-topic-cloud a {
    padding: 6px 10px;
    color: var(--topic-ink);
    background: var(--topic-bg);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.topic-sort-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 22px;
}

.topic-sort-form select {
    width: clamp(220px, 24vw, 320px);
    max-width: min(100%, calc(100vw - 48px));
    white-space: nowrap;
}

.topic-sort-form select option {
    white-space: nowrap;
}

.topic-sort-form .custom-select-dropdown {
    width: min(340px, calc(100vw - 48px));
}

.topic-sort-form .custom-select-toggle {
    white-space: nowrap;
}

.topic-sort-form .custom-select-menu {
    right: 0;
    left: auto;
    width: min(340px, calc(100vw - 48px));
    min-width: 100%;
}

.topic-sort-form .custom-select-menu button span {
    white-space: nowrap;
}

.topic-results-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.topic-results-head h2 {
    margin: 0;
    color: var(--muted);
    font-size: clamp(20px, 2vw, 24px);
    line-height: 1.2;
}

@media (max-width: 1100px) {
    .topic-results-head {
        flex-wrap: wrap;
    }

    .topic-sort-form {
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 16px;
    }

    .topic-sort-form select {
        width: min(100%, 320px);
    }

    .topic-sort-form .custom-select-dropdown,
    .topic-sort-form .custom-select-menu {
        width: min(100%, 320px);
    }
}

.topic-language-filter {
    position: relative;
    display: inline-block;
    margin-top: 14px;
}

.topic-language-filter summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 13px;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-weight: 850;
    cursor: pointer;
    list-style: none;
}

.topic-language-filter summary::-webkit-details-marker {
    display: none;
}

.topic-language-filter[open] summary {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);
}

.topic-language-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 90;
    width: min(390px, calc(100vw - 32px));
    max-height: 360px;
    overflow-y: auto;
    padding: 8px 0;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
}

.topic-language-menu strong {
    display: block;
    padding: 8px 14px 10px;
    border-bottom: 1px solid var(--line);
    font-size: 14px;
}

.topic-language-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 44px;
    padding: 0 14px;
    color: var(--ink);
    border-bottom: 1px solid var(--line);
    font-weight: 800;
}

.topic-language-menu a:last-child {
    border-bottom: 0;
}

.topic-language-menu a:hover,
.topic-language-menu a.is-active {
    background: var(--panel-soft);
}

.topic-language-menu a span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.topic-language-menu a:not(.is-active) i {
    opacity: 0;
}

.topic-repo-list {
    display: grid;
    gap: 22px;
}

.topic-repo-card {
    display: grid;
    gap: 18px;
    min-height: 0;
    padding: 20px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.repo-card-grid {
    gap: 22px;
}

.topic-repo-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.topic-repo-card h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0;
    font-size: clamp(14px, 1.4vw, 18px);
    line-height: 1.2;
}

.topic-repo-card h2 i {
    flex: 0 0 auto;
    color: var(--muted);
    font-size: 18px;
}

.topic-repo-card h2 a {
    color: var(--brand);
    overflow-wrap: anywhere;
}

.topic-repo-card h2 a span {
    font-weight: 750;
}

.topic-repo-stars {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 7px;
    font-weight: 850;
    white-space: nowrap;
}

.topic-repo-stars:hover {
    color: var(--ink);
    border-color: var(--button-hover-line);
}

.topic-repo-stars i {
    color: var(--muted);
}

.topic-repo-stars strong {
    padding-left: 2px;
}

.topic-repo-card > p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.55;
}

.topic-repo-topics {
    gap: 8px;
}

.topic-repo-footer {
    display: flex;
    align-items: center;
    gap: 22px;
    padding-top: 16px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    font-size: 14px;
    font-weight: 750;
}

.topic-repo-language {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.topic-repo-language i {
    width: 11px;
    height: 11px;
    background: var(--brand);
    border-radius: 50%;
}

.work-shell {
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr);
    width: min(1720px, 100%);
    min-height: calc(100vh - 69px);
    margin: 0 auto;
}

.work-sidebar {
    position: sticky;
    top: 69px;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-height: calc(100vh - 69px);
    padding: 24px 12px;
    background: linear-gradient(180deg, var(--panel), var(--panel-soft));
    border-right: 1px solid var(--line);
}

.work-sidebar-title {
    margin: 0 10px 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.work-sidebar a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 12px;
    color: var(--ink);
    border-radius: 8px;
    font-weight: 800;
}

.work-sidebar img {
    width: 100%;
    height: 100%;
}

.work-sidebar a:hover,
.work-sidebar a.is-active {
    color: var(--ink);
    background: color-mix(in srgb, var(--brand) 18%, transparent);
}

.work-sidebar a i {
    width: 18px;
    color: var(--muted);
}

.work-sidebar-spacer {
    flex: 1;
}

.default-work-sidebar {
    display: none;
}

.default-work-sidebar[data-drawer-ready="1"] {
    display: flex;
}

.work-main {
    min-width: 0;
    padding: 0 36px 60px;
}

.work-crumb {
    margin: 0 -36px 34px;
    padding: 18px 36px;
    color: var(--muted);
    background: var(--panel);
    border-bottom: 1px solid var(--line);
    font-size: 13px;
    font-weight: 800;
}

.work-heading,
.workspace-home-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
}

.work-heading.centered {
    justify-content: center;
    text-align: center;
}

.work-heading h1,
.workspace-home-hero h1 {
    margin: 0;
    font-size: clamp(32px, 4vw, 44px);
}

.work-heading p,
.workspace-home-hero p {
    margin: 4px 0 0;
    color: var(--muted);
    font-weight: 700;
}

.work-heading-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.avatar.xl {
    width: 74px;
    height: 74px;
    font-size: 30px;
}

.avatar.small {
    width: 30px;
    height: 30px;
    font-size: 13px;
}

.workspace-home-hero {
    justify-content: flex-start;
    max-width: 1364px;
    margin: 32px auto 28px;
}

.workspace-top-grid {
    display: grid;
    align-items: stretch;
    gap: 24px;
    max-width: 1364px;
    margin: 0 auto 24px;
}

.workspace-metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}

.metric-card,
.work-card,
.group-choice-card {
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.metric-card {
    display: grid;
    gap: 2px;
    padding: 16px;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    -webkit-tap-highlight-color: transparent;
}

.metric-card:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--brand) 40%, transparent);
    outline-offset: 3px;
}

.metric-card:active {
    background: color-mix(in srgb, var(--brand) 10%, var(--panel));
    box-shadow: 0 6px 16px color-mix(in srgb, var(--ink) 7%, transparent);
    transform: translateY(0) scale(.99);
}

@media (hover: hover) and (pointer: fine) {
    .metric-card:hover {
        background: color-mix(in srgb, var(--brand) 6%, var(--panel));
        border-color: color-mix(in srgb, var(--brand) 34%, var(--line));
        box-shadow: 0 12px 28px color-mix(in srgb, var(--ink) 8%, transparent);
        transform: translateY(-2px);
    }
}

.metric-card strong {
    font-size: 34px;
    line-height: 1;
}

.metric-card span,
.metric-card small {
    color: var(--muted);
    font-weight: 800;
}

.workspace-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    max-width: 1280px;
    margin: 0 auto 24px;
}

.work-home-layout {
    display: grid;
    gap: 24px;
    max-width: 1364px;
    margin: 0 auto 24px;
}

.work-home-center {
    display: grid;
    align-content: start;
    gap: 24px;
    min-width: 0;
}

.work-card {
    padding: 20px;
}

.work-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.work-card h2,
.work-card-head h2 {
    margin: 0;
    font-size: 20px;
}

.work-card select,
.work-search-row input,
.group-create-form input,
.group-create-form select,
.group-create-form textarea,
.url-input-pair input {
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.activity-filter-select,
.work-card-head select {
    min-height: 38px;
    font-weight: 900;
}

.activity-timeline,
.quick-repo-list,
.group-list,
.group-member-list {
    display: grid;
    gap: 10px;
}

.activity-timeline a,
.group-list-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    color: var(--ink);
}

.activity-timeline small {
    margin: 0;
    color: var(--muted);
}

.segmented-pill {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    padding: 4px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 850;
    text-align: center;
    margin-bottom: 10px;
}

.segmented-pill span,
.segmented-pill a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 10px;
    color: var(--ink);
    border-radius: 8px;
}

.segmented-pill span:first-child,
.segmented-pill a:hover {
    background: var(--button-bg);
}

.quick-repo-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 11px 2px;
    color: var(--ink);
    border-top: 1px solid var(--line);
    font-weight: 800;
}

.quick-repo-list a:hover {
    color: var(--brand);
}

.quick-repo-list a i {
    color: var(--muted);
}

.quick-repo-list a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-card {
    margin: 0;
}

.dashboard-home-feed-card,
.dashboard-trending-card {
    overflow: hidden;
}

.dashboard-home-feed-card .work-card-head,
.dashboard-trending-card .work-card-head {
    align-items: flex-start;
}

.dashboard-home-feed-card .eyebrow,
.dashboard-trending-card .eyebrow {
    margin: 0 0 4px;
}

.dashboard-trending-headline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 20px;
    font-weight: 650;
    letter-spacing: 0;
}

.dashboard-trending-headline i {
    color: var(--muted);
    font-size: 15px;
}

.dashboard-trending-sep {
    color: var(--muted);
    font-weight: 500;
}

.dashboard-trending-see-more {
    color: var(--brand);
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.dashboard-home-feed-list,
.dashboard-trending-list {
    display: grid;
    border-top: 1px solid var(--line);
}

.dashboard-home-feed-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
    padding: 16px 0;
    border-bottom: 1px solid var(--line);
}

.dashboard-home-feed-item:last-child,
.dashboard-trending-item:last-child {
    border-bottom: 0;
}

.dashboard-home-feed-item time {
    color: var(--muted);
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.dashboard-trending-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}

.dashboard-trending-item h3 {
    display: flex;
    gap: 7px;
    align-items: center;
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.25;
}

.dashboard-trending-item h3 i {
    color: var(--muted);
    font-size: 14px;
}

.dashboard-trending-item h3 a {
    min-width: 0;
    color: var(--brand);
    font-weight: 650;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.dashboard-star-split {
    display: inline-flex;
    align-items: stretch;
    margin-top: 2px;
}

.dashboard-star-main {
    min-height: 32px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 650;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.dashboard-star-main.is-active {
    color: var(--ink);
    background: var(--button-bg);
    border-color: var(--line);
}

.dashboard-star-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 32px;
    padding: 0 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dashboard-star-caret i {
    font-size: 12px;
}

.dashboard-trending-item p {
    margin: 0 0 8px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
}

.dashboard-trending-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
}

.dashboard-trending-meta span {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

@media (max-width: 720px) {
    .dashboard-trending-headline,
    .dashboard-trending-see-more {
        font-size: 18px;
    }

    .dashboard-home-feed-item {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .dashboard-home-feed-item time {
        grid-column: 2;
        white-space: normal;
    }

    .dashboard-trending-item {
        grid-template-columns: 1fr;
    }

    .dashboard-star-split {
        width: 100%;
        max-width: 170px;
    }

    .dashboard-trending-item > .button {
        width: 100%;
    }
}

.activity-timeline a {
    padding: 14px 0;
    border-top: 1px solid var(--line);
}

.activity-timeline em {
    color: var(--muted);
    font-style: normal;
    font-weight: 750;
}

.dashboard-activity-timeline {
    display: grid;
    gap: 0;
    margin-top: 4px;
}

.dashboard-activity-item {
    position: relative;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 14px;
    padding: 13px 0 15px;
}

.dashboard-activity-item::before {
    position: absolute;
    top: 42px;
    bottom: -4px;
    left: 14px;
    width: 2px;
    content: "";
    background: var(--line);
}

.dashboard-activity-item:last-child::before {
    display: none;
}

.dashboard-activity-icon {
    position: relative;
    z-index: 1;
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: var(--muted);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 999px;
}

.dashboard-activity-copy {
    min-width: 0;
}

.dashboard-activity-copy p {
    margin: 0;
    color: var(--muted);
    font-weight: 750;
}

.dashboard-activity-copy p:first-child {
    color: var(--ink);
}

.dashboard-activity-copy strong {
    color: var(--ink);
    font-weight: 900;
}

.dashboard-activity-copy a {
    color: var(--brand);
    font-weight: 850;
}

.dashboard-activity-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px !important;
}

.dashboard-activity-detail span::before {
    content: "· ";
    color: var(--muted);
}

.dashboard-activity-item time {
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
}

.dashboard-activity-empty {
    display: grid;
    gap: 2px;
    padding: 12px 0;
    color: var(--muted);
    font-weight: 750;
}

.dashboard-activity-empty p,
.dashboard-activity-empty small {
    margin: 0;
}

.dashboard-activity-footer {
    display: flex;
    justify-content: flex-start;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.dashboard-activity-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.dashboard-activity-head h1 {
    margin: 0;
    font-size: clamp(34px, 5vw, 56px);
}

.dashboard-activity-head p {
    margin: 6px 0 0;
    color: var(--muted);
    font-weight: 750;
}

.dashboard-activity-card {
    max-width: 960px;
}

.work-tabs {
    display: flex;
    gap: 28px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--line);
}

.work-tabs strong,
.work-tabs span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 0 14px;
    color: var(--muted);
    font-weight: 900;
}

.work-tabs strong {
    color: var(--ink);
    border-bottom: 2px solid var(--brand);
}

.work-tabs span span,
.work-tabs strong span {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    background: var(--pill-bg);
    border-radius: 999px;
}

.work-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 14px;
    margin-bottom: 44px;
    background: var(--panel);
    border-bottom: 1px solid var(--line);
}

.work-search-row input {
    min-height: 42px;
    padding: 0 12px;
}

.projects-shell {
    max-width: 1280px;
    margin: 0 auto;
}

.projects-shell .work-heading {
    align-items: flex-start;
    max-width: none;
}

.project-tabs {
    margin-bottom: 0;
}

.project-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 0 14px;
    color: var(--muted);
    font-weight: 900;
}

.project-tabs a:hover {
    color: var(--ink);
}

.project-tabs a span {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    color: var(--ink);
    background: var(--pill-bg);
    border-radius: 999px;
}

.project-list-toolbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 0;
    padding: 14px;
    margin-bottom: 10px;
    background: var(--panel);
    border-bottom: 1px solid var(--line);
}

.project-list-toolbar .button,
.project-list-toolbar input,
.project-list-toolbar .project-sort-dropdown .lte-dropdown-toggle {
    min-height: 42px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 0;
}

.project-list-toolbar .button:first-child {
    border-radius: 8px 0 0 8px;
}

.project-list-toolbar input {
    min-width: 0;
    padding: 0 12px;
    border-left: 0;
}

.project-list-toolbar .button:nth-of-type(2) {
    border-left: 0;
}

.project-sort-dropdown {
    min-width: 154px;
}

.project-list-toolbar .project-sort-dropdown .lte-dropdown-toggle {
    width: 100%;
    padding: 0 12px;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    font-weight: 900;
}

.project-list-toolbar .project-sort-dropdown .lte-dropdown-menu {
    min-width: 220px;
    z-index: 24;
}

.project-list {
    display: grid;
    gap: 0;
}

.project-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    padding: 18px 0;
    border-bottom: 1px solid var(--line);
}

.project-row-icon {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    color: var(--ink);
    background: var(--pill-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 900;
}

.project-row-main {
    min-width: 0;
}

.project-row-title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ink);
    font-weight: 900;
}

.project-row-title:hover {
    color: var(--brand);
}

.project-row-main p {
    margin: 4px 0 0;
    color: var(--muted);
}

.project-topic-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.project-topic-list a {
    max-width: 150px;
    padding: 4px 8px;
    overflow: hidden;
    color: var(--ink);
    text-overflow: ellipsis;
    white-space: nowrap;
    background: var(--pill-bg);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.project-row-meta {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 9px;
    min-width: 190px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

.project-row-meta a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--muted);
}

.project-row-meta a:hover {
    color: var(--ink);
}

.project-row-meta small {
    display: block;
    min-width: 88px;
    color: var(--muted);
    font-size: 12px;
    text-align: right;
}

.groups-empty.compact {
    min-height: 280px;
    padding: 36px 0;
}

.groups-empty {
    display: grid;
    justify-items: center;
    gap: 12px;
    min-height: 360px;
    text-align: center;
}

.groups-empty-icon {
    display: grid;
    place-items: center;
    width: 170px;
    height: 170px;
    color: var(--muted);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 64px;
}

.groups-empty h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 42px);
}

.groups-empty p {
    max-width: 620px;
    margin: 0;
    color: var(--muted);
    font-size: 18px;
}

.group-list-row {
    padding: 16px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
}

.group-avatar,
.group-choice-art {
    display: grid;
    place-items: center;
    color: var(--brand);
    background: var(--topic-bg);
}

.group-avatar {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.group-choice-card {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 34px;
    min-height: 220px;
    padding: 34px;
    margin-bottom: 22px;
}

.group-choice-art {
    width: 112px;
    height: 112px;
    border-radius: 18px;
    font-size: 46px;
}

.group-create-title {
    display: grid;
    justify-content: start;
    gap: 6px;
    max-width: 900px;
    margin: 34px auto 22px;
}

.group-create-title h1 {
    font-size: clamp(30px, 3vw, 40px);
}

.group-create-form {
    display: grid;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto 64px;
}

.group-create-panel {
    display: grid;
    gap: 18px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.group-create-panel .section-heading.compact {
    margin: 0 0 2px;
    padding-bottom: 18px;
}

.group-create-panel .section-heading.compact h2 {
    font-size: clamp(26px, 2.2vw, 34px);
}

.group-create-panel .section-heading.compact p {
    max-width: 720px;
}

.group-create-form label,
.group-create-form fieldset {
    display: grid;
    gap: 8px;
    margin: 0 0 18px;
    font-weight: 900;
}

.group-create-form label small {
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

.group-create-form input,
.group-create-form select {
    min-height: 42px;
    padding: 0 12px;
    width: 100%;
}

.group-create-form textarea {
    padding: 12px;
    min-height: 116px;
    resize: vertical;
}

.group-create-form fieldset {
    gap: 10px;
    padding: 18px 0 0;
    border: 0;
    border-top: 1px solid var(--line);
}

.group-create-form fieldset label {
    gap: 4px;
    margin-bottom: 10px;
}

.group-create-form fieldset input[type="radio"] {
    width: auto;
    min-height: 0;
    padding: 0;
}

.group-create-form legend {
    padding: 0;
    font-size: 16px;
    font-weight: 900;
}

.fieldset-help {
    margin: -2px 0 4px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 700;
}

.group-warning-note {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    color: var(--ink);
    background: color-mix(in srgb, #f59e0b 12%, var(--panel-soft));
    border-radius: 8px;
    font-weight: 800;
}

.group-warning-note i {
    color: #f59e0b;
}

.visibility-option {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 10px !important;
    margin: 0 !important;
    padding: 2px 0;
}

.visibility-option span {
    display: grid;
    gap: 2px;
}

.visibility-option strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ink);
}

.visibility-option small {
    color: var(--muted);
    font-size: 14px;
    font-weight: 700;
}

.invite-fieldset {
    padding-bottom: 2px !important;
}

.url-input-pair {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.url-input-pair span {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    color: var(--muted);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-right: 0;
    border-radius: 8px 0 0 8px;
    font-weight: 800;
}

.url-input-pair input {
    border-radius: 0 8px 8px 0;
}

.form-hint[data-state="ok"] {
    color: var(--green);
}

.form-hint[data-state="error"] {
    color: var(--danger);
}

.group-profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
}

.group-member-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ink);
    font-weight: 850;
}

.group-member-list small {
    display: block;
    color: var(--muted);
    font-size: 12px;
}

.site-footer {
    margin-top: auto;
    background: var(--panel);
    border-top: 1px solid var(--line);
}

.signed-in-footer {
    background: var(--bg);
    border-top: 0;
}

.signed-in-footer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 34px 0 38px;
    color: var(--muted);
    font-size: 13px;
}

.signed-in-footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: max-content;
    color: var(--muted);
    font-weight: 650;
}

.signed-in-footer-brand:hover {
    color: var(--ink);
}

.signed-in-footer-brand img {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    opacity: 0.78;
}

.signed-in-footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 22px;
}

.signed-in-footer-links a {
    color: var(--muted);
    font-weight: 650;
    line-height: 1.35;
}

.signed-in-footer-links a:hover {
    color: var(--brand);
}

.footer-inner {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) repeat(auto-fit, minmax(132px, 1fr));
    align-items: start;
    gap: 22px;
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 34px 0 30px;
    color: var(--muted);
    font-size: 14px;
}

.footer-brand,
.footer-menu {
    display: grid;
    align-content: start;
    gap: 9px;
}

.footer-brand {
    gap: 14px;
}

.footer-brand-mark {
    display: flex;
    align-items: center;
    gap: 14px;
    color: inherit;
}

.footer-brand-mark img {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    flex: none;
}

.footer-brand-mark span {
    display: grid;
    gap: 4px;
}

.footer-brand-mark small {
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.footer-brand strong,
.footer-menu strong {
    color: var(--ink);
}

.footer-menu strong {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.footer-newsletter-box {
    display: grid;
    gap: 4px;
    padding: 14px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 14px;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.footer-newsletter-box:hover {
    color: var(--ink);
    border-color: var(--brand);
}

.footer-newsletter-box small,
.footer-newsletter-box span {
    color: var(--muted);
}

.footer-menu a {
    width: fit-content;
    color: var(--muted);
    font-weight: 500;
    line-height: 1.35;
}

.footer-menu a:hover {
    color: var(--brand);
}

@media (max-width: 980px) {
    .signed-in-footer-inner {
        flex-direction: column-reverse;
        gap: 14px;
        padding: 28px 0 34px;
        text-align: center;
    }

    .signed-in-footer-links {
        gap: 8px 18px;
        max-width: 620px;
    }

    .footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 24px;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }
}

.footer-legal {
    border-top: 1px solid var(--line);
    text-align: center;
}

.footer-legal p {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 16px 0 20px;
    color: var(--muted);
    font-size: 13px;
}

.legal-panel {
    margin-top: 8px;
}

.legal-sections {
    display: grid;
    gap: 2px;
}

.legal-sections section {
    padding: 22px;
    border-bottom: 1px solid var(--line);
}

.legal-sections section:last-child {
    border-bottom: 0;
}

.legal-sections h2 {
    margin: 0 0 8px;
    font-size: 20px;
}

.legal-sections p {
    margin: 0;
    color: var(--muted);
}

@media (max-width: 1100px) {
    .repo-card-grid,
    .people-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .topic-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-hero,
    .band-inner {
        grid-template-columns: 1fr;
    }

    .dashboard-layout {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .work-shell,
    .topics-content-grid,
    .group-profile-grid,
    .profile-content-grid,
    .profile-activity-detail-grid,
    .workspace-top-grid,
    .work-home-layout,
    .workspace-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .work-sidebar {
        position: static;
        flex-direction: row;
        min-height: 0;
        padding: 12px;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .work-sidebar-title,
    .work-sidebar-spacer {
        display: none;
    }

    .work-sidebar a {
        flex: none;
    }

    .popular-topic-aside {
        position: static;
    }

    .profile-info-panel {
        position: static;
    }

    .profile-activity-actions {
        position: static;
        justify-items: start;
    }

    .workspace-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 761px) {
    h1 {
        font-size: 20px;
    }
    
    h2 {
        font-size: 15px;
    }
    
    .signed-in-footer-inner {
        width: min(100% - 28px, 640px);
        padding: 28px 0 34px;
    }

    .signed-in-footer-links {
        gap: 8px 16px;
        font-size: 12px;
    }

    .signed-in-footer-links a:last-child {
        flex-basis: 100%;
    }

    .signed-in-footer-brand {
        justify-content: center;
        width: 100%;
        font-size: 12px;
    }

    .signed-in-footer-brand img {
        width: 24px;
        height: 24px;
        border-radius: 6px;
    }

    .footer-menu::before {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        margin-bottom: 3px;
        background: color-mix(in srgb, var(--muted) 34%, transparent);
    }
    
    .footer-brand-mark span {
        display: none;
    }
    
    .topbar-auth,
    .topbar-guest {
        min-height: 64px;
        gap: 8px;
    }

    .topbar-guest {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        grid-auto-rows: 64px;
        align-items: center;
    }

    .topbar-guest > .guest-brand-cta,
    .topbar-guest > .brand,
    .topbar-guest > .topbar-guest-actions {
        grid-row: 1;
    }

    .topbar-auth-actions,
    .topbar-guest-actions,
    .topbar-actions {
        gap: 8px;
    }

    .topbar-guest .brand img {
        width: 34px;
        height: 34px;
    }

    .topbar-guest > .guest-brand-cta {
        display: inline-flex;
        min-height: 36px;
        padding: 0 12px;
        border-radius: 9px;
        font-size: 13px;
        font-weight: 900;
        grid-column: 1;
        justify-self: start;
        color: var(--landing-ink, var(--ink));
        background: transparent;
        border-color: var(--landing-line, var(--line));
        box-shadow: none;
    }

    .topbar-guest > .brand {
        grid-column: 2;
        justify-self: center;
    }

    .topbar-guest > .brand::after {
        display: none;
    }

    .topbar-guest-actions {
        grid-column: 3;
        justify-self: end;
    }

    .topbar-guest .header-search-shell,
    .topbar-guest .guest-desktop-theme-toggle {
        display: none;
    }

    .mobile-nav-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        padding: 0;
        color: #fff;
        background: rgba(15, 98, 254, 0.18);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 10px;
        cursor: pointer;
        justify-self: end;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
    }

    .mobile-nav-toggle:hover {
        border-color: rgba(255, 255, 255, 0.22);
        transform: translateY(-1px);
    }

    .mobile-nav-toggle:active {
        transform: scale(0.96);
    }

    .topbar.is-open .mobile-nav-icon i:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .topbar.is-open .mobile-nav-icon i:nth-child(2) {
        opacity: 0;
    }

    .topbar.is-open .mobile-nav-icon i:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .header-search-shell {
        width: auto;
    }

    .header-search-toggle {
        display: inline-flex;
    }

    .global-search-live {
        display: none;
        position: fixed;
        top: 76px;
        left: 12px;
        right: 12px;
        width: auto;
        z-index: 41;
    }

    .header-search-shell.is-open .global-search-live {
        display: block;
    }

    .header-search-shell.is-open .live-search-results {
        position: fixed;
        top: 128px;
        left: 12px;
        right: 12px;
        width: auto;
        min-width: 0;
    }

    .topbar {
        width: calc(100% - 20px);
        min-height: 52px;
        gap: 8px;
    }

    .topbar-actions,
    .topbar-auth-actions,
    .topbar-guest-actions {
        gap: 6px;
    }

    .brand {
        gap: 6px;
    }

    .brand img {
        width: 26px;
        height: 26px;
        border-radius: 6px;
    }

    .mobile-nav-toggle,
    .header-icon-button,
    .theme-toggle,
    .avatar-button {
        width: 30px;
        height: 30px;
        border-radius: 100px;
    }

    .header-icon-button i,
    .theme-toggle i {
        font-size: 12px;
    }

    .mobile-nav-icon {
        gap: 3px;
    }

    .mobile-nav-icon i {
        width: 14px;
        height: 2px;
    }

    .global-search-live input {
        min-width: 0;
        width: 100%;
    }

    .featured-topic-grid,
    .workspace-metrics-grid {
        grid-template-columns: 1fr;
    }

    .import-namespace-row {
        grid-template-columns: 1fr;
    }

    .import-path-divider {
        display: none;
    }

    .topic-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .topic-row-main {
        width: 100%;
    }

    .work-main {
        padding: 0 16px 42px;
    }

    .work-crumb {
        margin: 0 -16px 24px;
        padding: 14px 16px;
    }

    .work-heading,
    .workspace-home-hero,
    .work-card-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .workspace-top-grid,
    .work-home-layout,
    .work-home-center {
        gap: 16px;
    }

    .profile-summary-row {
        grid-template-columns: auto minmax(0, 1fr);
        margin-top: 22px;
    }

    .profile-edit-button {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
    }

    .profile-hero-avatar {
        width: 82px;
        height: 82px;
        font-size: 32px;
    }

    .profile-summary-row p {
        font-size: 15px;
    }

    .profile-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-activity-item {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .profile-activity-timeline-large .profile-activity-item {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .profile-activity-item time {
        grid-column: 2;
    }

    .dashboard-activity-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-activity-item {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .dashboard-activity-item time {
        grid-column: 2;
    }

    .dashboard-activity-footer .button,
    .dashboard-activity-head .button {
        width: 100%;
        justify-content: center;
    }

    .profile-activity-detail-head {
        align-items: flex-start;
    }

    .profile-overflow-panel {
        right: auto;
        left: 0;
    }

    .project-tabs {
        gap: 18px;
        overflow-x: auto;
    }

    .project-tabs a,
    .project-tabs strong {
        flex: none;
    }

    .project-list-toolbar {
        grid-template-columns: auto minmax(0, 1fr) auto;
        padding: 10px;
    }

    .project-list-toolbar .project-sort-dropdown {
        grid-column: 1 / -1;
        justify-self: stretch;
        margin-top: 8px;
    }

    .project-list-toolbar .project-sort-dropdown .lte-dropdown-toggle {
        border-left: 1px solid var(--line);
        border-radius: 8px;
    }

    .project-list-toolbar .project-sort-dropdown .lte-dropdown-menu {
        width: 100%;
        min-width: 0;
    }

    .project-row {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .project-row-meta {
        grid-column: 2;
        justify-content: flex-start;
        min-width: 0;
        flex-wrap: wrap;
    }

    .project-row-meta small {
        min-width: 0;
        text-align: left;
    }

    .group-choice-card {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .url-input-pair {
        grid-template-columns: 1fr;
    }

    .url-input-pair span {
        border-right: 1px solid var(--line);
        border-bottom: 0;
        border-radius: 8px 8px 0 0;
    }

    .url-input-pair input {
        border-radius: 0 0 8px 8px;
    }

    .topbar-guest {
        --mobile-nav-bg: #ffffff;
        --mobile-nav-ink: #111827;
        --mobile-nav-muted: #4b5563;
        --mobile-nav-line: #e5e7eb;
    }

    :root[data-theme="dark"] .topbar-guest {
        --mobile-nav-bg: #05080d;
        --mobile-nav-ink: #f8fafc;
        --mobile-nav-muted: #94a3b8;
        --mobile-nav-line: #1f2937;
    }

    .topbar-links-guest {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        gap: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        max-height: none;
        padding: 70px 14px 0;
        background: var(--mobile-nav-bg);
        border: 0;
        border-top: 1px solid var(--mobile-nav-line);
        border-radius: 0;
        box-shadow: none;
        overflow-y: auto;
        overscroll-behavior: contain;
        z-index: 80;
    }

    .topbar-guest.is-open .topbar-links-guest {
        display: flex;
        flex-direction: column;
    }

    .topbar-guest.is-open::before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 79;
        background: var(--mobile-nav-bg);
    }

    .topbar-guest.is-open .brand,
    .topbar-guest.is-open .guest-brand-cta,
    .topbar-guest.is-open .topbar-guest-actions {
        position: relative;
        z-index: 84;
    }

    .section-heading,
    .dashboard-sidebar-head,
    .dashboard-feed-head,
    .feed-card-top,
    .notification-copy-top,
    .repo-title-row,
    .discussion-panel,
    .file-panel-head,
    .blob-toolbar,
    .commit-card,
    .issue-card header,
    .sort-form {
        align-items: flex-start;
        flex-direction: column;
    }

    .repo-title-row,
    .discussion-panel,
    .file-panel-head,
    .blob-toolbar,
    .commit-card,
    .issue-card header,
    .sort-form {
        display: flex;
    }

    .topbar-links-guest {
        grid-template-columns: 1fr;
    }

    .topbar-links-guest > a:not(.button) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        padding: 0 10px;
        color: var(--mobile-nav-ink);
        background: transparent;
        border: 0;
        border-bottom: 1px solid var(--mobile-nav-line);
        border-radius: 0;
        font-size: 18px;
        font-weight: 780;
    }

    .topbar-links-guest > .button {
        width: 100%;
        justify-content: center;
    }

    .guest-nav-menu {
        align-items: stretch;
        max-height: none;
        overflow-y: auto;
    }

    .guest-nav-item {
        display: block;
        border-bottom: 1px solid var(--mobile-nav-line);
    }

    .guest-nav-trigger {
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        padding: 0 10px;
        color: var(--mobile-nav-ink);
        background: transparent;
        border: 0;
        border-radius: 0;
        font-size: 18px;
        font-weight: 780;
    }

    .guest-nav-item:hover .guest-nav-trigger,
    .guest-nav-item:focus-within .guest-nav-trigger,
    .guest-nav-trigger:hover {
        color: var(--mobile-nav-ink);
        background: transparent;
    }

    .guest-nav-trigger i,
    .guest-nav-item:hover .guest-nav-trigger i,
    .guest-nav-item:focus-within .guest-nav-trigger i {
        transform: none;
    }

    .guest-nav-panel {
        display: none;
    }

    .guest-nav-item.is-expanded > .guest-nav-panel {
        display: block;
        position: static;
        width: 100%;
        max-width: none;
        margin: -2px 0 0;
        padding: 0 0 10px;
        color: var(--mobile-nav-ink);
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        transition: none;
        visibility: visible;
    }

    .guest-nav-item.is-expanded > .guest-nav-trigger i {
        transform: rotate(180deg);
    }

    .guest-nav-panel-platform,
    .guest-nav-panel-product,
    .guest-nav-panel-simple,
    .guest-nav-panel-contact {
        width: 100%;
    }

    .guest-nav-panel-grid.compact,
    .guest-nav-card-grid {
        grid-template-columns: 1fr;
    }

    .guest-nav-panel-grid,
    .guest-nav-card-grid {
        gap: 8px;
    }

    .guest-nav-feature,
    .guest-contact-panel,
    .guest-nav-card,
    .guest-nav-list {
        border-radius: 10px;
    }

    .guest-nav-feature,
    .guest-contact-panel {
        min-height: 0;
        padding: 12px;
    }

    .guest-nav-card {
        min-height: 0;
        padding: 11px;
    }

    .guest-nav-list {
        gap: 6px;
        padding: 10px;
        background: var(--panel-soft);
        border: 1px solid var(--line);
    }

    .guest-nav-list.solo {
        padding: 6px;
        background: var(--panel-soft);
        border: 1px solid var(--line);
    }

    .guest-mobile-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        position: static;
        z-index: 81;
        margin-top: auto;
        padding: 12px 10px 10px;
        background: var(--mobile-nav-bg);
        border-bottom: 1px solid var(--mobile-nav-line);
    }

    .guest-mobile-link {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 48px;
        min-width: 0;
        padding: 0;
        color: var(--mobile-nav-ink);
        border-bottom: 0;
        font-size: 18px;
        font-weight: 780;
    }

    .guest-mobile-actions .guest-mobile-menu-theme-toggle {
        width: 44px;
        height: 44px;
        min-height: 44px;
        color: var(--mobile-nav-ink);
        background: color-mix(in srgb, var(--mobile-nav-ink) 6%, transparent);
        border-color: var(--mobile-nav-line);
        border-radius: 999px;
        box-shadow: none;
    }

    .guest-mobile-link:hover {
        color: var(--brand);
    }

    .guest-mobile-link i {
        width: 22px;
        color: var(--mobile-nav-muted);
        text-align: center;
    }

    .guest-mobile-cta {
        order: 2;
        width: 100%;
        min-height: 50px;
        border-radius: 10px;
        font-size: 17px;
    }

    .guest-header-link,
    .guest-header-cta {
        display: none;
    }

    .footer-inner {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 22px 0;
    }

    .footer-brand {
        grid-column: auto;
    }

    .footer-menu {
        gap: 6px;
    }

    .footer-legal p {
        padding: 14px 0 18px;
    }

    .home-hero {
        min-height: auto;
        padding-top: 52px;
    }

    .home-hero h1 {
        font-size: clamp(46px, 16vw, 74px);
    }

    .auth-split {
        grid-template-columns: 1fr;
    }

    .auth-visual-panel {
        min-height: 460px;
        padding: 28px 22px;
    }

    .auth-form-panel {
        min-height: auto;
        padding: 24px 20px 40px;
    }

    .auth-form-card {
        margin-top: 28px;
    }

    .auth-orbit {
        min-height: 220px;
    }

    .auth-page-link {
        text-align: center;
    }

    .auth-visual-copy h1 {
        font-size: 34px;
    }

    .metric-row,
    .repo-card-grid,
    .people-grid,
    .topic-grid,
    .repo-sidebar,
    .explore-search,
    .dashboard-layout,
    .dashboard-grid,
    .dashboard-repos,
    .security-grid,
    .settings-layout,
    .repo-settings-shell,
    .form-grid.two,
    .totp-modern-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-sidebar,
    .settings-sidebar,
    .repo-settings-sidebar {
        position: static;
    }

    .repo-settings-shell {
        gap: 22px;
        margin: 18px auto 48px;
    }

    .repo-settings-sidebar {
        padding: 0;
        max-width: 100%;
        overflow: hidden;
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 8px;
    }

    .settings-sidebar {
        padding: 0;
        max-width: 100%;
        overflow: hidden;
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 8px;
    }

    .settings-sidebar-user {
        display: none;
    }

    .repo-settings-menu {
        display: flex;
        gap: 0;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .settings-menu {
        display: flex;
        gap: 0;
        max-width: 100%;
        padding-top: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .repo-settings-menu a,
    .repo-settings-parent {
        flex: 0 0 max-content;
        width: max-content;
        min-width: max-content;
        max-width: none;
        min-height: 46px;
        padding: 0 16px;
        white-space: nowrap;
        border-right: 1px solid var(--line);
        border-radius: 0;
    }

    .settings-menu-group a {
        display: inline-flex;
        flex: 0 0 max-content;
        align-items: center;
        gap: 8px;
        width: max-content;
        min-width: max-content;
        max-width: none;
        min-height: 46px;
        padding: 0 16px;
        white-space: nowrap;
        border-right: 1px solid var(--line);
        border-radius: 0;
    }

    .repo-settings-menu-group {
        display: flex;
        flex: 0 0 max-content;
        width: max-content;
        min-width: max-content;
        gap: 0;
        padding-top: 0;
        border-top: 0;
    }

    .settings-menu-group {
        display: flex;
        flex: 0 0 max-content;
        width: max-content;
        min-width: max-content;
        gap: 0;
    }

    .repo-settings-menu-group h3 {
        display: none;
    }

    .settings-menu-group h3 {
        display: none;
    }

    .repo-settings-submenu {
        display: flex;
        flex: 0 0 max-content;
        width: max-content;
        min-width: max-content;
        gap: 0;
    }

    .repo-settings-parent {
        position: relative;
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
    }

    .repo-settings-menu a:not(.repo-settings-child) {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .repo-settings-menu a span,
    .repo-settings-parent span {
        display: inline-block;
        min-width: max-content;
        max-width: none;
        overflow: visible;
        text-overflow: clip;
    }

    .repo-settings-menu a i,
    .repo-settings-parent i:first-child {
        display: none;
    }

    .settings-menu-group a i {
        display: none;
    }

    .repo-settings-parent > i:last-child {
        margin-left: 2px;
    }

    .repo-settings-menu a:not(.repo-settings-child).is-active,
    .repo-settings-parent:hover,
    .repo-settings-parent.is-open,
    .repo-settings-parent.is-active {
        box-shadow: inset 0 -3px 0 var(--orange);
    }

    .settings-menu-group a.is-active {
        box-shadow: inset 0 -3px 0 var(--orange);
    }

    .repo-settings-submenu-popover {
        position: fixed;
        top: var(--repo-settings-popover-top, 120px);
        left: var(--repo-settings-popover-left, 12px);
        z-index: 40;
        width: var(--repo-settings-popover-width, min(260px, calc(100vw - 24px)));
        min-width: 0;
        max-width: calc(100vw - 24px);
        padding: 6px;
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 10px;
        box-shadow: 0 14px 36px rgba(1, 4, 9, 0.5);
    }

    .repo-settings-submenu-popover .repo-settings-child {
        min-height: 38px !important;
        margin-left: 0;
        padding: 0 12px !important;
        border-radius: 8px;
        font-size: 14px !important;
        white-space: nowrap;
    }

    .repo-settings-submenu-popover .repo-settings-child.is-active {
        color: var(--ink);
        background: var(--panel-soft);
    }

    .repo-settings-child {
        margin-left: 0;
    }

    .repo-settings-panel {
        gap: 16px;
    }

    .repo-settings-panel h1 {
        padding-bottom: 12px;
        font-size: 24px;
        line-height: 1.15;
    }

    .repo-settings-panel h2 {
        font-size: 16px;
    }

    .repo-settings-form {
        max-width: none;
    }

    .settings-sidebar-user h2 {
        font-size: 30px;
    }

    .dashboard-sidebar,
    .dashboard-feed,
    .feed-card {
        padding: 16px;
    }

    .dashboard-repo-link {
        flex-direction: column;
    }

    .dashboard-repo-link-meta {
        justify-content: flex-start;
    }

    .feed-card-top .inline-action-form,
    .feed-card-top .star-toggle {
        width: 100%;
    }

    .menu-panel {
        width: min(360px, calc(100vw - 24px));
    }

    .menu-panel-user {
        position: fixed;
        top: 46px;
        right: 10px;
        left: 10px;
        width: auto;
        max-height: calc(100vh - 96px);
        overflow: auto;
    }

    .page-shell {
        padding: 40px 0;
    }
    
    .alt-page-shell {
        padding: 40px 0 0 0!important;
    }

    .repo-title-row p {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .file-row {
        grid-template-columns: 46px minmax(0, 1fr);
    }

    .file-row span:nth-child(3),
    .file-row span:nth-child(4) {
        display: none;
    }

    .blob-toolbar-actions {
        width: 100%;
        justify-content: space-between;
    }

    .blob-edit-slot,
    .blob-edit-controls,
    .commit-modal-header,
    .commit-modal-actions {
        flex-wrap: wrap;
    }

    .notification-card {
        flex-wrap: wrap;
    }

    .settings-device-card {
        flex-wrap: wrap;
    }

    .totp-qr-frame {
        width: 100%;
        max-width: 240px;
    }

    .notification-dot {
        margin-top: 0;
    }

    .toolbar-panel {
        align-items: stretch;
        grid-template-columns: auto;
    }

    .commits-page .toolbar-panel {
        grid-template-columns: minmax(0, 1fr);
    }

    .repo-toolbar-left,
    .repo-toolbar-actions {
        width: 100%;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .repo-toolbar-actions {
        justify-content: stretch;
    }

    .branch-picker,
    .branch-form,
    .repo-clone,
    .repo-file-search {
        width: 100%;
        min-width: 0;
    }

    .branch-picker-toggle {
        width: 100%;
    }

    .branch-picker-menu {
        width: 100%;
        min-width: min(420px, calc(100vw - 24px));
    }

    .branch-form {
        flex-wrap: wrap;
    }

    .branch-form label {
        width: 100%;
    }

    .branch-form select {
        width: 100%;
        min-width: 0;
    }

    .repo-ref-stats,
    .repo-ref-tags {
        width: 100%;
        overflow-x: hidden;
        padding-bottom: 2px;
        justify-content: center;
        gap: 0;
    }

    .repo-ref-stats > span,
    .repo-ref-stats > a,
    .repo-ref-tags > span,
    .repo-ref-tags > a {
        flex: 0 0 50%;
        max-width: 50%;
        justify-content: center;
        text-align: center;
    }

    .repo-clone {
        flex-wrap: wrap;
    }

    .repo-clone input {
        width: 100%;
        flex-basis: 100%;
    }

    .repo-file-actions {
        width: 100%;
    }

    .repo-file-actions-toggle {
        width: 100%;
        justify-content: center;
    }

    .repo-file-actions-menu {
        left: 0;
        right: 0;
        min-width: 0;
    }

    .repo-hero {
        padding: 12px 0 0;
        overflow-x: hidden;
    }

    .repo-title-row {
        width: calc(100% - 24px);
        margin: 0 auto;
    }

    .repo-title-row > :first-child {
        width: 100%;
    }

    .repo-title-row h2 {
        display: none;
    }

    .breadcrumb-line {
        margin: 0;
        color: var(--ink);
        font-size: 12px;
        font-weight: 760;
        line-height: 1.25;
        white-space: normal;
    }

    .breadcrumb-line a,
    .breadcrumb-line strong {
        color: var(--brand);
    }

    .repo-title-row .breadcrumb-line {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: flex-start;
        gap: 6px;
        width: 100%;
        overflow: visible;
        text-overflow: clip;
        -webkit-line-clamp: initial;
        -webkit-box-orient: initial;
    }

    .breadcrumb-path {
        display: block;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .breadcrumb-settings-link {
        display: inline-grid;
        place-items: center;
        width: 22px;
        height: 22px;
        margin-top: -1px;
        color: var(--muted);
        background: var(--panel-soft);
        border: 1px solid var(--line);
        border-radius: 6px;
        flex: none;
        justify-self: end;
        margin-left: auto;
    }

    .breadcrumb-settings-link i {
        font-size: 12px;
    }

    .breadcrumb-settings-link:hover {
        color: var(--brand);
        border-color: var(--button-hover-line);
    }

    .repo-title-row > div > p:not(.breadcrumb-line) {
        display: -webkit-box;
        margin-top: 6px;
        color: var(--muted);
        font-size: 11px;
        line-height: 1.45;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .repo-hero-fork-source {
        display: block;
        margin-top: 6px;
        margin-bottom: 0;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .repo-actions {
        width: 100%;
        flex-wrap: nowrap;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .repo-actions .button {
        min-height: 22px;
        padding: 0 7px;
        font-size: 11px;
        flex: 1 0 max-content;
        justify-content: center;
    }

    .repo-fork-split {
        display: inline-flex;
        min-width: 0;
        flex: 1 0 max-content;
    }

    .repo-watch-split {
        display: inline-flex;
        min-width: 0;
        flex: 1 0 max-content;
    }

    .repo-fork-split .repo-fork-primary {
        min-width: 0;
        flex: 1 1 auto;
    }

    .repo-watch-split .repo-watch-primary {
        min-width: 0;
        flex: 1 1 auto;
    }

    .repo-fork-split .repo-fork-toggle {
        min-width: 30px;
        flex: 0 0 auto;
    }

    .repo-watch-split .repo-watch-toggle {
        min-width: 30px;
        flex: 0 0 auto;
    }

    .repo-fork-split .repo-fork-primary,
    .repo-fork-split .repo-fork-toggle {
        min-height: 24px;
        height: 24px;
        line-height: 1;
    }

    .repo-watch-split .repo-watch-primary,
    .repo-watch-split .repo-watch-toggle {
        min-height: 24px;
        height: 24px;
        line-height: 1;
    }

    .repo-fork-menu {
        right: auto;
        left: 0;
        width: min(360px, calc(100vw - 24px));
    }

    .repo-watch-menu {
        right: auto;
        left: 0;
        width: min(360px, calc(100vw - 24px));
    }

    .repo-hero-clone {
        flex: 0 0 auto;
        min-width: 0;
    }

    .repo-hero-clone input {
        display: none;
    }

    .repo-tabs-row {
        width: 100%;
        margin-top: 10px;
        overflow-x: auto;
    }

    .repo-tabs-row .repo-tabs {
        padding: 0 8px;
    }

    .repo-tabs a {
        min-height: 26px;
        padding: 5px 7px;
        font-size: 10px;
        font-weight: 780;
        border-bottom-width: 2px;
    }

    .repo-tabs a:not(.is-active):hover {
        color: var(--muted);
        border-bottom-color: transparent;
    }

    .repo-layout {
        grid-template-columns: 1fr;
        width: 100%;
        margin: 10px 0;
        gap: 12px;
    }

    .repo-main {
        display: grid;
        gap: 12px;
    }

    .repo-layout .toolbar-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        align-items: center;
        margin: 12px 12px 0;
        padding: 8px;
    }

    .repo-layout .repo-toolbar-left,
    .repo-layout .repo-toolbar-actions {
        display: flex;
        width: 100%;
    }

    .repo-layout .repo-toolbar-actions {
        flex-wrap: wrap;
        gap: 10px;
    }

    .repo-layout .branch-picker {
        width: 100%;
    }

    .repo-layout .branch-picker-toggle {
        min-height: 30px;
        min-width: 0;
        padding: 0 10px;
        gap: 6px;
        border-radius: 7px;
        font-size: 12px;
    }

    .repo-layout .branch-picker-toggle i:first-child,
    .repo-layout .branch-picker-toggle i:last-child {
        font-size: 11px;
    }

    .repo-layout .branch-picker-menu {
        position: fixed;
        top: 132px;
        right: 12px;
        left: 12px;
        width: auto;
        min-width: 0;
        max-height: calc(100dvh - 156px);
        overflow-y: auto;
    }

    .repo-layout .branch-form {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8px;
        align-items: center;
        width: auto;
        min-width: 0;
        flex-wrap: nowrap;
    }

    .repo-layout .branch-form label {
        width: auto;
        font-size: 12px;
    }

    .repo-layout .branch-form select {
        width: 100%;
        min-width: 0;
        min-height: 30px;
        font-size: 12px;
    }

    .repo-layout .repo-file-search {
        flex: 1 0 100%;
        width: 100%;
    }

    .repo-layout .repo-file-search input {
        min-height: 32px;
        padding: 0 32px;
        border-radius: 7px;
        font-size: 12px;
    }

    .repo-layout .repo-file-search-icon {
        left: 11px;
        font-size: 12px;
    }

    .repo-layout .repo-file-search-clear {
        right: 7px;
        width: 22px;
        height: 22px;
        font-size: 11px;
    }

    .repo-layout .repo-file-search-results {
        position: fixed;
        top: 132px;
        right: 12px;
        left: 12px;
        max-height: min(520px, calc(100dvh - 156px));
    }

    .repo-layout .repo-code-dropdown,
    .repo-layout .repo-file-actions {
        flex: 1 1 0;
        min-width: 0;
    }

    .repo-layout .repo-code-toggle {
        width: 100%;
        height: 30px;
        min-height: 30px;
        min-width: 0;
        gap: 6px;
        padding: 0 8px;
        font-size: 12px;
        line-height: 1;
    }

    .repo-layout .repo-code-menu {
        position: fixed;
        top: var(--repo-floating-menu-top, 132px);
        right: auto;
        bottom: auto;
        left: var(--repo-floating-menu-left, 12px);
        width: var(--repo-floating-menu-width, calc(100vw - 24px));
        max-height: min(460px, calc(100dvh - var(--repo-floating-menu-top, 132px) - 12px));
        overflow-y: auto;
        z-index: 90;
    }

    .repo-layout .repo-clone {
        display: contents;
    }

    .repo-layout .repo-clone input {
        display: none;
    }

    .repo-layout .repo-clone .zip-download-button {
        min-height: 30px;
        padding: 0 8px;
        justify-content: center;
    }

    .repo-layout .repo-file-actions-toggle {
        width: 100%;
        height: 30px;
        min-width: 0;
        min-height: 30px;
        padding: 0 8px;
        font-size: 12px;
        line-height: 1;
    }

    .repo-layout .repo-file-actions-menu {
        position: fixed;
        top: var(--repo-floating-menu-top, 132px);
        right: auto;
        bottom: auto;
        left: var(--repo-floating-menu-left, 12px);
        width: var(--repo-floating-menu-width, calc(100vw - 24px));
        min-width: 0;
        max-height: min(320px, calc(100dvh - var(--repo-floating-menu-top, 132px) - 12px));
        overflow-y: auto;
        z-index: 90;
    }

    .repo-layout .file-panel {
        margin: 0 12px;
        min-width: 0;
        max-width: 100%;
    }

    .repo-layout .file-panel-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        justify-items: stretch;
        gap: 4px;
        width: 100%;
        min-height: 0;
        padding: 8px 10px;
        font-size: 12px;
        border-radius: 8px;
    }

    .repo-layout .file-panel-head > div {
        min-width: 0;
        width: 100%;
    }

    .repo-layout .file-head-commit {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        font-size: 11px;
        gap: 4px;
        line-height: 1.35;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .repo-layout .file-head-commit-summary {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .repo-layout .file-head-commit-count {
        flex: none;
        margin-left: 0;
        justify-self: end;
        text-align: right;
    }

    .repo-layout .file-head-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        align-items: center;
        justify-content: stretch;
        justify-self: stretch;
        gap: 8px;
        width: 100%;
        min-width: 0;
    }

    .repo-layout .file-head-commit-time {
        margin-left: 4px;
    }

    .repo-layout .file-row {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 6px;
        min-height: 34px;
        padding: 0 10px;
    }

    .repo-layout .file-icon {
        min-width: 0;
        width: 24px;
        padding: 2px 0;
        font-size: 8px;
    }

    .repo-layout .file-row strong {
        font-size: 12px;
        line-height: 1.25;
    }

    .repo-layout .markdown-panel {
        margin: 12px;
        min-width: 0;
        max-width: 100%;
    }

    .repo-layout .markdown-panel header {
        min-height: 34px;
        padding: 8px 10px;
        font-size: 12px;
    }

    .repo-layout .markdown-body {
        padding: 12px;
        font-size: 12px;
    }

    .repo-layout .markdown-body h1 {
        font-size: 20px;
        line-height: 1.15;
    }

    .repo-sidebar {
        display: none;
        gap: 12px;
        margin: 0 12px;
    }

    .repo-sidebar section {
        padding: 14px;
    }

    .repo-sidebar .stat-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .repo-sidebar .stat-list div {
        display: grid;
        gap: 2px;
        justify-content: stretch;
        padding: 10px;
        background: var(--panel-soft);
        border: 1px solid var(--line);
        border-radius: 8px;
    }

    .repo-about-modal {
        place-items: start center;
        padding: 20px 12px;
        overflow-y: auto;
    }

    .repo-about-modal-card {
        width: 100%;
        max-height: calc(100dvh - 40px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .repo-about-modal-card .commit-modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 8px;
        padding: 12px 16px;
    }

    .repo-about-modal-card .commit-modal-header h2 {
        min-width: 0;
        font-size: 16px;
        line-height: 1.2;
    }

    .repo-modal-close {
        width: 28px;
        height: 28px;
        border-radius: 6px;
        font-size: 14px;
        flex: none;
    }

    .repo-about-modal-form {
        gap: 10px;
        padding: 14px 16px;
    }

    .repo-about-modal-form label,
    .repo-about-modal-form fieldset {
        gap: 5px;
        font-size: 12px;
        line-height: 1.25;
    }

    .repo-about-modal-form label span {
        display: inline;
        font-size: 11px;
    }

    .repo-about-modal-form input[type="text"],
    .repo-about-modal-form input[type="url"] {
        min-height: 34px;
        padding: 0 10px;
        border-radius: 7px;
        font-size: 12px;
    }

    .repo-about-modal-form fieldset label {
        gap: 8px;
        font-size: 12px;
    }

    .repo-about-modal-form input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }

    .repo-about-modal-form .topic-token-field {
        gap: 5px;
        min-height: 36px;
        padding: 5px;
        border-radius: 7px;
    }

    .repo-about-modal-form .topic-token {
        gap: 4px;
        min-height: 24px;
        padding: 3px 5px 3px 8px;
        font-size: 11px;
    }

    .repo-about-modal-form .topic-token-remove {
        width: 16px;
        height: 16px;
        font-size: 11px;
    }

    .repo-about-modal-form .topic-token-entry {
        min-width: 82px;
        min-height: 24px;
        padding: 2px 4px;
        font-size: 12px;
    }

    .repo-about-modal-actions {
        margin: 4px -16px -14px;
        padding: 10px 16px;
        gap: 6px;
        font-size: 12px;
    }

    .repo-settings-inline,
    .repo-settings-limit-row,
    .repo-settings-callout {
        grid-template-columns: 1fr;
    }

    .repo-settings-list article,
    .repo-about-modal-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .repo-settings-list article form,
    .repo-settings-list article .button,
    .repo-about-modal-actions .button {
        width: 100%;
    }

    .file-compose-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .file-compose-head .button {
        width: 100%;
        justify-content: center;
    }

    .file-compose-form textarea[name="content"] {
        min-height: 340px;
    }

    .upload-dropzone {
        min-height: 220px;
    }

    .upload-dropzone-copy h3 {
        font-size: 28px;
    }

    .upload-commit-shell {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .upload-commit-avatar {
        width: 48px;
        height: 48px;
    }

    .file-compose-form .auth-actions.upload-commit-actions {
        margin-left: 0;
    }

    .file-compose-form .upload-commit-actions .button {
        flex: 1 1 auto;
    }
}

@media (max-width: 430px) {
    .repo-layout .toolbar-panel {
        grid-template-columns: minmax(0, 1fr);
    }

    .repo-layout .branch-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .repo-layout .branch-form label,
    .repo-layout .repo-clone .zip-download-button span {
        display: none;
    }

    .repo-layout .repo-clone .zip-download-button{
        width: 40px;
        min-width: 40px;
        padding: 0;
    }

    .repo-layout .repo-code-toggle {
        min-width: 82px;
        padding: 0 10px;
    }

    .repo-hero .repo-actions .button {
        flex-basis: auto;
    }
}

body.home-page {
    --landing-bg:
        radial-gradient(circle at 8% -8%, rgba(15, 98, 254, 0.13), transparent 34%),
        radial-gradient(circle at 84% 10%, rgba(56, 189, 248, 0.14), transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #eef6fb 46%, #f7fafc 100%);
    --landing-ink: #101827;
    --landing-muted: #506176;
    --landing-faint: rgba(51, 65, 85, 0.62);
    --landing-heading-accent: #0f62fe;
    --landing-eyebrow: #0284c7;
    --landing-header-bg: rgba(255, 255, 255, 0.84);
    --landing-header-line: rgba(15, 23, 42, 0.1);
    --landing-nav-link: #4b5b6f;
    --landing-nav-link-hover: #0f172a;
    --landing-control-bg: rgba(255, 255, 255, 0.76);
    --landing-control-hover-bg: rgba(255, 255, 255, 0.94);
    --landing-control-line: rgba(15, 23, 42, 0.12);
    --landing-control-hover-line: rgba(15, 23, 42, 0.24);
    --landing-panel-bg: rgba(255, 255, 255, 0.78);
    --landing-panel-strong: rgba(255, 255, 255, 0.94);
    --landing-panel-soft: rgba(241, 246, 252, 0.82);
    --landing-panel-line: rgba(30, 41, 59, 0.13);
    --landing-panel-shadow: 0 24px 60px rgba(15, 23, 42, 0.13);
    --landing-card-gloss: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
    --landing-hero-orb: radial-gradient(circle, rgba(15, 98, 254, 0.16), rgba(15, 98, 254, 0));
    --landing-scene-glow: radial-gradient(circle, rgba(56, 189, 248, 0.22), rgba(56, 189, 248, 0));
    --landing-console-bg: rgba(248, 251, 255, 0.9);
    --landing-console-line: linear-gradient(90deg, rgba(15, 98, 254, 0.9), rgba(15, 98, 254, 0.08));
    --landing-console-accent: linear-gradient(90deg, rgba(14, 165, 233, 0.92), rgba(14, 165, 233, 0.08));
    --landing-text-soft: rgba(51, 65, 85, 0.76);
    --landing-pill-bg: rgba(255, 255, 255, 0.72);
    --landing-pill-line: rgba(15, 23, 42, 0.12);
    --landing-pill-ink: #1f2937;
    --landing-code-bg: rgba(239, 246, 255, 0.86);
    --landing-code-ink: #0f376f;
    --landing-bullet: linear-gradient(180deg, #0f62fe, #38bdf8);
    --landing-placeholder-bg:
        linear-gradient(180deg, rgba(15, 98, 254, 0.1), rgba(56, 189, 248, 0.06)),
        rgba(255, 255, 255, 0.82);
    --landing-section-alt-bg: linear-gradient(180deg, rgba(15, 98, 254, 0.04), rgba(255, 255, 255, 0));
    --landing-band-bg:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(15, 98, 254, 0.04), rgba(255, 255, 255, 0));
    --landing-band-orb: radial-gradient(circle, rgba(15, 98, 254, 0.13), rgba(15, 98, 254, 0));
    --landing-newsletter-bg:
        linear-gradient(135deg, rgba(15, 98, 254, 0.1), rgba(56, 189, 248, 0.07)),
        rgba(255, 255, 255, 0.9);
    --landing-cta-bg:
        linear-gradient(135deg, rgba(15, 98, 254, 0.12), rgba(56, 189, 248, 0.07)),
        rgba(255, 255, 255, 0.94);
    --landing-primary: #0f62fe;
    --landing-primary-hover: #054ada;
    --landing-primary-ink: #ffffff;
    --bg: var(--landing-bg);
    --panel: var(--landing-panel-strong);
    --panel-soft: var(--landing-panel-soft);
    --control-bg: var(--landing-control-bg);
    --header-bg: var(--landing-header-bg);
    --button-bg: var(--landing-control-bg);
    --button-hover-line: var(--landing-control-hover-line);
    --ink: var(--landing-ink);
    --muted: var(--landing-muted);
    --line: var(--landing-panel-line);
    --brand: var(--landing-primary);
    --brand-dark: var(--landing-primary-hover);
    color: var(--landing-ink);
    background: var(--landing-bg);
}

:root[data-theme="dark"] body.home-page {
    --landing-bg:
        radial-gradient(circle at 8% -8%, rgba(148, 163, 184, 0.11), transparent 35%),
        radial-gradient(circle at 86% 12%, rgba(125, 211, 252, 0.1), transparent 31%),
        linear-gradient(180deg, #050505 0%, #08090a 48%, #000000 100%);
    --landing-ink: #f6f7f9;
    --landing-muted: rgba(219, 226, 234, 0.72);
    --landing-faint: rgba(232, 237, 242, 0.56);
    --landing-heading-accent: #7dd3fc;
    --landing-eyebrow: #7dd3fc;
    --landing-header-bg: rgba(0, 0, 0, 0.82);
    --landing-header-line: rgba(255, 255, 255, 0.09);
    --landing-nav-link: rgba(239, 242, 246, 0.74);
    --landing-nav-link-hover: #ffffff;
    --landing-control-bg: rgba(255, 255, 255, 0.045);
    --landing-control-hover-bg: rgba(255, 255, 255, 0.08);
    --landing-control-line: rgba(255, 255, 255, 0.1);
    --landing-control-hover-line: rgba(255, 255, 255, 0.2);
    --landing-panel-bg: rgba(12, 13, 14, 0.88);
    --landing-panel-strong: rgba(17, 18, 20, 0.94);
    --landing-panel-soft: rgba(255, 255, 255, 0.045);
    --landing-panel-line: rgba(255, 255, 255, 0.1);
    --landing-panel-shadow: 0 28px 80px rgba(0, 0, 0, 0.58);
    --landing-card-gloss: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    --landing-hero-orb: radial-gradient(circle, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0));
    --landing-scene-glow: radial-gradient(circle, rgba(125, 211, 252, 0.12), rgba(125, 211, 252, 0));
    --landing-console-bg: rgba(0, 0, 0, 0.76);
    --landing-console-line: linear-gradient(90deg, rgba(244, 244, 245, 0.9), rgba(244, 244, 245, 0.08));
    --landing-console-accent: linear-gradient(90deg, rgba(125, 211, 252, 0.9), rgba(125, 211, 252, 0.08));
    --landing-text-soft: rgba(229, 235, 242, 0.7);
    --landing-pill-bg: rgba(255, 255, 255, 0.055);
    --landing-pill-line: rgba(255, 255, 255, 0.1);
    --landing-pill-ink: #eef2f7;
    --landing-code-bg: rgba(255, 255, 255, 0.055);
    --landing-code-ink: #e5e7eb;
    --landing-bullet: linear-gradient(180deg, #f4f4f5, #7dd3fc);
    --landing-placeholder-bg:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(125, 211, 252, 0.04)),
        rgba(8, 8, 9, 0.88);
    --landing-section-alt-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0));
    --landing-band-bg:
        radial-gradient(circle at top right, rgba(125, 211, 252, 0.1), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0));
    --landing-band-orb: radial-gradient(circle, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    --landing-newsletter-bg:
        linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(125, 211, 252, 0.04)),
        rgba(9, 9, 10, 0.94);
    --landing-cta-bg:
        linear-gradient(135deg, rgba(255, 255, 255, 0.065), rgba(125, 211, 252, 0.04)),
        rgba(6, 6, 7, 0.96);
    --landing-primary: #f4f4f5;
    --landing-primary-hover: #d8dee6;
    --landing-primary-ink: #030303;
}

.home-page main {
    overflow: hidden;
}

.home-page .site-header {
    background: var(--landing-header-bg);
    border-bottom-color: var(--landing-header-line);
}

.home-page .topbar-guest {
    justify-content: flex-start;
}

.home-page .topbar-guest-actions {
    margin-left: auto;
}

.home-page .topbar-links-guest {
    margin-left: 20px;
    gap: 22px;
}

.home-page .guest-nav-trigger,
.home-page .guest-header-link,
.home-page .topbar-links-guest > a:not(.button) {
    min-height: 0;
    padding: 0;
    color: var(--landing-nav-link);
    background: none;
    border: 0;
    font-weight: 750;
}

.home-page .guest-nav-item:hover .guest-nav-trigger,
.home-page .guest-nav-item:focus-within .guest-nav-trigger,
.home-page .guest-nav-trigger:hover,
.home-page .guest-header-link:hover,
.home-page .topbar-links-guest > a:not(.button):hover {
    color: var(--landing-nav-link-hover);
    background: none;
}

.home-page .topbar-links-guest > .button {
    padding: 0 16px;
}

.home-page .header-icon-button,
.home-page .theme-toggle,
.home-page .avatar-button,
.home-page .mobile-nav-toggle {
    color: var(--landing-ink);
    background: var(--landing-control-bg);
    border-color: var(--landing-control-line);
}

.home-page .header-icon-button:hover,
.home-page .theme-toggle:hover,
.home-page .mobile-nav-toggle:hover {
    background: var(--landing-control-hover-bg);
    border-color: var(--landing-control-hover-line);
}

.home-page .menu-panel,
.home-page .live-search-results,
.home-page .global-search-live input {
    box-shadow: var(--landing-panel-shadow);
}

.home-page .button {
    color: var(--landing-ink);
    background: var(--landing-control-bg);
    border-color: var(--landing-control-line);
}

.home-page .button:hover {
    color: var(--landing-ink);
    background: var(--landing-control-hover-bg);
    border-color: var(--landing-control-hover-line);
}

.home-page .button-primary {
    color: var(--landing-primary-ink);
    background: var(--landing-primary);
    border-color: var(--landing-primary);
}

.home-page .button-primary:hover {
    color: var(--landing-primary-ink);
    background: var(--landing-primary-hover);
    border-color: var(--landing-primary-hover);
}

.home-page .eyebrow {
    color: var(--landing-eyebrow);
}

.home-page .footer-menu a {
    color: var(--landing-nav-link);
}

.home-page .footer-menu a:hover {
    color: var(--landing-nav-link-hover);
}

select:not([multiple]):not([size]) {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 38px;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--muted) 50%),
        linear-gradient(135deg, var(--muted) 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 13px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px;
    cursor: pointer;
}

select:not([multiple]):not([size]):focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.16);
}

@media (max-width: 1120px) {
    .topbar-links,
    .topbar-links-guest {
        gap: 10px;
    }

    .home-page .topbar-links-guest {
        gap: 12px;
        margin-left: 12px;
    }
}

@media (min-width: 762px) and (max-width: 1280px) {
    .guest-nav-panel-platform,
    .guest-nav-panel-product {
        position: fixed;
        top: 68px;
        left: 50%;
        right: auto;
        max-height: calc(100dvh - 86px);
        overflow-y: auto;
        transform: translate(-50%, 10px);
    }

    .guest-nav-panel-platform,
    .guest-nav-panel-product {
        width: min(780px, calc(100vw - 32px));
    }

    .guest-nav-item:hover .guest-nav-panel-platform,
    .guest-nav-item:focus-within .guest-nav-panel-platform,
    .guest-nav-item.is-hovered .guest-nav-panel-platform,
    .guest-nav-item:hover .guest-nav-panel-product,
    .guest-nav-item:focus-within .guest-nav-panel-product,
    .guest-nav-item.is-hovered .guest-nav-panel-product {
        transform: translate(-50%, 0);
    }
}

@media (max-width: 980px) {
    .guest-header-cta {
        display: none;
    }
}

.parallax-layer {
    transform: translate3d(0, var(--parallax-shift, 0px), 0);
    will-change: transform;
}

.landing-hero,
.landing-manifesto-strip,
.landing-section,
.landing-band,
.landing-cta {
    position: relative;
}

.landing-hero {
    padding: 86px 0 72px;
}

.landing-hero::before,
.landing-band::before {
    position: absolute;
    inset: auto;
    content: "";
    pointer-events: none;
}

.landing-hero::before {
    top: 72px;
    right: -110px;
    width: min(42vw, 560px);
    height: min(42vw, 560px);
    background: var(--landing-hero-orb);
    filter: blur(18px);
}

.landing-hero-grid,
.landing-manifesto-grid,
.landing-section-grid,
.landing-band-inner,
.landing-cta-panel {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.landing-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
    gap: 52px;
    align-items: center;
}

.landing-hero-copy h1,
.landing-copy h2,
.landing-band-copy h2,
.landing-cta-panel h2 {
    margin: 0;
    line-height: 0.94;
    letter-spacing: 0;
}

.landing-hero-copy h1 {
    font-size: clamp(52px, 4vw, 112px);
}

.landing-hero-copy h1 span {
    display: block;
    color: var(--landing-heading-accent);
}

.landing-lede {
    max-width: 700px;
    margin: 24px 0;
    color: var(--landing-muted);
    font-size: clamp(18px, 1vw, 24px);
    line-height: 1.6;
}

.landing-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.landing-pill-row span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    color: var(--landing-pill-ink);
    background: var(--landing-pill-bg);
    border: 1px solid var(--landing-pill-line);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.landing-scene {
    position: relative;
    min-height: 640px;
    perspective: 1800px;
}

.landing-scene-glow {
    position: absolute;
    inset: 14% 8% auto auto;
    width: 72%;
    height: 62%;
    background: var(--landing-scene-glow);
    filter: blur(22px);
    pointer-events: none;
}

.scene-panel,
.manifesto-card,
.media-card,
.proof-card,
.band-card,
.feature-tile {
    background: var(--landing-panel-bg);
    border: 1px solid var(--landing-panel-line);
    border-radius: 22px;
    box-shadow: var(--landing-panel-shadow);
    backdrop-filter: blur(18px);
}

.scene-panel {
    position: relative;
    overflow: hidden;
}

.scene-panel::after,
.media-card::after,
.landing-cta-panel::before {
    position: absolute;
    inset: 0;
    content: "";
    background: var(--landing-card-gloss);
    pointer-events: none;
}

.scene-panel-primary {
    min-height: 442px;
    padding: 22px;
    transform: rotateY(-16deg) rotateX(10deg);
}

.scene-panel-secondary-wrap,
.scene-panel-tertiary-wrap,
.media-float-card {
    position: absolute;
}

.scene-panel-secondary-wrap {
    right: -12px;
    bottom: 96px;
    width: min(46%, 258px);
}

.scene-panel-secondary {
    min-height: 250px;
    padding: 22px;
    transform: rotateY(18deg) rotateX(10deg);
}

.scene-panel-tertiary-wrap {
    left: 20px;
    bottom: 16px;
    width: min(48%, 262px);
}

.scene-panel-tertiary {
    min-height: 208px;
    padding: 18px;
    transform: rotateY(-10deg) rotateX(8deg);
}

.scene-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--landing-faint);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.scene-console {
    display: grid;
    gap: 14px;
    margin: 24px 0 22px;
    padding: 24px;
    background: var(--landing-console-bg);
    border: 1px solid var(--landing-panel-line);
    border-radius: 18px;
}

.console-line {
    height: 12px;
    border-radius: 999px;
    background: var(--landing-console-line);
}

.console-line.wide {
    width: 92%;
}

.console-line.short {
    width: 54%;
}

.console-line.accent {
    width: 70%;
    background: var(--landing-console-accent);
}

.scene-metric-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.scene-metric-strip > div,
.visibility-grid article {
    padding: 16px;
    background: var(--landing-panel-soft);
    border: 1px solid var(--landing-panel-line);
    border-radius: 16px;
}

.scene-metric-strip strong,
.manifesto-card h2,
.landing-copy h2,
.landing-band-copy h2,
.landing-cta-panel h2,
.proof-card strong,
.band-card strong,
.feature-tile strong,
.media-card strong {
    display: block;
}

.scene-metric-strip strong,
.media-card strong,
.proof-card strong,
.band-card strong,
.feature-tile strong {
    font-size: 18px;
}

.scene-metric-strip span,
.visibility-grid p,
.placeholder-slot p,
.proof-card p,
.band-card p,
.feature-tile p,
.landing-copy p,
.landing-band-copy p,
.landing-cta-panel p,
.manifesto-card p,
.media-card p {
    color: var(--landing-text-soft);
}

.placeholder-slot {
    background: var(--landing-placeholder-bg);
}

.placeholder-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    color: var(--landing-pill-ink);
    background: var(--landing-pill-bg);
    border: 1px solid var(--landing-pill-line);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 850;
}

.route-list {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.route-list code {
    display: block;
    padding: 11px 12px;
    color: var(--landing-code-ink);
    background: var(--landing-code-bg);
    border: 1px solid var(--landing-panel-line);
    border-radius: 12px;
    font-size: 13px;
}

.landing-manifesto-strip {
    padding: 12px 0 0;
}

.landing-manifesto-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.manifesto-card {
    padding: 28px;
}

.manifesto-card h2 {
    margin: 0 0 12px;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.04;
}

.landing-section {
    padding: 96px 0;
}

.landing-section.alt {
    background: var(--landing-section-alt-bg);
}

.landing-section-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
    gap: 48px;
    align-items: center;
}

.landing-section-grid.reverse {
    grid-template-columns: minmax(420px, 520px) minmax(0, 1fr);
}

.landing-copy h2,
.landing-band-copy h2,
.landing-cta-panel h2 {
    font-size: clamp(34px, 5vw, 62px);
}

.landing-copy p,
.landing-band-copy p,
.landing-cta-panel p {
    max-width: 700px;
    margin: 18px;
    font-size: 17px;
    line-height: 1.65;
}

.feature-list {
    display: grid;
    gap: 12px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.feature-list li {
    position: relative;
    padding-left: 18px;
    color: var(--landing-text-soft);
    font-weight: 650;
}

.feature-list li::before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    content: "";
    background: var(--landing-bullet);
    border-radius: 999px;
}

.media-stack {
    position: relative;
    min-height: 520px;
}

.media-card {
    position: relative;
    overflow: hidden;
}

.media-card-large {
    min-height: 448px;
    padding: 30px;
    display: grid;
    align-content: end;
    gap: 10px;
}

.media-card-note {
    width: min(292px, 64%);
    padding: 20px;
}

.media-float-card {
    right: 12px;
    bottom: 0;
}

.media-card-console {
    padding: 24px;
}

.visibility-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.landing-proof-grid,
.feature-tile-grid {
    display: grid;
    gap: 14px;
    margin-top: 28px;
}

.landing-proof-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.feature-tile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.proof-card,
.band-card,
.feature-tile {
    padding: 18px;
}

.landing-band {
    padding: 106px 0;
    background: var(--landing-band-bg);
}

.landing-band::before {
    left: -140px;
    bottom: -140px;
    width: 420px;
    height: 420px;
    background: var(--landing-band-orb);
}

.landing-band-inner {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr);
    gap: 38px;
    align-items: center;
}

.band-card-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.band-card-grid > .parallax-layer:last-child {
    grid-column: 1 / -1;
}

.band-card {
    min-height: 160px;
    padding: 22px;
}

.landing-newsletter {
    padding: 0 0 40px;
}

.landing-newsletter-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 28px 30px;
    background: var(--landing-newsletter-bg);
    border: 1px solid var(--landing-panel-line);
    border-radius: 24px;
    box-shadow: var(--landing-panel-shadow);
}

.landing-newsletter-copy h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.02;
}

.landing-newsletter-copy p:last-child {
    max-width: 720px;
    margin: 14px 0 0;
    color: var(--landing-text-soft);
    font-size: 16px;
    line-height: 1.6;
}

.landing-newsletter-actions {
    display: grid;
    gap: 14px;
    justify-items: end;
}

.landing-newsletter-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.landing-newsletter-pills span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    color: var(--landing-pill-ink);
    background: var(--landing-pill-bg);
    border: 1px solid var(--landing-pill-line);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 850;
}

.landing-cta {
    padding: 0 0 96px;
}

.landing-cta-panel {
    position: relative;
    overflow: hidden;
    padding: 44px;
    background: var(--landing-cta-bg);
    border: 1px solid var(--landing-panel-line);
    border-radius: 28px;
    box-shadow: var(--landing-panel-shadow);
}

.newsletter-shell {
    padding: 64px 0 88px;
}

.newsletter-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.82fr);
    gap: 0;
    width: min(1240px, calc(100% - 32px));
    margin: 0 auto;
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 24px;
    box-shadow: var(--shadow);
}

.newsletter-story {
    display: grid;
    gap: 30px;
    padding: 42px;
    color: #fff;
    background:
        radial-gradient(circle at bottom center, rgba(255, 214, 126, 0.28), rgba(255, 214, 126, 0)),
        linear-gradient(180deg, #05060d 0%, #0a0d22 64%, #2d1480 100%);
}

.newsletter-story-copy h1 {
    margin: 0;
    font-size: clamp(40px, 5vw, 72px);
    line-height: 0.94;
}

.newsletter-story-copy p:last-child {
    max-width: 560px;
    margin: 16px 0 0;
    color: rgba(235, 239, 255, 0.76);
    font-size: 17px;
    line-height: 1.65;
}

.newsletter-points {
    display: grid;
    gap: 18px;
}

.newsletter-points article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.newsletter-points i {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #90d8a2;
    background: rgba(80, 208, 120, 0.12);
    border: 1px solid rgba(80, 208, 120, 0.22);
    border-radius: 999px;
    font-size: 18px;
}

.newsletter-points strong {
    display: block;
    margin-bottom: 4px;
    font-size: 20px;
}

.newsletter-points p,
.newsletter-visual-slot p {
    margin: 0;
    color: rgba(235, 239, 255, 0.72);
}

.newsletter-visual-slot {
    min-height: 220px;
    padding: 24px;
    display: grid;
    align-content: end;
    gap: 10px;
}

.newsletter-form-panel {
    display: grid;
    align-content: start;
    gap: 18px;
    padding: 42px;
    background: var(--panel);
}

.newsletter-form {
    gap: 16px;
}

.newsletter-form-note {
    margin: -4px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 1100px) {
    .landing-hero-grid,
    .landing-section-grid,
    .landing-section-grid.reverse,
    .landing-band-inner {
        grid-template-columns: 1fr;
    }

    .landing-hero-grid {
        gap: 40px;
    }

    .landing-scene,
    .media-stack {
        min-height: 0;
    }

    .scene-panel-secondary-wrap,
    .scene-panel-tertiary-wrap,
    .media-float-card {
        position: relative;
        right: auto;
        left: auto;
        bottom: auto;
        width: auto;
        margin-top: 18px;
    }

    .landing-manifesto-grid,
    .landing-proof-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .landing-newsletter-panel,
    .newsletter-layout {
        grid-template-columns: 1fr;
    }

    .landing-newsletter-actions {
        justify-items: start;
    }

    .landing-newsletter-pills {
        justify-content: flex-start;
    }
}

@media (max-width: 761px) {
    .home-page .topbar-guest {
        justify-content: space-between;
    }
    
    .visibility-pill {
        padding: 1px 8px;   
        font-size: 8px;
    }

    .home-page .topbar-links-guest {
        margin-left: 0;
    }

    .home-page .topbar-guest.is-open .topbar-links-guest {
        background: var(--mobile-nav-bg);
        border-color: var(--mobile-nav-line);
    }

    .home-page .topbar-guest.is-open::before {
        background: var(--mobile-nav-bg);
    }
    
    .home-page .guest-nav-trigger,
    .home-page .topbar-links-guest > a:not(.button) {
        min-height: 48px;
        padding: 0 10px;
        color: var(--mobile-nav-ink);
        background: transparent;
        border: 0;
        border-bottom: 1px solid var(--mobile-nav-line);
        border-radius: 0;
    }

    .home-page .guest-nav-item:hover .guest-nav-trigger,
    .home-page .guest-nav-item:focus-within .guest-nav-trigger,
    .home-page .guest-nav-trigger:hover {
        color: var(--mobile-nav-ink);
        background: transparent;
    }

    .home-page .guest-nav-feature,
    .home-page .guest-contact-panel,
    .home-page .guest-nav-card,
    .home-page .guest-nav-list {
        border-color: var(--landing-panel-line);
    }

    .home-page .topbar-links-guest > .button {
        width: 100%;
        justify-content: center;
    }

    .landing-hero {
        padding: 58px 0 44px;
    }

    .landing-hero-grid,
    .landing-manifesto-grid,
    .landing-section-grid,
    .landing-section-grid.reverse,
    .landing-band-inner,
    .landing-newsletter-panel,
    .landing-proof-grid,
    .feature-tile-grid,
    .visibility-grid,
    .band-card-grid,
    .scene-metric-strip {
        grid-template-columns: 1fr;
    }

    .landing-section,
    .landing-band {
        padding: 72px 0;
    }

    .landing-copy h2,
    .landing-band-copy h2,
    .landing-cta-panel h2 {
        font-size: clamp(32px, 10vw, 48px);
    }

    .landing-lede,
    .landing-copy p,
    .landing-band-copy p,
    .landing-cta-panel p {
        font-size: 16px;
    }

    .landing-scene {
        min-height: 0;
    }

    .scene-panel-primary,
    .scene-panel-secondary,
    .scene-panel-tertiary {
        transform: none;
    }

    .scene-panel-primary,
    .media-card-large,
    .band-card,
    .landing-cta-panel,
    .manifesto-card {
        padding: 22px;
    }

    .landing-pill-row {
        gap: 8px;
    }

    .landing-pill-row span {
        width: 100%;
        justify-content: center;
    }

    .landing-cta {
        padding-bottom: 72px;
    }

    .landing-newsletter {
        padding-bottom: 28px;
    }

    .landing-newsletter-panel,
    .newsletter-story,
    .newsletter-form-panel {
        padding: 22px;
    }

    .newsletter-shell {
        padding: 42px 0 64px;
    }

    .newsletter-points article {
        grid-template-columns: 1fr;
    }

    .newsletter-points i {
        margin-bottom: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .parallax-layer {
        transform: none !important;
    }
}

.work-shell.has-drawer-sidebar,
.dashboard-layout.has-drawer-sidebar,
.dashboard-grid.has-drawer-sidebar {
    grid-template-columns: minmax(0, 1fr);
}

.work-shell.has-drawer-sidebar .work-sidebar,
.dashboard-layout.has-drawer-sidebar .dashboard-sidebar,
.dashboard-grid.has-drawer-sidebar .dashboard-sidebar,
.default-work-sidebar[data-drawer-ready="1"] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1200;
    width: min(330px, calc(100vw - 32px));
    max-width: 330px;
    min-height: 100vh;
    height: 100vh;
    padding: 18px;
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(24, 29, 38, 0.98), rgba(15, 20, 29, 0.98));
    border-right: 1px solid var(--line);
    border-bottom: 0;
    border-radius: 0 16px 16px 0;
    box-shadow: 30px 0 70px rgba(0, 0, 0, 0.34);
    transform: translateX(-112%);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.work-shell.has-drawer-sidebar .work-sidebar.is-open,
.dashboard-layout.has-drawer-sidebar .dashboard-sidebar.is-open,
.dashboard-grid.has-drawer-sidebar .dashboard-sidebar.is-open,
.default-work-sidebar.is-open {
    transform: translateX(0);
}

.work-shell.has-drawer-sidebar .work-sidebar,
.default-work-sidebar[data-drawer-ready="1"] {
    flex-direction: column;
    align-items: stretch;
}

.work-shell.has-drawer-sidebar .work-sidebar-title,
.work-shell.has-drawer-sidebar .work-sidebar-spacer,
.default-work-sidebar .work-sidebar-title,
.default-work-sidebar .work-sidebar-spacer {
    display: block;
}

.work-shell.has-drawer-sidebar .work-sidebar a,
.default-work-sidebar a {
    width: 100%;
    flex: 0 0 auto;
}

.sidebar-drawer-toggle,
.sidebar-drawer-close {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.16s ease, color 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

.sidebar-drawer-toggle {
    flex: 0 0 auto;
}

.sidebar-drawer-close {
    flex: 0 0 auto;
    margin: 0 0 10px;
    background: color-mix(in srgb, var(--panel-strong) 88%, transparent);
}

.sidebar-drawer-toggle:hover,
.sidebar-drawer-close:hover {
    color: var(--brand);
    border-color: color-mix(in srgb, var(--brand) 56%, var(--line));
    background: color-mix(in srgb, var(--brand) 10%, var(--panel));
}

.sidebar-drawer-toggle:active,
.sidebar-drawer-close:active {
    transform: scale(0.96);
}

.sidebar-drawer-toggle i,
.sidebar-drawer-close i {
    font-size: 18px;
    line-height: 1;
}

.sidebar-drawer-overlay {
    position: fixed;
    inset: 0;
    z-index: 1190;
    padding: 0;
    background: rgba(3, 7, 18, 0.56);
    border: 0;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.sidebar-drawer-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

body.sidebar-drawer-active {
    overflow: hidden;
}

@media (max-width: 761px) {
    .topic-results-head,
    .topic-repo-card-top,
    .topic-repo-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .topic-sort-form {
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }

    .topic-sort-form select {
        width: 100%;
    }

    .topic-language-filter {
        width: 100%;
    }

    .topic-language-filter summary {
        justify-content: space-between;
        width: 100%;
    }

    .topic-language-menu {
        width: 100%;
    }

    .topic-repo-stars {
        justify-content: center;
        width: 100%;
    }

    .sidebar-drawer-toggle {
        width: 40px;
        height: 40px;
    }

    .work-shell.has-drawer-sidebar .work-sidebar,
    .dashboard-layout.has-drawer-sidebar .dashboard-sidebar,
    .dashboard-grid.has-drawer-sidebar .dashboard-sidebar,
    .default-work-sidebar[data-drawer-ready="1"] {
        width: min(304px, calc(100vw - 24px));
        max-width: 304px;
        padding: 14px;
        border-radius: 0 14px 14px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .work-shell.has-drawer-sidebar .work-sidebar,
    .dashboard-layout.has-drawer-sidebar .dashboard-sidebar,
    .dashboard-grid.has-drawer-sidebar .dashboard-sidebar,
    .default-work-sidebar[data-drawer-ready="1"],
    .sidebar-drawer-overlay {
        transition: none;
    }
}

/* Streamlined LTE Git landing page */
body.home-page {
    --landing-bg: #0d1117;
    --landing-ink: #f8fafc;
    --landing-muted: #8b949e;
    --landing-soft: #161b22;
    --landing-panel: #1c2128;
    --landing-panel-2: #22272e;
    --landing-line: #30363d;
    --landing-blue: #2f6feb;
    --landing-blue-2: #6ea8ff;
    --landing-shadow: 0 28px 90px rgba(0, 0, 0, 0.52);
    --bg: var(--landing-bg);
    --panel: var(--landing-soft);
    --panel-soft: #111820;
    --ink: var(--landing-ink);
    --muted: var(--landing-muted);
    --line: var(--landing-line);
    --brand: var(--landing-blue-2);
    color: var(--landing-ink);
    background: var(--landing-bg);
}

:root[data-theme="light"] body.home-page {
    --landing-bg: #f6f8fb;
    --landing-ink: #0f172a;
    --landing-muted: #64748b;
    --landing-soft: #ffffff;
    --landing-panel: #f8fafc;
    --landing-panel-2: #eef4ff;
    --landing-line: #d9e2ef;
    --landing-blue: #0f62fe;
    --landing-blue-2: #2563eb;
    --landing-shadow: 0 28px 90px rgba(15, 23, 42, 0.12);
    --bg: var(--landing-bg);
    --panel: var(--landing-soft);
    --panel-soft: #eef4ff;
    --ink: var(--landing-ink);
    --muted: var(--landing-muted);
    --line: var(--landing-line);
    --brand: var(--landing-blue-2);
}

.home-page .site-header {
    background: color-mix(in srgb, var(--landing-bg) 92%, transparent);
    border-bottom-color: var(--landing-line);
    backdrop-filter: blur(16px);
}

.home-page .topbar-guest {
    width: min(1130px, calc(100% - 32px));
    min-height: 62px;
    gap: 18px;
}

.home-page .brand {
    min-width: 0;
    color: var(--landing-ink);
    font-size: 18px;
    font-weight: 950;
    letter-spacing: 0;
}

.home-page .brand img {
    display: block;
    width: 38px;
    height: 38px;
}

.home-page .brand::after {
    content: none;
}

.home-page .topbar-links-guest {
    gap: 22px;
}

.home-page .guest-nav-trigger,
.home-page .guest-header-link {
    color: var(--landing-muted);
    font-size: 13px;
    font-weight: 850;
}

.home-page .guest-nav-item:hover .guest-nav-trigger,
.home-page .guest-nav-trigger:hover,
.home-page .guest-header-link:hover {
    color: var(--landing-ink);
}

.home-page .button-primary {
    color: #ffffff;
    background: var(--landing-blue);
    border-color: var(--landing-blue);
}

.home-page .button-primary:hover {
    color: #ffffff;
    background: #1f5fd6;
    border-color: #1f5fd6;
}

.home-page .button:not(.button-primary) {
    color: var(--landing-ink);
    background: transparent;
    border-color: var(--landing-line);
}

.home-page .button:not(.button-primary):hover {
    background: color-mix(in srgb, var(--landing-blue) 8%, transparent);
    border-color: color-mix(in srgb, var(--landing-blue) 48%, var(--landing-line));
}

.home-page .header-icon-button,
.home-page .theme-toggle,
.home-page .mobile-nav-toggle {
    color: var(--landing-ink);
    background: var(--landing-soft);
    border-color: var(--landing-line);
}

:root[data-theme="light"] .topics-page .mobile-nav-toggle {
    color: #0f172a;
    background: #ffffff;
    border-color: #d9e2ef;
}

:root[data-theme="dark"] .topics-page .mobile-nav-toggle {
    color: #f8fafc;
    background: #161b22;
    border-color: #30363d;
}

.home-page .header-search-shell,
.topics-page .header-search-shell {
    order: 1;
}

.home-page .theme-toggle,
.topics-page .guest-desktop-theme-toggle {
    order: 2;
}

.home-page .guest-header-signin,
.topics-page .guest-header-signin {
    order: 3;
}

.home-page .guest-header-cta,
.topics-page .guest-header-cta {
    order: 4;
}

@media (min-width: 762px) and (max-width: 1180px) {
    .home-page .guest-header-signin,
    .topics-page .guest-header-signin {
        display: none;
    }

    .home-page .guest-header-cta,
    .topics-page .guest-header-cta {
        display: inline-flex;
    }
}

@media (max-width: 761px) {
    .home-page .topbar-guest {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        grid-auto-rows: 64px;
        align-items: center;
        gap: 12px;
        min-height: 64px;
    }

    .home-page .topbar-guest > .guest-brand-cta,
    .home-page .topbar-guest > .brand,
    .home-page .topbar-guest > .topbar-guest-actions {
        grid-row: 1;
    }

    .home-page .topbar-guest > .guest-brand-cta {
        grid-column: 1;
        justify-self: start;
        color: var(--landing-ink);
        background: transparent;
        border-color: var(--landing-line);
    }

    .home-page .topbar-guest > .guest-brand-cta:hover {
        color: var(--landing-ink);
        background: color-mix(in srgb, var(--landing-blue) 8%, transparent);
        border-color: color-mix(in srgb, var(--landing-blue) 48%, var(--landing-line));
    }

    .home-page .topbar-guest > .brand {
        grid-column: 2;
        justify-self: center;
    }

    .home-page .topbar-guest > .topbar-guest-actions {
        grid-column: 3;
        justify-self: end;
        margin-left: 0;
    }

    .home-page .guest-mobile-cta {
        order: 2;
    }
}

@media (max-width: 338px) {
    .home-page .topbar-guest > .guest-brand-cta {
        display: none;
    }
}

@media (min-width: 900px) {
    .home-page .header-search-shell {
        width: min(280px, 22vw);
    }

    .home-page .header-search-toggle {
        display: none;
    }

    .home-page .global-search-live {
        position: static;
        display: block;
        width: 100%;
    }

    .home-page .global-search-live input {
        height: 36px;
        padding-left: 36px;
        border-radius: 5px;
        font-size: 13px;
    }

    .home-page .global-search-live input {
        color: var(--landing-ink);
        background: var(--landing-panel);
        border-color: var(--landing-line);
    }

    .home-page .live-search-results {
        top: calc(100% + 10px);
    }
}

.stitch-hero {
    min-height: calc(100vh - 62px);
    overflow: hidden;
    overflow: clip;
    padding: 82px 0 clamp(42px, 8vh, 90px);
    background:
        radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--landing-blue) 14%, transparent), transparent 38%),
        var(--landing-bg);
}

.stitch-hero-inner,
.stitch-section,
.stitch-commit-system,
.stitch-split,
.stitch-final-cta,
.stitch-newsletter-cta,
.stitch-trust {
    width: min(1130px, calc(100% - 32px));
    margin: 0 auto;
}

.stitch-hero-copy {
    display: grid;
    justify-items: center;
    z-index: 1;
    opacity: var(--landing-copy-opacity, 1);
    transform: scale(var(--landing-copy-scale, 1));
    transform-origin: top center;
    will-change: transform, opacity;
    text-align: center;
}

.stitch-hero.is-copy-fixed .stitch-hero-copy {
    position: fixed;
    top: var(--landing-copy-fixed-top, 96px);
    left: var(--landing-copy-fixed-left, 16px);
    width: var(--landing-copy-fixed-width, calc(100% - 32px));
}

.stitch-hero-copy-spacer {
    display: none;
    height: var(--landing-copy-space, 0px);
}

.stitch-hero.is-copy-fixed .stitch-hero-copy-spacer {
    display: block;
}

.stitch-hero-copy h1 {
    max-width: 1040px;
    margin: 0;
    color: var(--landing-ink);
    font-size: clamp(48px, 7vw, 86px);
    line-height: 1.08;
    letter-spacing: 0;
}

.stitch-hero-copy h1 span {
    color: var(--landing-blue);
}

:root[data-theme="light"] .stitch-hero-copy h1 span {
    color: var(--landing-blue-2);
}

.stitch-hero-copy p {
    max-width: 690px;
    margin: 26px 0 0;
    color: var(--landing-muted);
    font-size: clamp(16px, 1.7vw, 20px);
    line-height: 1.7;
}

.stitch-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 34px;
}

.stitch-actions .button {
    min-width: 150px;
    min-height: 44px;
    border-radius: 6px;
    font-size: 14px;
}

.stitch-repo-preview {
    display: block;
    position: relative;
    z-index: 3;
    width: min(1040px, 100%);
    margin: 70px auto var(--landing-preview-gap-close, 0px);
    overflow: hidden;
    background: var(--landing-soft);
    border: 10px solid rgba(255, 255, 255, 0.18);
    border-radius: 24px;
    box-shadow:
        0 34px 90px rgba(0, 0, 0, 0.42),
        0 0 96px rgba(47, 111, 235, 0.16),
        0 0 150px rgba(125, 211, 252, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    transform: translate3d(0, var(--landing-preview-y, 0px), 0);
    will-change: transform;
}

:root[data-theme="light"] .stitch-repo-preview {
    border-color: rgba(15, 98, 254, 0.14);
    box-shadow:
        0 34px 86px rgba(15, 23, 42, 0.2),
        0 0 90px rgba(15, 98, 254, 0.14),
        0 0 140px rgba(56, 189, 248, 0.11),
        0 0 0 1px rgba(255, 255, 255, 0.5) inset;
}

.stitch-repo-preview img {
    display: block;
    width: 100%;
    height: auto;
}

.preview-chrome {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 16px;
    background: var(--landing-panel-2);
    border-bottom: 1px solid var(--landing-line);
}

.preview-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.preview-dot.red {
    background: #f87171;
}

.preview-dot.yellow {
    background: #fbbf24;
}

.preview-dot.green {
    background: #34d399;
}

.preview-address {
    display: flex;
    align-items: center;
    gap: 8px;
    width: min(390px, 52%);
    min-height: 26px;
    margin-left: 10px;
    padding: 0 12px;
    color: var(--landing-muted);
    background: color-mix(in srgb, var(--landing-bg) 74%, #000 8%);
    border-radius: 5px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 13px;
    white-space: nowrap;
}

.preview-repo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 26px;
    padding: 24px;
}

.preview-main {
    min-width: 0;
}

.preview-repo-head,
.preview-repo-title,
.preview-repo-actions,
.preview-controls,
.preview-commit-row,
.preview-file-list a,
.preview-language {
    display: flex;
    align-items: center;
}

.preview-repo-head {
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.preview-repo-title {
    gap: 12px;
    min-width: 0;
}

.preview-repo-icon {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #dbeafe;
    background: var(--landing-blue);
    border-radius: 7px;
}

.preview-repo-title strong {
    display: block;
    color: var(--landing-ink);
    font-size: 25px;
    line-height: 1.05;
}

.preview-repo-title span {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    color: var(--landing-muted);
    font-size: 12px;
    font-style: normal;
}

.preview-repo-title em {
    padding: 2px 6px;
    color: var(--landing-muted);
    border: 1px solid var(--landing-line);
    border-radius: 4px;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.preview-repo-actions {
    gap: 6px;
}

.preview-repo-actions span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 11px;
    color: var(--landing-muted);
    background: var(--landing-panel-2);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 850;
}

.preview-repo-actions .preview-code-button {
    color: #ffffff;
    background: var(--landing-blue);
}

.preview-controls {
    gap: 12px;
    min-height: 44px;
    margin-bottom: 18px;
    color: var(--landing-muted);
    font-size: 14px;
}

.preview-controls > span,
.preview-controls label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    background: var(--landing-panel);
    border: 1px solid var(--landing-line);
    border-radius: 7px;
}

.preview-controls label {
    flex: 1;
    justify-content: flex-start;
    min-width: 190px;
    margin-left: auto;
}

.preview-file-list {
    overflow: hidden;
    background: var(--landing-soft);
    border: 1px solid var(--landing-line);
    border-radius: 7px;
}

.preview-commit-row,
.preview-file-list a {
    min-height: 52px;
    gap: 12px;
    padding: 0 16px;
    color: var(--landing-muted);
    border-bottom: 1px solid var(--landing-line);
    font-size: 14px;
}

.preview-file-list a:last-child {
    border-bottom: 0;
}

.preview-file-list strong,
.preview-commit-row strong {
    color: var(--landing-ink);
}

.preview-file-list i {
    width: 18px;
    color: var(--landing-blue-2);
}

.preview-file-list span {
    margin-left: auto;
}

.preview-file-list time,
.preview-commit-row time {
    margin-left: auto;
    white-space: nowrap;
}

.preview-avatar {
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #f59e0b, #60a5fa);
    border-radius: 50%;
}

.preview-about {
    min-width: 0;
    color: var(--landing-muted);
}

.preview-about h2,
.preview-about h3 {
    margin: 0 0 12px;
    color: var(--landing-ink);
    font-size: 16px;
}

.preview-about h3 {
    margin-top: 28px;
    font-size: 14px;
}

.preview-about p {
    margin: 0 0 14px;
    line-height: 1.6;
}

.preview-about a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--landing-blue-2);
    font-weight: 850;
}

.preview-topic-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.preview-topic-row span {
    padding: 5px 9px;
    color: #9cc7ff;
    background: rgba(47, 111, 235, 0.16);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 850;
}

:root[data-theme="light"] .preview-topic-row span {
    color: #0f4fbf;
    background: #e9f1ff;
}

.preview-language {
    justify-content: space-between;
    gap: 16px;
    margin-top: 8px;
    font-size: 13px;
}

.preview-language span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.preview-language i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.preview-language .go {
    background: #38bdf8;
}

.preview-language .js {
    background: #facc15;
}

.preview-language .py {
    background: #60a5fa;
}

.stitch-trust {
    padding: 34px 0;
    color: var(--landing-muted);
    border-top: 1px solid var(--landing-line);
    border-bottom: 1px solid var(--landing-line);
    text-align: center;
}

.stitch-trust p {
    margin: 0;
    font-size: 15px;
    font-weight: 750;
}

.stitch-section {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
    gap: 56px;
    align-items: start;
    padding: 110px 0;
}

.stitch-kicker {
    display: block;
    margin-bottom: 12px;
    color: var(--landing-blue-2);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.stitch-section h2,
.stitch-commit-copy h2,
.stitch-split h2,
.stitch-final-cta h2,
.stitch-newsletter-copy h2 {
    margin: 0;
    color: var(--landing-ink);
    font-size: clamp(34px, 4.5vw, 58px);
    line-height: 1.06;
    letter-spacing: 0;
}

.stitch-section-copy p,
.stitch-commit-copy p,
.stitch-split p,
.stitch-final-cta p,
.stitch-newsletter-copy p {
    margin: 20px 0 0;
    color: var(--landing-muted);
    font-size: 18px;
    line-height: 1.7;
}

.stitch-feature-grid {
    display: grid;
    gap: 16px;
}

.stitch-feature-grid article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    padding: 20px;
    background: var(--landing-soft);
    border: 1px solid var(--landing-line);
    border-radius: 8px;
}

.stitch-feature-grid i {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--landing-blue-2);
    background: color-mix(in srgb, var(--landing-blue) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--landing-blue) 24%, var(--landing-line));
    border-radius: 7px;
}

.stitch-feature-grid strong {
    display: block;
    color: var(--landing-ink);
    font-size: 18px;
}

.stitch-feature-grid p {
    grid-column: 2;
    margin: -12px 0 0;
    color: var(--landing-muted);
    line-height: 1.6;
}

.stitch-commit-system {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1fr);
    gap: 52px;
    align-items: center;
    padding: 94px 0;
    border-top: 1px solid var(--landing-line);
}

.stitch-commit-copy {
    min-width: 0;
}

.stitch-commit-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.stitch-commit-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    color: var(--landing-blue-2);
    background: color-mix(in srgb, var(--landing-blue) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--landing-blue) 22%, var(--landing-line));
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.stitch-commit-shot {
    min-width: 0;
    overflow: hidden;
    background: var(--landing-soft);
    border: 1px solid var(--landing-line);
    border-radius: 10px;
    box-shadow: var(--landing-shadow);
}

.commit-shot-top,
.commit-shot-branch,
.commit-shot-list article,
.commit-shot-rank {
    display: flex;
    align-items: center;
}

.commit-shot-top {
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    background: var(--landing-panel-2);
    border-bottom: 1px solid var(--landing-line);
}

.commit-shot-top span {
    display: block;
    margin-bottom: 4px;
    color: var(--landing-muted);
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.commit-shot-top strong {
    color: var(--landing-ink);
    font-size: 20px;
}

.commit-shot-top em {
    padding: 7px 10px;
    color: var(--landing-blue-2);
    background: color-mix(in srgb, var(--landing-blue) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--landing-blue) 24%, var(--landing-line));
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.commit-shot-branch {
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    color: var(--landing-muted);
    border-bottom: 1px solid var(--landing-line);
    font-size: 13px;
    font-weight: 850;
}

.commit-shot-branch span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.commit-shot-branch strong {
    color: var(--landing-ink);
    font-size: 13px;
}

.commit-shot-list {
    display: grid;
}

.commit-shot-list article {
    gap: 14px;
    min-height: 78px;
    padding: 15px 20px;
    border-bottom: 1px solid var(--landing-line);
}

.commit-avatar {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #ffffff;
    border-radius: 50%;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 950;
}

.commit-avatar.ada {
    background: linear-gradient(135deg, #2563eb, #38bdf8);
}

.commit-avatar.tobi {
    background: linear-gradient(135deg, #059669, #84cc16);
}

.commit-avatar.mira {
    background: linear-gradient(135deg, #7c3aed, #f472b6);
}

.commit-shot-list div {
    min-width: 0;
}

.commit-shot-list strong {
    display: block;
    color: var(--landing-ink);
    font-size: 15px;
}

.commit-shot-list p {
    margin: 4px 0 0;
    overflow: hidden;
    color: var(--landing-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commit-shot-list time {
    margin-left: auto;
    color: var(--landing-muted);
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}

.commit-shot-rank {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 16px;
    padding: 18px 20px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--landing-blue) 10%, transparent), transparent),
        var(--landing-panel);
}

.commit-shot-rank span,
.commit-shot-rank small {
    color: var(--landing-muted);
    font-size: 13px;
}

.commit-shot-rank strong {
    color: var(--landing-blue-2);
    font-size: 30px;
    line-height: 1;
}

.commit-shot-rank small {
    grid-column: 1 / -1;
    line-height: 1.5;
}

.stitch-split {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
    padding: 76px 0;
    border-top: 1px solid var(--landing-line);
    border-bottom: 1px solid var(--landing-line);
}

.stitch-final-cta {
    display: grid;
    justify-items: center;
    padding: 110px 0 82px;
    text-align: center;
}

.stitch-final-cta p {
    max-width: 620px;
}

.stitch-newsletter-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: 34px;
    align-items: center;
    margin-bottom: 120px;
    padding: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--landing-blue) 18%, transparent), transparent 34%),
        var(--landing-soft);
    border: 1px solid var(--landing-line);
    border-radius: 10px;
    box-shadow: var(--landing-shadow);
}

.stitch-newsletter-copy {
    min-width: 0;
}

.stitch-newsletter-copy p {
    max-width: 630px;
}

.stitch-newsletter-copy .button {
    width: fit-content;
    min-height: 44px;
    margin-top: 28px;
    border-radius: 6px;
}

.stitch-newsletter-card {
    display: grid;
    gap: 22px;
    min-width: 0;
    padding: 22px;
    background: color-mix(in srgb, var(--landing-panel) 88%, transparent);
    border: 1px solid var(--landing-line);
    border-radius: 8px;
}

.stitch-newsletter-card-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.stitch-newsletter-card-top span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--landing-blue-2);
    background: color-mix(in srgb, var(--landing-blue) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--landing-blue) 24%, var(--landing-line));
    border-radius: 7px;
}

.stitch-newsletter-card-top strong {
    color: var(--landing-ink);
    font-size: 18px;
}

.stitch-newsletter-lines {
    display: grid;
    gap: 10px;
}

.stitch-newsletter-lines i {
    display: block;
    height: 11px;
    background: color-mix(in srgb, var(--landing-muted) 28%, transparent);
    border-radius: 999px;
}

.stitch-newsletter-lines i:nth-child(1) {
    width: 86%;
}

.stitch-newsletter-lines i:nth-child(2) {
    width: 100%;
}

.stitch-newsletter-lines i:nth-child(3) {
    width: 62%;
}

.stitch-newsletter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.stitch-newsletter-pills span {
    padding: 6px 10px;
    color: var(--landing-blue-2);
    background: color-mix(in srgb, var(--landing-blue) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--landing-blue) 20%, var(--landing-line));
    border-radius: 999px;
    font-size: 12px;
    font-weight: 850;
}

@media (max-width: 1100px) {
    .preview-repo {
        grid-template-columns: 1fr;
    }

    .preview-about {
        padding-top: 22px;
        border-top: 1px solid var(--landing-line);
    }
}

@media (max-width: 900px) {
    .home-page .brand img {
        display: block;
    }

    .home-page .brand::after {
        content: none;
    }

    .stitch-hero {
        min-height: calc(100vh - 62px);
        padding-top: 58px;
        padding-bottom: 52px;
    }

    .stitch-section,
    .stitch-commit-system,
    .stitch-split,
    .stitch-newsletter-cta {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 76px 0;
    }

    .stitch-newsletter-cta {
        padding: 24px;
    }

    .preview-repo-head,
    .preview-controls {
        align-items: flex-start;
        flex-direction: column;
    }

    .preview-controls label {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .stitch-hero {
        min-height: auto;
        padding-bottom: 70px;
    }

    .stitch-hero-copy {
        transform: none;
        will-change: auto;
    }

    .stitch-hero.is-copy-fixed .stitch-hero-copy {
        position: static;
        width: auto;
    }

    .stitch-hero.is-copy-fixed .stitch-hero-copy-spacer {
        display: none;
    }

    .stitch-hero-copy h1 {
        font-size: clamp(40px, 12vw, 58px);
    }

    .stitch-actions,
    .stitch-actions .button {
        width: 100%;
    }

    .stitch-repo-preview {
        left: clamp(142px, 42vw, 230px);
        width: min(620px, 128vw);
        height: clamp(520px, 150vw, 760px);
        margin: 48px 0 0;
        border: 10px solid rgba(255, 255, 255, 0.24);
        border-radius: 26px;
        box-shadow:
            0 26px 80px rgba(0, 0, 0, 0.34),
            0 0 0 1px rgba(255, 255, 255, 0.12) inset;
        transform: none;
    }

    :root[data-theme="light"] .stitch-repo-preview {
        border-color: rgba(15, 98, 254, 0.16);
        box-shadow:
            0 26px 70px rgba(15, 23, 42, 0.2),
            0 0 0 1px rgba(255, 255, 255, 0.44) inset;
    }

    .stitch-repo-preview img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left top;
    }

    .preview-address {
        width: min(260px, 70%);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .preview-repo {
        padding: 16px;
    }

    .preview-repo-actions {
        flex-wrap: wrap;
    }

    .preview-file-list span,
    .preview-file-list time,
    .preview-commit-row span,
    .preview-commit-row time {
        display: none;
    }

    .stitch-feature-grid article {
        grid-template-columns: 1fr;
    }

    .stitch-feature-grid p {
        grid-column: auto;
        margin-top: 0;
    }

    .stitch-commit-system {
        padding: 72px 0;
    }

    .commit-shot-top,
    .commit-shot-branch {
        align-items: flex-start;
        flex-direction: column;
    }

    .commit-shot-list article {
        align-items: flex-start;
    }

    .commit-shot-list time {
        display: none;
    }

    .stitch-final-cta {
        padding-bottom: 64px;
    }

    .stitch-newsletter-cta {
        margin-bottom: 72px;
    }

    .stitch-newsletter-copy .button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .soft-nav-progress {
        transition: none;
    }

    .stitch-hero-copy,
    .stitch-repo-preview {
        transform: none;
        will-change: auto;
    }

    .stitch-hero-copy {
        opacity: 1;
    }

    .stitch-hero.is-copy-fixed .stitch-hero-copy {
        position: static;
        width: auto;
    }

    .stitch-hero.is-copy-fixed .stitch-hero-copy-spacer {
        display: none;
    }
}

.repo-ref-stats a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font-weight: 850;
}

.repo-ref-stats a:hover {
    color: var(--brand);
}

.repo-sidebar-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    margin-left: 4px;
    color: var(--muted);
    background: var(--pill-bg);
    border-radius: 999px;
    font-size: 12px;
}

.repo-sidebar-release {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 8px;
    color: var(--ink);
}

.repo-sidebar-release span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 900;
}

.repo-sidebar-release em,
.release-pill {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    color: var(--brand);
    border: 1px solid var(--brand);
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.repo-sidebar-release small {
    grid-column: 1 / -1;
    color: var(--muted);
    font-weight: 750;
}

.repo-sidebar-more-link {
    display: inline-flex;
    margin-top: 12px;
    color: var(--brand);
    font-weight: 850;
}

.repo-sidebar-more-link:hover {
    color: var(--ink);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.repo-sidebar-contributors {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.repo-sidebar-contributor-avatar {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    overflow: hidden;
    color: #fff;
    background: var(--brand);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 900;
}

.repo-sidebar-contributor-avatar:hover {
    border-color: var(--brand);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand) 22%, transparent);
}

.repo-sidebar-contributor-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.release-page-shell,
.release-detail-shell,
.release-edit-shell {
    width: min(1180px, calc(100% - 32px));
    margin: 26px auto 72px;
}

.release-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line);
}

.release-tabs {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.release-tabs a {
    min-width: 92px;
    min-height: 42px;
    padding: 9px 18px;
    color: var(--ink);
    font-weight: 900;
    text-align: center;
    border-right: 1px solid var(--line);
}

.release-tabs a:last-child {
    border-right: 0;
}

.release-tabs a.is-active {
    color: #fff;
    background: var(--brand);
}

.release-toolbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
}

.release-search {
    position: relative;
    min-width: 260px;
}

.release-search i {
    position: absolute;
    top: 50%;
    left: 12px;
    color: var(--muted);
    transform: translateY(-50%);
}

.release-search input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px 0 38px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.release-search input:focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.16);
}

.release-timeline {
    display: grid;
    gap: 22px;
    margin-top: 42px;
}

.release-timeline-item {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 28px;
}

.release-timeline-meta {
    display: grid;
    align-content: start;
    gap: 8px;
    color: var(--muted);
    font-weight: 800;
}

.release-timeline-meta strong {
    color: var(--ink);
    font-size: 18px;
}

.release-card,
.release-detail-card,
.release-list-panel {
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.release-card-head,
.release-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px;
}

.release-card h2,
.release-detail-card h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
}

.release-card h2 a {
    color: var(--ink);
}

.release-card h2 a:hover {
    color: var(--brand);
}

.release-card-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.release-pill {
    color: var(--muted);
    border-color: var(--line);
}

.release-pill.is-latest {
    color: var(--brand);
    border-color: var(--brand);
}

.release-card-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
}

.release-icon-button {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: var(--muted);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: pointer;
}

.release-icon-button:hover {
    color: var(--brand);
    border-color: var(--button-hover-line);
}

.release-icon-button.is-danger,
.release-icon-button.is-danger:hover {
    color: var(--danger);
}

.release-notes {
    padding: 0 24px 22px;
}

.release-muted {
    margin: 0;
    padding: 0 24px 22px;
    color: var(--muted);
    font-weight: 750;
}

.release-assets {
    border-top: 1px solid var(--line);
}

.release-assets summary {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 0 24px;
    cursor: pointer;
    list-style: none;
}

.release-assets summary::-webkit-details-marker {
    display: none;
}

.release-assets summary strong {
    font-size: 22px;
}

.release-assets summary span {
    display: inline-grid;
    place-items: center;
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    color: var(--muted);
    background: var(--pill-bg);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
}

.release-asset-list {
    margin: 0 24px 24px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.release-asset-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(130px, 0.45fr) 100px 120px;
    align-items: center;
    gap: 14px;
    min-height: 48px;
    padding: 0 14px;
    color: var(--muted);
    border-bottom: 1px solid var(--line);
    font-weight: 800;
}

.release-asset-row:last-child {
    border-bottom: 0;
}

.release-asset-row:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

.release-asset-row span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--brand);
}

.release-asset-row small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.release-asset-row em,
.release-asset-row time {
    font-style: normal;
    text-align: right;
}

.release-empty {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 280px;
    padding: 44px 20px;
    text-align: center;
    color: var(--muted);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.release-empty > i {
    font-size: 36px;
}

.release-empty h2 {
    margin: 0;
    color: var(--ink);
}

.tag-list-panel {
    margin-top: 42px;
}

.tag-list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 74px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
}

.tag-list-row:last-child {
    border-bottom: 0;
}

.tag-name-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 900;
}

.tag-list-row p {
    margin: 4px 0 0;
    color: var(--muted);
}

.tag-list-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: var(--muted);
    font-weight: 800;
    white-space: nowrap;
}

.release-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 32px;
    font-weight: 850;
}

.release-detail-card {
    padding-bottom: 24px;
}

.release-detail-head {
    padding-bottom: 28px;
    border-bottom: 1px solid var(--line);
}

.release-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 18px 0 0;
    color: var(--muted);
    font-weight: 800;
}

.release-detail-meta strong {
    color: var(--ink);
}

.release-detail-body {
    padding-top: 24px;
}

.release-detail-assets {
    margin-top: 8px;
}

.release-edit-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 40px;
}

.release-edit-main {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.release-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    font-weight: 850;
}

.release-edit-main h1 {
    margin: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
    font-size: 28px;
}

.release-ref-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.release-ref-picker {
    position: relative;
}

.release-ref-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 850;
}

.release-ref-button:hover {
    border-color: var(--button-hover-line);
}

.release-ref-help,
.release-notes-block p,
.release-guide p {
    margin: 0;
    color: var(--muted);
    font-weight: 750;
}

.release-field {
    display: grid;
    gap: 8px;
    color: var(--label);
    font-size: 14px;
    font-weight: 900;
}

.release-field input {
    width: min(100%, 560px);
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.release-field input:focus {
    border-color: var(--brand);
    outline: 3px solid rgba(15, 98, 254, 0.16);
}

.release-notes-block {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.release-notes-block h2 {
    margin: 0;
    font-size: 17px;
}

.release-generate-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.release-markdown-editor {
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.release-editor-tabs {
    display: flex;
    align-items: center;
    min-height: 48px;
    border-bottom: 1px solid var(--line);
}

.release-editor-tabs button {
    align-self: stretch;
    min-width: 96px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-right: 1px solid var(--line);
    cursor: pointer;
    font-weight: 900;
}

.release-editor-tabs button.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.release-editor-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-left: auto;
    padding: 0 16px;
    color: var(--muted);
    font-weight: 900;
}

.release-markdown-editor textarea,
.release-preview {
    width: 100%;
    min-height: 320px;
    padding: 16px;
    color: var(--ink);
    background: var(--control-bg);
    border: 0;
    resize: vertical;
}

.release-preview {
    background: var(--panel);
}

.release-markdown-editor textarea:focus {
    outline: 3px solid rgba(15, 98, 254, 0.16);
    outline-offset: -3px;
}

.release-editor-foot {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 44px;
    padding: 0 16px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    font-weight: 850;
}

.release-editor-foot button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    background: transparent;
    border: 0;
    cursor: pointer;
    font-weight: 850;
}

.release-asset-dropzone {
    display: grid;
    place-items: center;
    min-height: 88px;
    padding: 14px;
    color: var(--muted);
    background: var(--panel-soft);
    border: 2px dashed var(--line);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.release-asset-dropzone:hover,
.release-asset-dropzone.is-active {
    border-color: var(--brand);
    background: rgba(15, 98, 254, 0.06);
}

.release-asset-dropzone [data-release-asset-empty] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-size: 16px;
    font-weight: 850;
}

.release-asset-dropzone [data-release-asset-empty] i {
    font-size: 28px;
}

.release-upload-list {
    display: grid;
    gap: 10px;
    width: 100%;
}

.release-upload-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 34px;
    gap: 12px;
    align-items: center;
    position: relative;
    min-height: 46px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.release-upload-row span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.release-upload-row strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.release-upload-row small {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.release-upload-row.is-uploaded small {
    color: #2da44e;
}

.release-upload-row.is-error small {
    color: var(--danger);
}

.release-upload-row em {
    color: var(--muted);
    font-style: normal;
    font-weight: 850;
}

.release-upload-row button {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.release-upload-row button:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.release-upload-progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: color-mix(in srgb, var(--muted) 18%, transparent);
}

.release-upload-progress b {
    display: block;
    height: 100%;
    background: #2da44e;
}

.release-upload-row.is-uploaded .release-upload-progress {
    display: none;
}

.release-existing-assets {
    display: grid;
    gap: 8px;
}

.release-existing-assets div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 0 12px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 850;
}

.release-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--ink);
    font-weight: 850;
}

.release-checkbox input {
    margin-top: 4px;
}

.release-checkbox span {
    display: grid;
    gap: 2px;
}

.release-checkbox small {
    color: var(--muted);
    font-weight: 750;
}

.release-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.release-publish-button {
    background: #2da44e;
    border-color: #2da44e;
}

.release-publish-button:hover {
    background: #238636;
    border-color: #238636;
}

.release-guide {
    display: grid;
    align-content: start;
    gap: 18px;
}

.release-guide section {
    display: grid;
    gap: 8px;
}

.release-guide h2 {
    margin: 0;
    font-size: 17px;
}

.release-guide code {
    padding: 0.12em 0.35em;
    color: var(--ink);
    background: var(--pill-bg);
    border-radius: 6px;
}

.release-picker-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 70;
    width: min(420px, calc(100vw - 32px));
    overflow: hidden;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
}

.release-picker-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 0 14px;
    border-bottom: 1px solid var(--line);
}

.release-picker-head button {
    width: 30px;
    height: 30px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.release-picker-search {
    position: relative;
    display: block;
    padding: 10px;
}

.release-picker-search i {
    position: absolute;
    top: 50%;
    left: 22px;
    color: var(--muted);
    transform: translateY(-50%);
}

.release-picker-search input {
    width: 100%;
    min-height: 40px;
    padding: 0 12px 0 38px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.release-picker-tabs {
    display: flex;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.release-picker-tabs button {
    min-height: 40px;
    padding: 0 16px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-right: 1px solid var(--line);
    cursor: pointer;
    font-weight: 900;
}

.release-picker-tabs button.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.release-picker-list {
    display: grid;
    max-height: 300px;
    overflow-y: auto;
    padding: 6px 0;
}

.release-picker-item,
.release-picker-create,
.release-picker-empty {
    min-height: 42px;
    padding: 0 14px;
}

.release-picker-item {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    width: 100%;
    color: var(--ink);
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.release-picker-item small {
    grid-column: 2;
    min-width: 0;
    overflow: hidden;
    color: var(--muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.release-picker-item:hover,
.release-picker-create:hover {
    color: var(--brand);
    background: var(--panel-soft);
}

.release-picker-create {
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 900;
}

.release-picker-empty {
    display: grid;
    place-items: center;
    color: var(--muted);
    font-weight: 850;
}

.release-tag-status {
    min-height: 22px;
    margin: 0;
    color: #2da44e;
    font-weight: 850;
}

.release-modal-actions {
    display: flex;
    gap: 8px;
}

@media (max-width: 900px) {
    .release-toolbar,
    .release-toolbar-actions,
    .release-detail-head {
        align-items: stretch;
        flex-direction: column;
    }

    .release-toolbar-actions,
    .release-search,
    .release-tabs,
    .release-tabs a {
        width: 100%;
    }

    .release-timeline-item,
    .release-edit-form {
        grid-template-columns: 1fr;
    }

    .release-timeline-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .release-guide {
        order: -1;
    }

    .release-asset-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .release-asset-row small,
    .release-asset-row time {
        display: none;
    }
}

@media (max-width: 560px) {
    .release-page-shell,
    .release-detail-shell,
    .release-edit-shell {
        width: calc(100% - 24px);
        margin-top: 18px;
    }

    .release-card-head,
    .release-detail-head {
        padding: 16px;
    }

    .release-card h2,
    .release-detail-card h1 {
        font-size: 24px;
    }

    .release-timeline-meta {
        grid-template-columns: 1fr;
    }

    .release-editor-tools {
        display: none;
    }

    .release-editor-foot {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
        padding: 10px 12px;
    }

    .release-ref-picker,
    .release-ref-button {
        width: 100%;
    }

    .release-picker-menu {
        position: fixed;
        top: 132px;
        right: 12px;
        left: 12px;
        width: auto;
    }

    .tag-list-row,
    .release-detail-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .tag-list-meta {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

.button-danger-subtle {
    color: var(--danger);
}

.repo-wiki-alert {
    width: min(1180px, calc(100% - 32px));
    margin: 16px auto 0;
    padding: 12px 14px;
    border-radius: 8px;
    font-weight: 850;
}

.wiki-empty {
    display: grid;
    place-items: center;
    gap: 14px;
    width: min(1280px, calc(100% - 32px));
    min-height: 300px;
    margin: 28px auto 72px;
    text-align: center;
}

.wiki-empty i {
    color: var(--muted);
    font-size: 32px;
}

.wiki-empty h1 {
    margin: 0;
}

.wiki-empty p {
    max-width: 920px;
    margin: 0;
    color: var(--muted);
    font-weight: 750;
}

.wiki-page-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 24px;
    width: min(1180px, calc(100% - 32px));
    margin: 28px auto 72px;
    align-items: start;
}

.wiki-page-main,
.wiki-sidebar {
    min-width: 0;
}

.wiki-view-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.wiki-view-head h1 {
    margin: 0;
    font-size: clamp(28px, 4vw, 38px);
    line-height: 1.1;
}

.wiki-view-head p {
    margin: 6px 0 0;
    color: var(--muted);
    font-weight: 780;
}

.wiki-view-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.wiki-content-card,
.wiki-pages-panel {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.wiki-sidebar {
    position: sticky;
    top: 86px;
    display: grid;
    gap: 12px;
    padding: 14px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.wiki-sidebar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.wiki-page-search {
    position: relative;
}

.wiki-page-search i {
    position: absolute;
    top: 50%;
    left: 11px;
    color: var(--muted);
    transform: translateY(-50%);
}

.wiki-page-search input {
    width: 100%;
    min-height: 38px;
    padding: 0 12px 0 34px;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.wiki-page-list {
    display: grid;
    gap: 2px;
}

.wiki-page-list a,
.wiki-pages-link {
    min-height: 34px;
    padding: 7px 9px;
    color: var(--muted);
    border-radius: 6px;
    font-weight: 820;
}

.wiki-page-list a:hover,
.wiki-page-list a.is-active,
.wiki-pages-link:hover {
    color: var(--ink);
    background: var(--panel-soft);
}

.wiki-page-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    color: var(--ink);
    border-bottom: 1px solid var(--line);
    font-weight: 850;
}

.wiki-page-row:last-child {
    border-bottom: 0;
}

.wiki-page-row small,
.wiki-empty-row {
    color: var(--muted);
    font-weight: 750;
}

.wiki-empty-row {
    padding: 22px;
}

.wiki-editor-shell {
    width: min(1280px, calc(100% - 32px));
    margin: 28px auto 72px;
}

.wiki-editor-shell h1 {
    margin: 0 0 18px;
    font-size: clamp(34px, 5vw, 48px);
    line-height: 1.05;
}

.wiki-editor-form,
.security-policy-form,
.security-advisory-form {
    display: grid;
    gap: 14px;
}

.wiki-title-input,
.wiki-editor-form input,
.security-policy-form input,
.security-advisory-form input,
.security-advisory-form select,
.wiki-editor-form textarea,
.security-policy-form textarea,
.security-advisory-form textarea {
    width: 100%;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
}

.wiki-title-input,
.wiki-editor-form input,
.security-policy-form input,
.security-advisory-form input,
.security-advisory-form select {
    min-height: 44px;
    padding: 0 12px;
}

.wiki-editor-form textarea,
.security-policy-form textarea,
.security-advisory-form textarea {
    min-height: 420px;
    padding: 14px;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    line-height: 1.5;
}

.wiki-write-tabs {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    border-bottom: 1px solid var(--line);
}

.wiki-write-tabs button {
    min-height: 44px;
    padding: 0 18px;
    color: var(--muted);
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.wiki-write-tabs button.is-active {
    color: var(--ink);
    background: var(--panel);
    border-color: var(--line);
}

.wiki-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.wiki-toolbar button {
    min-width: 38px;
    min-height: 34px;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.wiki-toolbar span {
    margin-left: 24px;
    color: var(--muted);
    font-weight: 850;
}

.wiki-attach-note {
    margin: -14px 0 8px;
    padding: 12px;
    color: var(--muted);
    background: var(--panel);
    border: 1px dashed var(--line);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    font-weight: 750;
}

.wiki-preview {
    min-height: 420px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.wiki-editor-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.security-quality-shell {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 0;
    min-height: 680px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.security-quality-sidebar {
    padding: 28px 20px 40px;
    border-right: 1px solid var(--line);
}

.security-quality-sidebar h1 {
    margin: 0 0 24px;
}

.security-quality-sidebar nav,
.security-sidebar-group {
    display: grid;
    gap: 6px;
}

.security-sidebar-group {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.security-sidebar-group h2 {
    margin: 0 0 4px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.security-quality-sidebar a {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    color: var(--muted);
    border-radius: 8px;
    font-weight: 850;
}

.security-quality-sidebar a:hover,
.security-quality-sidebar a.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.security-quality-sidebar .security-sidebar-child {
    grid-template-columns: minmax(0, 1fr);
    min-height: 32px;
    margin-left: 30px;
    padding-left: 10px;
    font-size: 14px;
}

.security-quality-main {
    width: min(1160px, calc(100% - 64px));
    margin: 34px auto 72px;
}

.security-quality-main > h1,
.security-heading-row h1 {
    margin: 0 0 24px;
}

.security-heading-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.security-heading-row p {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 17px;
    font-weight: 760;
}

.security-overview-list,
.repo-security-setting-list {
    display: grid;
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.security-overview-list article,
.repo-security-setting-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 78px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--line);
}

.security-overview-list article:last-child,
.repo-security-setting-row:last-child {
    border-bottom: 0;
}

.security-overview-list h2,
.repo-security-setting-row h2 {
    margin: 0 0 4px;
    font-size: 18px;
}

.security-overview-list p,
.repo-security-setting-row p {
    margin: 0;
    color: var(--muted);
    font-weight: 750;
}

.security-overview-list small {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 5px 11px;
}

.security-state {
    color: var(--muted);
}

.security-state.is-enabled {
    color: #2da44e;
}

.security-setup-card,
.security-empty-card {
    display: grid;
    place-items: center;
    gap: 14px;
    min-height: 360px;
    padding: 40px 20px;
    text-align: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.security-setup-card i,
.security-empty-card i {
    color: var(--muted);
    font-size: 34px;
}

.security-setup-card h1,
.security-empty-card h2 {
    margin: 0;
}

.security-setup-card p,
.security-empty-card p {
    max-width: 700px;
    margin: 0;
    color: var(--muted);
    font-size: 17px;
    font-weight: 750;
}

.security-filterbar {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 12px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px 8px 0 0;
}

.security-filterbar span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-weight: 900;
}

.security-filterbar input {
    flex: 1;
    min-width: 0;
    color: var(--ink);
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: 800;
}

.security-alert-panel {
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-top: 0;
    border-radius: 0 0 8px 8px;
}

.security-alert-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 56px;
    padding: 0 10px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

.security-alert-tabs a {
    min-height: 38px;
    padding: 8px 14px;
    color: var(--muted);
    border-radius: 8px;
    font-weight: 900;
}

.security-alert-tabs a.is-active,
.security-alert-tabs a:hover {
    color: var(--ink);
    background: var(--button-bg);
}

.security-alert-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
}

.security-alert-row:last-child {
    border-bottom: 0;
}

.security-alert-row span {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-weight: 760;
}

.security-policy-form,
.security-advisory-form {
    max-width: 900px;
}

.security-advisory-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.security-advisory-form label,
.security-policy-form label {
    display: grid;
    gap: 7px;
    color: var(--label);
    font-weight: 850;
}

.repo-security-toolbox,
.repo-security-inline-toggle,
.repo-security-threshold-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.repo-security-toolbox > div:nth-of-type(2) {
    border-top: 1px solid var(--line);
    padding-top: 14px;
}

.repo-security-threshold-form {
    max-width: 100%;
    padding: 16px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.security-public-shell,
.security-report-shell {
    width: min(1360px, calc(100% - 64px));
    margin: 34px auto 72px;
}

.security-public-shell h1,
.security-report-head h1 {
    margin: 0;
    font-size: 30px;
}

.security-public-shell h1 {
    margin-bottom: 28px;
}

.security-public-panel {
    display: grid;
    place-items: center;
    min-height: 300px;
    margin-bottom: 24px;
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.security-public-empty {
    display: grid;
    place-items: center;
    gap: 12px;
    max-width: 760px;
    padding: 40px 24px;
    text-align: center;
}

.security-public-empty i {
    color: var(--muted);
    font-size: 34px;
}

.security-public-empty h2 {
    margin: 0;
    font-size: 24px;
}

.security-public-empty p,
.security-report-head p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    font-weight: 750;
}

.security-report-button:hover,
.security-submit-report:hover {
    background: #287d3b;
    border-color: #287d3b;
}

.security-public-advisories {
    display: grid;
    gap: 10px;
    width: min(100%, 720px);
    margin-top: 8px;
}

.security-public-advisories article {
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    text-align: left;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.security-public-advisories span {
    color: var(--muted);
    font-weight: 750;
}

.security-report-head {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}

.security-report-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 28px;
    margin-top: 16px;
}

.security-report-form,
.security-report-card {
    display: grid;
}

.security-report-form {
    gap: 0;
}

.security-report-card {
    gap: 18px;
    padding: 18px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px 8px 0 0;
}

.security-report-card h2 {
    margin: 4px 0 2px;
    font-size: 18px;
}

.security-report-card label {
    display: grid;
    gap: 8px;
    color: var(--label);
    font-weight: 850;
}

.security-report-card input,
.security-report-card select,
.security-report-card textarea {
    width: 100%;
    color: var(--ink);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
}

.security-report-card input,
.security-report-card select {
    min-height: 40px;
    padding: 0 12px;
}

.security-report-card textarea {
    min-height: 300px;
    padding: 12px;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    line-height: 1.5;
}

.security-report-editor {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.security-report-editor .wiki-write-tabs {
    background: var(--panel-soft);
}

.security-report-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 46px;
    padding: 0 10px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

.security-report-toolbar button {
    min-width: 30px;
    min-height: 30px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.security-report-toolbar button:hover,
.security-report-toolbar button:focus-visible {
    color: var(--ink);
    background: var(--button-bg);
}

.security-report-editor textarea,
.security-report-editor .wiki-preview {
    border: 0;
    border-radius: 0;
}

.security-affected-product,
.security-severity-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.security-affected-product {
    padding: 12px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.security-severity-state {
    display: flex;
    align-items: center;
    gap: 8px;
}

.security-severity-state strong {
    padding: 2px 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 13px;
}

.security-severity-state span {
    color: var(--muted);
    font-weight: 750;
}

.security-calculator {
    padding: 14px 16px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.security-calculator summary {
    cursor: pointer;
    font-weight: 850;
}

.security-calculator p {
    margin: 10px 0 0;
    color: var(--muted);
    font-weight: 750;
}

.security-report-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-top: 0;
    border-radius: 0 0 8px 8px;
}

.security-report-sidebar {
    display: grid;
    align-content: start;
    gap: 22px;
}

.security-report-sidebar section {
    padding-bottom: 22px;
    border-bottom: 1px solid var(--line);
}

.security-report-sidebar h2 {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.security-report-sidebar h3 {
    margin: 18px 0 8px;
    font-size: 14px;
}

.security-report-sidebar p {
    margin: 0;
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.security-report-user {
    display: flex;
    align-items: center;
    gap: 8px;
}

.security-report-user span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: #fff;
    background: var(--brand);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 900;
}

.security-report-user em {
    padding: 2px 7px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

.security-report-links {
    display: grid;
    gap: 14px;
}

.security-report-links a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ink);
    font-weight: 850;
}

.insights-shell {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 28px;
    width: min(1280px, calc(100% - 32px));
    margin: 28px auto 72px;
    align-items: start;
    transition: opacity 0.14s ease;
}

.insights-shell.is-updating {
    opacity: 0.68;
    pointer-events: none;
}

.insights-sidebar {
    position: sticky;
    top: 86px;
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.insights-sidebar nav {
    display: grid;
}

.insights-sidebar a {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 12px 16px;
    color: var(--ink);
    border-bottom: 1px solid var(--line);
    font-size: 16px;
    font-weight: 850;
}

.insights-sidebar a:last-child {
    border-bottom: 0;
}

.insights-sidebar a.is-active {
    color: var(--ink);
    background: var(--panel-soft);
    box-shadow: inset 3px 0 0 var(--orange);
}

@media (hover: hover) and (pointer: fine) {
    .insights-sidebar a:hover {
        color: var(--ink);
        background: var(--panel-soft);
        box-shadow: inset 3px 0 0 var(--orange);
    }
}

.insights-main {
    min-width: 0;
}

.insights-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
}

.insights-heading h1 {
    margin: 0;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.2;
}

.insights-heading p {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 16px;
    font-weight: 820;
}

.insights-heading-actions,
.fork-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.insights-select {
    position: relative;
    display: inline-flex;
}

.insights-select summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 40px;
    padding: 8px 12px;
    list-style: none;
    color: var(--ink);
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.insights-select summary::-webkit-details-marker {
    display: none;
}

.insights-select summary span,
.insights-select summary i {
    color: var(--muted);
}

.insights-select[open] summary,
.insights-select summary:hover {
    border-color: var(--button-hover-line);
    background: var(--panel-soft);
}

.insights-select > div {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 30;
    display: grid;
    min-width: 210px;
    padding: 8px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.insights-select a {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    color: var(--ink);
    border-radius: 8px;
    font-weight: 850;
}

.insights-select a i {
    color: transparent;
    font-size: 12px;
}

.insights-select a:hover,
.insights-select a.is-selected {
    background: var(--panel-soft);
}

.insights-select a.is-selected i {
    color: var(--ink);
}

.insights-overview-card,
.insights-card,
.insights-release-list,
.insights-list-panel,
.actions-table,
.network-graph-card,
.forks-insights-list {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.insights-overview-card,
.insights-list-panel,
.actions-table,
.network-graph-card,
.forks-insights-list {
    overflow: hidden;
}

.insights-overview-card header {
    padding: 18px;
    border-bottom: 1px solid var(--line);
    font-size: 18px;
    font-weight: 900;
}

.insights-overview-bars {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    padding: 20px 24px;
}

.insights-overview-bars span {
    display: block;
    height: 9px;
    margin-bottom: 14px;
    background: #57606a;
    border-radius: 999px;
    opacity: 0.75;
}

.insights-overview-bars div:nth-child(2) span {
    background: linear-gradient(90deg, #da3633 0 66%, #3fb950 66% 100%);
    opacity: 0.9;
}

.insights-overview-bars strong {
    font-size: 17px;
}

.insights-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--line);
}

.insights-stat-grid div {
    display: grid;
    place-items: center;
    gap: 6px;
    min-height: 98px;
    padding: 14px;
    border-right: 1px solid var(--line);
    text-align: center;
}

.insights-stat-grid div:last-child {
    border-right: 0;
}

.insights-stat-grid b {
    font-size: 24px;
}

.insights-stat-grid b i {
    color: var(--violet);
}

.insights-stat-grid span {
    color: var(--muted);
    font-weight: 800;
}

.insights-two-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.insights-card {
    padding: 20px;
}

.insights-chart-card {
    position: relative;
    padding: 22px;
}

.insights-contributors-page .insights-chart-card {
    padding: 22px 70px 20px 22px;
}

.insights-card h2,
.insights-release-list h2 {
    margin: 0 0 10px;
    font-size: 22px;
}

.insights-card p {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.55;
}

.insights-card strong {
    color: var(--ink);
}

.additions {
    color: #2da44e;
}

.deletions {
    color: #d1242f;
}

.insights-card-head {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.insights-card-head h2 {
    margin-bottom: 4px;
}

.insights-card-head p {
    margin: 0;
    font-size: 15px;
}

.insights-card-head > span,
.insights-card-head > i {
    color: var(--muted);
    font-weight: 900;
}

.insights-chart-actions {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.insights-chart-menu {
    position: relative;
}

.insights-chart-menu summary,
.insights-chart-gear,
.insights-chart-settings header button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.insights-chart-menu summary {
    list-style: none;
}

.insights-chart-menu summary::-webkit-details-marker {
    display: none;
}

.insights-chart-menu summary:hover,
.insights-chart-menu[open] summary,
.insights-chart-gear:hover,
.insights-chart-gear.is-active {
    color: var(--ink);
    background: var(--panel-soft);
}

.insights-chart-menu > div {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 40;
    display: grid;
    min-width: 210px;
    padding: 10px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.insights-chart-menu button {
    padding: 9px 12px;
    color: var(--ink);
    background: transparent;
    border: 0;
    border-radius: 8px;
    font-weight: 850;
    text-align: left;
    cursor: pointer;
}

.insights-chart-menu button:hover {
    background: var(--panel-soft);
}

.insights-chart-settings {
    position: absolute;
    top: calc(100% + 12px);
    right: -8px;
    z-index: 45;
    width: min(560px, calc(100vw - 32px));
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.insights-chart-settings header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
}

.insights-chart-settings header strong {
    font-size: 18px;
}

.insights-chart-settings label {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 1px 48px;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
}

.insights-chart-settings label:last-child {
    border-bottom: 0;
}

.insights-chart-settings label span {
    display: grid;
    gap: 4px;
}

.insights-chart-settings small {
    color: var(--muted);
    font-size: 15px;
    font-weight: 800;
}

.insights-chart-settings input {
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
}

.insights-chart-settings label > i {
    position: relative;
    width: 48px;
    height: 28px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 999px;
}

.insights-chart-settings label > b {
    min-width: 24px;
    font-size: 14px;
}

.insights-chart-settings label > i::before {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: var(--muted);
    border-radius: 50%;
    content: "";
    transition: transform 160ms ease, background 160ms ease;
}

.insights-chart-settings input:checked + i {
    background: #2563eb;
    border-color: #2563eb;
}

.insights-chart-settings input:checked + i::before {
    background: #fff;
    transform: translateX(20px);
}

.insights-chart-table {
    margin-top: 16px;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.insights-chart-table table {
    width: 100%;
    min-width: 440px;
    border-collapse: collapse;
}

.insights-chart-table caption {
    padding: 12px 14px;
    color: var(--ink);
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
    font-weight: 900;
    text-align: left;
}

.insights-chart-table th,
.insights-chart-table td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
    text-align: left;
}

.insights-chart-table tbody tr:last-child td {
    border-bottom: 0;
}

.insights-chart-card.show-data-labels .insights-main-chart div::before,
.insights-chart-card.show-data-labels .insights-frequency-chart > div::before {
    display: block;
    min-height: 18px;
    margin-bottom: 6px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 850;
    text-align: center;
    content: attr(data-value);
}

.insights-contributor-card.show-data-labels .insights-mini-chart i::before {
    position: absolute;
    top: -18px;
    left: 50%;
    color: var(--muted);
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    content: attr(data-value);
    transform: translateX(-50%);
}

.insights-chart-card.is-line-styled .insights-main-chart span,
.insights-contributor-card.is-line-styled .insights-mini-chart i {
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0 4px, transparent 4px 8px);
}

.insights-chart-card.is-line-styled .insights-frequency-chart .add,
.insights-chart-card.is-line-styled .insights-frequency-chart .del {
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0 4px, transparent 4px 8px);
}

.insights-committers,
.insights-daily-chart,
.insights-main-chart {
    background-image:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 100% 46px, 16.66% 100%;
}

.insights-committers,
.insights-daily-chart {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    min-height: 190px;
    padding: 14px 0 0;
}

.insights-committers div,
.insights-daily-chart div {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-width: 26px;
    flex: 1;
}

.insights-committers span,
.insights-daily-chart span {
    width: 18px;
    background: #3b82f6;
    border-radius: 3px 3px 0 0;
}

.insights-committers small,
.insights-daily-chart small {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.insights-main-chart {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    min-height: 250px;
    overflow-x: auto;
    padding: 24px 14px 8px;
    border-bottom: 1px solid var(--line);
}

.insights-contributors-page .insights-main-chart {
    min-height: 280px;
    padding-top: 38px;
}

.insights-main-chart div {
    display: grid;
    justify-items: center;
    gap: 10px;
    min-width: 58px;
}

.insights-main-chart span {
    width: 34px;
    background: #3b82f6;
    border-radius: 3px 3px 0 0;
}

.insights-contributors-page .insights-main-chart span {
    width: 50px;
}

.insights-main-chart small {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.insights-range-scrubber {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
}

.insights-range-scrubber span {
    grid-column: 1 / -1;
    height: 32px;
    background:
        linear-gradient(90deg, transparent 0 8%, #2563eb 8% 9%, transparent 9% 100%),
        repeating-linear-gradient(90deg, rgba(37, 99, 235, 0.7) 0 2px, transparent 2px 12px);
    border: 1px solid var(--line);
    border-radius: 6px;
}

.insights-contributors-page .insights-range-scrubber span {
    height: 48px;
    background:
        linear-gradient(90deg, transparent 0 10%, rgba(255, 255, 255, 0.58) 10% calc(10% + 2px), transparent calc(10% + 2px) 28%, rgba(255, 255, 255, 0.58) 28% calc(28% + 2px), transparent calc(28% + 2px) 45%, rgba(255, 255, 255, 0.58) 45% calc(45% + 2px), transparent calc(45% + 2px) 62%, rgba(255, 255, 255, 0.58) 62% calc(62% + 2px), transparent calc(62% + 2px) 100%),
        repeating-linear-gradient(90deg, rgba(37, 99, 235, 0.85) 0 2px, transparent 2px 10px);
}

.insights-chart-axis {
    position: absolute;
    top: 128px;
    right: 24px;
    bottom: 98px;
    display: grid;
    align-items: end;
    justify-items: start;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
}

.insights-chart-axis b {
    position: absolute;
    top: 50%;
    right: -26px;
    color: var(--muted);
    font-weight: 850;
    transform: translateY(-50%);
    writing-mode: vertical-rl;
}

.insights-chart-tooltip {
    position: absolute;
    top: 146px;
    left: 72px;
    z-index: 2;
    display: grid;
    gap: 8px;
    min-width: 170px;
    padding: 12px 14px;
    color: var(--ink);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
    pointer-events: none;
}

.insights-chart-tooltip b {
    color: var(--muted);
    font-size: 13px;
}

.insights-chart-tooltip span {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    font-weight: 900;
}

.insights-chart-tooltip i {
    width: 10px;
    height: 10px;
    background: #3b82f6;
    border-radius: 2px;
}

.insights-contributor-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.insights-contributor-card {
    min-width: 0;
    padding: 18px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.insights-contributor-card header {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.insights-contributor-card .avatar,
.forks-insights-list .avatar {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #fff;
    background: var(--brand);
    border-radius: 50%;
    font-weight: 900;
    overflow: hidden;
}

.insights-contributor-card .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.forks-insights-list .avatar.tiny {
    width: 22px;
    height: 22px;
    font-size: 11px;
}

.insights-contributor-card strong {
    color: var(--brand);
    font-size: 18px;
}

.insights-contributor-card small {
    display: block;
    color: var(--muted);
    font-size: 14px;
    font-weight: 800;
}

.insights-contributor-card em {
    padding: 2px 8px;
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-style: normal;
    font-weight: 900;
}

.insights-contributor-card header > span:not(.avatar),
.insights-contributor-card header > i {
    color: var(--muted);
}

.insights-mini-chart {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    min-height: 124px;
    padding: 14px 10px 0;
    background-image:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 100% 28px, 25% 100%;
}

.insights-mini-chart i {
    position: relative;
    flex: 1;
    min-width: 8px;
    background: #3b82f6;
    border-radius: 3px 3px 0 0;
}

.insights-frequency-chart {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 430px;
    overflow-x: auto;
    padding: 40px 128px 44px 8px;
    background-image:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 100% 76px, 18% 100%;
}

.insights-frequency-chart > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 14px;
    height: 320px;
}

.insights-frequency-chart span {
    display: block;
    width: 100%;
}

.insights-frequency-chart .add {
    align-self: flex-end;
    background: #3fb950;
    border-radius: 3px 3px 0 0;
}

.insights-frequency-chart .del {
    align-self: flex-start;
    background: #f85149;
    border-radius: 0 0 3px 3px;
}

.insights-frequency-chart aside {
    position: sticky;
    right: 0;
    display: grid;
    gap: 10px;
    align-self: center;
    padding: 10px 0 10px 18px;
    background: linear-gradient(90deg, transparent, var(--panel) 18px);
}

.insights-frequency-chart aside b {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.insights-frequency-chart aside i {
    width: 14px;
    height: 14px;
    background: #3fb950;
    border-radius: 2px;
}

.insights-frequency-chart aside b:last-child i {
    background: #f85149;
}

.insights-tabs {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--line);
}

.insights-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 16px;
    color: var(--muted);
    border: 1px solid transparent;
    border-bottom: 0;
    font-weight: 900;
}

.insights-tabs a:hover,
.insights-tabs a.is-active {
    color: var(--ink);
}

.insights-tabs a.is-active {
    margin-bottom: -1px;
    background: var(--panel);
    border-color: var(--line);
    border-radius: 8px 8px 0 0;
}

.insights-export-button,
.insights-tree-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.insights-tree-link {
    color: var(--muted);
    font-weight: 850;
}

.insights-search,
.insights-filterbar {
    display: flex;
    align-items: center;
    min-height: 42px;
    margin-bottom: 16px;
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.insights-search i,
.insights-filterbar > i {
    padding: 0 12px;
    color: var(--muted);
}

.insights-search input,
.insights-filterbar input {
    width: 100%;
    min-width: 0;
    color: var(--ink);
    background: transparent;
    border: 0;
    outline: 0;
}

.insights-filterbar {
    overflow: hidden;
}

.insights-filterbar button {
    align-self: stretch;
    padding: 0 16px;
    color: var(--ink);
    background: var(--button-bg);
    border: 0;
    border-right: 1px solid var(--line);
    font-weight: 900;
}

.insights-filterbar > i:last-child {
    border-left: 1px solid var(--line);
}

.insights-list-panel header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
}

.insights-list-panel header strong {
    font-size: 18px;
}

.insights-list-panel article {
    display: grid;
    gap: 4px;
    padding: 18px;
    border-bottom: 1px solid var(--line);
}

.insights-list-panel article:last-child {
    border-bottom: 0;
}

.insights-list-panel article strong {
    font-size: 19px;
}

.insights-list-panel article small,
.insights-list-panel article span {
    color: var(--muted);
    font-weight: 800;
}

.insights-protip,
.insights-lead {
    color: var(--muted);
    font-size: 17px;
    font-weight: 820;
}

.insights-protip {
    margin: 18px 0 0;
}

.insights-protip strong,
.insights-lead strong {
    color: var(--ink);
}

.network-graph-card {
    min-height: 420px;
    margin-top: 16px;
}

.network-graph-card header {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    padding: 12px 16px;
    background: var(--panel-soft);
    border-bottom: 1px solid var(--line);
    font-weight: 900;
    text-align: center;
}

.network-row {
    display: grid;
    grid-template-columns: 160px minmax(560px, 1fr);
    min-height: 76px;
    border-bottom: 1px solid var(--line);
}

.network-row:last-child {
    border-bottom: 0;
}

.network-row b {
    display: grid;
    place-items: center end;
    padding-right: 22px;
    border-right: 1px solid var(--line);
}

.network-line {
    position: relative;
    display: flex;
    align-items: center;
    gap: 42px;
    padding: 0 34px;
}

.network-line::before {
    position: absolute;
    left: 34px;
    right: 24%;
    height: 3px;
    background: #8b949e;
    content: "";
}

.network-line.root::before {
    background: var(--ink);
}

.network-line.fork::before {
    background: #466184;
}

.network-line.line-2::before {
    right: 34%;
}

.network-line.line-3::before {
    right: 18%;
}

.network-line i {
    position: relative;
    z-index: 1;
    width: 8px;
    height: 8px;
    background: currentColor;
    border-radius: 50%;
}

.network-line em {
    position: relative;
    z-index: 1;
    padding: 6px 8px;
    color: #fff;
    background: #6e7681;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    writing-mode: vertical-rl;
}

.fork-toolbar {
    justify-content: flex-end;
}

.fork-toolbar .button[disabled] {
    opacity: 0.55;
}

.forks-insights-list article {
    padding: 20px;
    border-bottom: 1px solid var(--line);
}

.forks-insights-list article:last-child {
    border-bottom: 0;
}

.forks-insights-list a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 21px;
    font-weight: 900;
}

.forks-insights-list p {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 8px 0 0 30px;
    color: var(--muted);
    font-weight: 800;
}

.actions-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.actions-metric-grid.is-usage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.actions-metric-grid article {
    min-height: 150px;
    padding: 20px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.actions-metric-grid h2 {
    margin: 0 0 12px;
    font-size: 20px;
}

.actions-metric-grid strong {
    display: block;
    margin-bottom: 12px;
    font-size: 36px;
    line-height: 1;
}

.actions-metric-grid p {
    margin: 0;
    color: var(--muted);
    font-weight: 820;
    line-height: 1.35;
}

.action-tabs {
    overflow-x: auto;
    margin-bottom: 12px;
}

.actions-table {
    overflow-x: auto;
}

.actions-table header,
.actions-table article {
    display: grid;
    align-items: center;
    min-width: 860px;
    border-bottom: 1px solid var(--line);
}

.actions-table header {
    grid-template-columns: minmax(190px, 1.4fr) 160px 160px 130px 100px 70px;
    padding: 13px 16px;
    color: var(--muted);
    background: var(--panel-soft);
    font-weight: 900;
}

.actions-table article {
    grid-template-columns: minmax(190px, 1.4fr) 160px 160px 130px 100px 70px;
    padding: 16px;
    font-weight: 850;
}

.actions-table.is-usage header,
.actions-table.is-usage article {
    grid-template-columns: minmax(190px, 1.4fr) 150px 150px 90px 150px 120px 50px;
}

.actions-table article:last-of-type {
    border-bottom: 0;
}

.actions-table a {
    color: var(--brand);
    font-weight: 900;
}

.actions-table footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 860px;
    padding: 12px 16px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    font-weight: 850;
}

.actions-table footer nav {
    display: flex;
    align-items: center;
    gap: 22px;
}

.actions-table footer b {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #fff;
    background: #3b82f6;
    border-radius: 8px;
}

.insights-release-list {
    margin-top: 32px;
    padding: 18px;
}

.insights-release-list a {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px 0;
    color: var(--ink);
    border-top: 1px solid var(--line);
}

.insights-release-list small {
    color: var(--muted);
}

.insights-contributor-list,
.community-check-list {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.insights-contributor-list article,
.community-check-list article {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
}

.community-check-list article {
    grid-template-columns: 24px minmax(0, 1fr);
}

.insights-contributor-list article:last-child,
.community-check-list article:last-child {
    border-bottom: 0;
}

.insights-contributor-list small {
    display: block;
    color: var(--muted);
}

.community-meter {
    height: 12px;
    overflow: hidden;
    background: var(--panel-soft);
    border-radius: 999px;
}

.community-meter span {
    display: block;
    height: 100%;
    background: #2da44e;
}

.community-check-list .is-complete i {
    color: #2da44e;
}

.dependency-table {
    display: grid;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.dependency-table > div {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 130px minmax(160px, 0.8fr) minmax(120px, 0.7fr);
    gap: 12px;
    min-width: 700px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
}

.dependency-table > div:last-child {
    border-bottom: 0;
}

.dependency-table > div:first-child {
    background: var(--panel-soft);
}

.dependency-table span {
    color: var(--muted);
    font-weight: 800;
}

.insights-empty {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 190px;
    padding: 24px;
    text-align: center;
}

.insights-empty i {
    color: var(--muted);
    font-size: 30px;
}

.insights-empty h2,
.insights-empty p {
    margin: 0;
}

.insights-empty p {
    max-width: 520px;
    color: var(--muted);
    font-size: 15px;
}

@media (max-width: 1120px) {
    .actions-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .wiki-page-shell,
    .security-quality-shell,
    .insights-shell {
        grid-template-columns: 1fr;
    }

    .security-quality-shell {
        width: min(100% - 32px, 1280px);
        margin: 20px auto 56px;
        gap: 14px;
        min-height: 0;
        border-top: 0;
        border-bottom: 0;
    }

    .wiki-sidebar,
    .security-quality-sidebar,
    .insights-sidebar {
        position: static;
    }

    .security-quality-sidebar {
        padding: 0;
        background: var(--panel);
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
    }

    .security-quality-sidebar nav {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .security-sidebar-group {
        display: flex;
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
        gap: 0;
    }

    .security-sidebar-group h2 {
        display: none;
    }

    .security-quality-sidebar a {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 46px;
        padding: 0 16px;
        color: var(--ink);
        border-right: 1px solid var(--line);
        border-radius: 0;
        white-space: nowrap;
    }

    .security-quality-sidebar a i {
        display: none;
    }

    .security-quality-sidebar a:hover,
    .security-quality-sidebar a.is-active {
        box-shadow: inset 0 -3px 0 var(--orange);
    }

    .security-quality-sidebar .security-sidebar-child {
        min-height: 46px;
        margin-left: 0;
        padding-left: 16px;
        font-size: inherit;
    }

    .security-quality-main {
        width: 100%;
        margin: 0;
    }

    .insights-sidebar nav {
        display: flex;
        overflow-x: auto;
    }

    .insights-sidebar a {
        flex: 0 0 auto;
        border-right: 1px solid var(--line);
        border-bottom: 0;
        white-space: nowrap;
    }

    .insights-sidebar a.is-active {
        box-shadow: inset 0 -3px 0 var(--orange);
    }

    .insights-sidebar a:not(.is-active):hover {
        background: transparent;
        box-shadow: none;
    }

    @media (hover: hover) and (pointer: fine) {
        .insights-sidebar a:hover {
            box-shadow: inset 0 -3px 0 var(--orange);
        }
    }

    .insights-two-col,
    .insights-overview-bars,
    .insights-contributor-cards,
    .security-advisory-grid,
    .security-report-layout,
    .security-affected-product,
    .security-severity-grid {
        grid-template-columns: 1fr;
    }

    .network-graph-card {
        overflow-x: auto;
    }
}

@media (max-width: 680px) {
    .wiki-view-head,
    .security-heading-row,
    .security-overview-list article,
    .repo-security-setting-row,
    .insights-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .wiki-view-actions,
    .wiki-editor-actions {
        justify-content: flex-start;
    }

    .security-alert-row,
    .wiki-page-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .insights-shell {
        width: min(100% - 20px, 1280px);
        margin-top: 18px;
    }

    .insights-sidebar a {
        min-height: 38px;
        padding: 0 14px;
        font-size: 14px;
        font-weight: 780;
    }

    .insights-heading {
        gap: 8px;
        margin-bottom: 10px;
        padding-bottom: 12px;
    }

    .insights-heading h1 {
        font-size: 23px;
        line-height: 1.18;
    }

    .insights-heading p {
        margin-top: 4px;
        font-size: 13px;
        font-weight: 760;
    }

    .security-quality-shell {
        width: min(100% - 20px, 1280px);
        margin-top: 18px;
    }

    .insights-heading-actions,
    .fork-toolbar {
        justify-content: flex-start;
        width: 100%;
    }

    .insights-select summary,
    .insights-export-button,
    .fork-toolbar .button {
        width: 100%;
    }

    .insights-select summary {
        min-height: 36px;
        padding: 6px 10px;
        font-size: 14px;
        font-weight: 820;
    }

    .insights-select summary,
    .insights-export-button {
        justify-content: space-between;
    }

    .insights-select > div {
        right: auto;
        left: 0;
        width: 100%;
        min-width: 100%;
    }

    .insights-stat-grid,
    .actions-metric-grid,
    .actions-metric-grid.is-usage {
        grid-template-columns: 1fr;
    }

    .insights-tabs {
        overflow-x: auto;
    }

    .insights-overview-card header {
        padding: 12px 14px;
        font-size: 16px;
    }

    .insights-overview-bars {
        gap: 16px;
        padding: 14px;
    }

    .insights-overview-bars strong {
        font-size: 15px;
    }

    .insights-card,
    .insights-chart-card {
        padding: 14px;
    }

    .insights-card h2,
    .insights-release-list h2 {
        font-size: 18px;
    }

    .insights-card p {
        font-size: 14px;
        line-height: 1.45;
    }

    .insights-stat-grid div {
        min-height: 76px;
        padding: 10px;
    }

    .insights-stat-grid b {
        font-size: 21px;
    }

    .insights-stat-grid span {
        font-size: 13px;
    }

    .insights-contributor-card header {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .insights-contributor-card header em,
    .insights-contributor-card header > span:not(.avatar),
    .insights-contributor-card header > i {
        justify-self: start;
    }

    .insights-frequency-chart {
        padding-right: 24px;
    }

    .insights-frequency-chart aside {
        position: static;
        background: transparent;
        padding-left: 4px;
    }

    .insights-contributors-page .insights-chart-card {
        padding: 14px;
    }

    .insights-contributors-page .insights-main-chart span {
        width: 34px;
    }

    .insights-chart-axis {
        display: none;
    }

    .insights-chart-tooltip {
        position: static;
        min-width: 0;
        margin: 10px 0 0;
    }

    .forks-insights-list p {
        margin-left: 0;
    }

    .repo-security-toolbox,
    .repo-security-inline-toggle,
    .repo-security-threshold-form {
        grid-template-columns: 1fr;
    }
}

/* GitHub-style profile viewer and social feed */
.profile-gh-shell {
    width: min(100% - 40px, 1280px);
    margin: 0 auto 64px;
}

.profile-gh-shell.is-updating {
    opacity: 0.72;
    pointer-events: none;
}

.profile-gh-tabs {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    margin: 0 0 34px;
    padding: 0;
    border-bottom: 1px solid var(--line);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.profile-gh-tabs::-webkit-scrollbar {
    display: none;
}

.profile-gh-tabs a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 58px;
    padding: 0 18px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.profile-gh-tabs a:first-child {
    margin-left: 0;
}

.profile-gh-tabs a::after {
    position: absolute;
    right: 8px;
    bottom: -1px;
    left: 8px;
    height: 2px;
    content: '';
    background: transparent;
    border-radius: 999px;
}

.profile-gh-tabs a:hover,
.profile-gh-tabs a.is-active {
    color: var(--ink);
}

.profile-gh-tabs a.is-active::after {
    background: var(--orange);
}

.profile-gh-tabs em {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 7px;
    color: var(--ink);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    background: var(--pill-bg);
    border-radius: 999px;
}

.profile-gh-layout {
    display: grid;
    grid-template-columns: 296px minmax(0, 1fr);
    gap: 34px;
    align-items: start;
}

.profile-gh-alert {
    margin: 0 0 18px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 850;
}

.profile-gh-card {
    min-width: 0;
    color: var(--ink);
}

.profile-gh-avatar {
    width: 296px;
    height: 296px;
    margin-bottom: 18px;
    font-size: 88px;
    border: 1px solid var(--line);
}

.profile-gh-name-block h1 {
    margin: 0;
    font-size: 26px;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.profile-gh-name-block p {
    margin: 2px 0 16px;
    color: var(--muted);
    font-size: 20px;
    font-weight: 500;
}

.profile-gh-follow {
    width: 100%;
    min-height: 34px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 800;
}

.profile-gh-follow.is-following {
    background: var(--button-bg);
    border-color: var(--line);
}

.profile-gh-follow.is-loading {
    opacity: 0.72;
}

.profile-gh-bio {
    margin: 0 0 16px;
    color: var(--ink);
    font-size: 15px;
    line-height: 1.55;
}

.profile-gh-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 0 0 14px;
    color: var(--muted);
    font-size: 14px;
}

.profile-gh-social a {
    color: var(--muted);
    text-decoration: none;
}

.profile-gh-social a:hover,
.profile-gh-social a:hover strong {
    color: var(--brand);
}

.profile-gh-social strong {
    color: var(--ink);
    font-weight: 850;
}

.profile-gh-meta,
.profile-gh-counts {
    display: grid;
    gap: 8px;
    margin: 0;
}

.profile-gh-meta div,
.profile-gh-counts div {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.profile-gh-meta dt,
.profile-gh-counts dt,
.profile-gh-meta dd,
.profile-gh-counts dd {
    margin: 0;
}

.profile-gh-meta dt {
    width: 18px;
    color: var(--muted);
    text-align: center;
}

.profile-gh-meta dd {
    min-width: 0;
    color: var(--ink);
    font-size: 14px;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.profile-gh-counts {
    grid-template-columns: 1fr 1fr;
}

.profile-gh-counts div {
    display: grid;
    gap: 2px;
}

.profile-gh-counts dt {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.profile-gh-counts dd {
    color: var(--ink);
    font-size: 18px;
    font-weight: 850;
}

.profile-gh-card hr {
    margin: 18px 0;
    border: 0;
    border-top: 1px solid var(--line);
}

.profile-gh-report {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: inherit;
}

.profile-gh-report:hover,
.profile-gh-report:focus-visible {
    color: var(--ink);
}

.profile-gh-blocked-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    color: #ff7b72;
    font-size: 14px;
    font-weight: 850;
    background: rgba(248, 81, 73, 0.08);
    border: 1px solid rgba(248, 81, 73, 0.34);
    border-radius: 8px;
    margin-bottom: 16px;
}

.profile-block-modal {
    position: fixed;
    inset: 0;
    z-index: 1350;
    display: grid;
    place-items: center;
    padding: 20px;
}

.profile-block-modal[hidden] {
    display: none;
}

body.profile-block-modal-open {
    overflow: hidden;
}

.profile-block-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(5, 8, 13, 0.74);
}

.profile-block-modal-card {
    position: relative;
    display: grid;
    gap: 18px;
    width: min(640px, 100%);
    max-height: min(760px, calc(100vh - 40px));
    padding: 20px;
    overflow: auto;
    color: var(--ink);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
}

.profile-block-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.profile-block-modal-header h2 {
    margin: 0;
    font-size: 18px;
    line-height: 1.25;
}

.profile-block-modal-header button {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: var(--muted);
    background: var(--pill-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: pointer;
}

.profile-block-modal-section {
    display: grid;
    gap: 8px;
}

.profile-block-modal-section + .profile-block-modal-section {
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.profile-block-modal-section h3,
.profile-block-modal-section p {
    margin: 0;
}

.profile-block-modal-section p,
.profile-block-modal-section small {
    color: var(--muted);
}

.profile-block-modal-section form,
.profile-block-modal-section label {
    display: grid;
    gap: 8px;
}

.profile-block-modal-section textarea {
    width: 100%;
    min-height: 82px;
    padding: 10px 12px;
    color: var(--ink);
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    resize: vertical;
}

.profile-block-danger {
    width: fit-content;
    color: #ff7b72;
}

.profile-block-danger:hover,
.profile-block-danger:focus-visible {
    color: #ffb4ad;
}

.profile-gh-main {
    min-width: 0;
}

.profile-gh-section {
    margin-bottom: 32px;
}

.profile-gh-section h2,
.profile-gh-section-head h2 {
    margin: 0 0 14px;
    color: var(--ink);
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -0.01em;
}

.profile-gh-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.profile-gh-section-head h2 {
    margin-bottom: 0;
}

.profile-gh-section-head p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 750;
}

.profile-gh-pin-link {
    padding: 0;
    color: var(--brand);
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.profile-gh-pin-link:hover {
    text-decoration: underline;
}

.profile-gh-subsection-title {
    margin: 22px 0 12px;
    color: var(--ink);
    font-size: 16px;
    font-weight: 750;
}

.profile-gh-pinned-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.profile-gh-repo-item {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.profile-gh-repo-card {
    min-height: 134px;
}

.profile-gh-repo-row {
    grid-template-columns: minmax(0, 1fr) 190px;
    align-items: center;
    padding: 20px 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
}

.profile-gh-repo-list {
    display: grid;
    gap: 0;
}

.profile-gh-repo-list .profile-gh-repo-item:first-child {
    border-top: 1px solid var(--line);
}

.profile-gh-repo-copy {
    min-width: 0;
}

.profile-gh-repo-copy h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.35;
}

.profile-gh-repo-copy h3 a {
    min-width: 0;
    color: var(--brand);
    font-weight: 850;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.profile-gh-repo-copy h3 a:hover {
    text-decoration: underline;
}

.profile-gh-repo-copy h3 > i {
    flex: 0 0 auto;
    color: var(--muted);
}

.profile-gh-repo-copy h3 span {
    flex: 0 0 auto;
    padding: 1px 7px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    border: 1px solid var(--line);
    border-radius: 999px;
}

.profile-gh-repo-copy p {
    max-width: 720px;
    margin: 0 0 10px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}

.profile-gh-repo-copy .profile-gh-repo-fork {
    margin-bottom: 6px;
    font-size: 12px;
}

.profile-gh-repo-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 650;
}

.profile-gh-repo-meta a,
.profile-gh-repo-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--muted);
    text-decoration: none;
}

.profile-gh-repo-meta a:hover {
    color: var(--brand);
}

.profile-language-dot {
    width: 11px;
    height: 11px;
    background: #8b949e;
    border-radius: 999px;
}

.language-php { background: #4f5d95; }
.language-javascript { background: #f1e05a; }
.language-typescript { background: #3178c6; }
.language-html { background: #e34c26; }
.language-css { background: #563d7c; }
.language-ruby { background: #701516; }
.language-python { background: #3572a5; }
.language-shell { background: #89e051; }
.language-dart { background: #00b4ab; }
.language-go { background: #00add8; }
.language-rust { background: #dea584; }
.language-java { background: #b07219; }

.profile-gh-repo-side {
    display: grid;
    justify-items: end;
    align-content: center;
    min-width: 0;
}

.profile-gh-star-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 84px;
    min-height: 32px;
    padding: 0 12px;
    color: var(--ink);
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 6px;
}

.profile-gh-star-button:hover {
    border-color: var(--button-hover-line);
}

.profile-gh-filter-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 10px;
    margin: 0 0 18px;
}

.profile-gh-filter-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 11px;
    color: var(--muted);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 6px;
}

.profile-gh-filter-search input {
    width: 100%;
    min-width: 0;
    color: var(--ink);
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    background: transparent;
    border: 0;
    outline: 0;
}

.profile-gh-filter-submit {
    min-height: 36px;
    padding: 0 16px;
    font-size: 13px;
}

.profile-gh-filter-pills {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.profile-gh-filter-select {
    position: relative;
}

.profile-gh-filter-select summary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 12px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 800;
    list-style: none;
    cursor: pointer;
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 6px;
}

.profile-gh-filter-select summary::-webkit-details-marker {
    display: none;
}

.profile-gh-filter-select summary span {
    color: var(--muted);
}

.profile-gh-filter-select > div {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 80;
    width: max-content;
    min-width: 220px;
    max-height: 320px;
    padding: 6px;
    overflow: auto;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: var(--shadow);
}

.profile-gh-filter-select a {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    padding: 0 10px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    border-radius: 7px;
    white-space: nowrap;
}

.profile-gh-filter-select a:hover,
.profile-gh-filter-select a.is-selected {
    background: var(--pill-bg);
}

.profile-gh-filter-select a i {
    width: 14px;
    color: transparent;
}

.profile-gh-filter-select a.is-selected i {
    color: var(--brand);
}

.profile-gh-private-panel {
    position: relative;
    min-height: 210px;
    padding: 32px;
    overflow: hidden;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.profile-gh-private-grid {
    position: absolute;
    inset: 26px 34px;
    display: grid;
    grid-template-columns: repeat(22, 1fr);
    gap: 8px;
    opacity: 0.55;
}

.profile-gh-private-grid span {
    aspect-ratio: 1;
    background: var(--pill-bg);
    border-radius: 4px;
}

.profile-gh-private-panel > div:last-child {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    height: 146px;
    text-align: center;
}

.profile-gh-private-panel i {
    color: var(--muted);
    font-size: 28px;
}

.profile-gh-private-panel h2 {
    margin: 8px 0 0;
    font-size: 20px;
    font-weight: 850;
}

.profile-gh-empty {
    padding: 28px;
    text-align: center;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.profile-gh-empty h3 {
    margin: 0 0 8px;
    font-size: 17px;
}

.profile-gh-empty p {
    max-width: 520px;
    margin: 0 auto;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.5;
}

.profile-gh-empty .button {
    margin-top: 16px;
}

.profile-gh-contribution-card {
    max-width: 100%;
}

.profile-gh-contribution-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 116px;
    gap: 24px;
    align-items: start;
}

.profile-gh-year-filter {
    display: grid;
    gap: 8px;
}

.profile-gh-year-filter a {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    border-radius: 6px;
}

.profile-gh-year-filter a:hover {
    color: var(--ink);
    background: var(--pill-bg);
}

.profile-gh-year-filter a.is-active {
    color: #fff;
    background: var(--brand);
}

.profile-gh-show-all {
    min-height: 32px;
    padding: 0 12px;
    font-size: 12px;
}

.profile-gh-activity-timeline {
    margin-top: 8px;
    border-top: 1px solid var(--line);
}

.profile-gh-activity-timeline .profile-activity-item {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    border-bottom: 1px solid var(--line);
}

.profile-gh-activity-timeline .profile-activity-item p {
    margin: 0 0 4px;
    color: var(--muted);
    font-size: 13px;
}

.profile-gh-activity-timeline .profile-activity-item strong {
    color: var(--ink);
}

.profile-gh-activity-timeline .profile-activity-item time {
    color: var(--muted);
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.profile-follow-switcher {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin: 0 0 18px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.profile-follow-switcher a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    border-right: 1px solid var(--line);
}

.profile-follow-switcher a:last-child {
    border-right: 0;
}

.profile-follow-switcher a.is-active,
.profile-follow-switcher a:hover {
    color: var(--ink);
    box-shadow: inset 0 -3px 0 var(--orange);
}

.profile-follow-switcher span {
    padding: 1px 7px;
    background: var(--pill-bg);
    border-radius: 999px;
}

.profile-gh-user-list {
    display: grid;
    gap: 0;
    border-top: 1px solid var(--line);
}

.profile-gh-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 22px;
}

.profile-gh-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    padding: 0 10px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.profile-gh-pagination a:hover,
.profile-gh-pagination a.is-active {
    color: var(--ink);
    border-color: var(--brand);
    box-shadow: inset 0 -3px 0 var(--orange);
}

.profile-gh-pagination a.is-disabled {
    color: var(--muted);
    pointer-events: none;
    opacity: 0.56;
}

.profile-gh-page-gap {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
}

.profile-pin-modal[hidden] {
    display: none;
}

.profile-pin-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 22px;
}

.profile-pin-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(1, 4, 9, 0.72);
    backdrop-filter: blur(2px);
}

.profile-pin-panel {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 14px;
    width: min(100%, 520px);
    max-height: min(680px, 86vh);
    padding: 18px;
    color: var(--ink);
    overflow: hidden;
    background: #010409;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

.profile-pin-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.profile-pin-head h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 850;
}

.profile-pin-head button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--muted);
    cursor: pointer;
    background: var(--button-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.profile-pin-head button:hover {
    color: var(--ink);
    border-color: var(--button-hover-line);
}

.profile-pin-panel > p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.45;
}

.profile-pin-search {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 0 12px;
    color: var(--muted);
    background: var(--control-bg);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.profile-pin-search:focus-within {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(47, 129, 247, 0.24);
}

.profile-pin-search input {
    width: 100%;
    min-width: 0;
    color: var(--ink);
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    background: transparent;
    border: 0;
    outline: 0;
}

.profile-pin-remaining {
    font-size: 12px !important;
    font-weight: 750;
}

.profile-pin-list {
    display: grid;
    gap: 0;
    max-height: min(360px, 45vh);
    overflow: auto;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.profile-pin-row {
    display: grid;
    grid-template-columns: 18px 18px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    min-height: 44px;
    padding: 0 8px;
    color: var(--ink);
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid var(--line);
}

.profile-pin-row:last-child {
    border-bottom: 0;
}

.profile-pin-row:hover {
    background: var(--pill-bg);
}

.profile-pin-row input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.profile-pin-checkbox {
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    border: 1px solid var(--muted);
    border-radius: 3px;
}

.profile-pin-row input:checked + .profile-pin-checkbox {
    background: var(--brand);
    border-color: var(--brand);
}

.profile-pin-row input:checked + .profile-pin-checkbox::after {
    width: 8px;
    height: 5px;
    content: '';
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg) translate(1px, -1px);
}

.profile-pin-row input:disabled + .profile-pin-checkbox,
.profile-pin-row input:disabled ~ strong {
    opacity: 0.48;
}

.profile-pin-row strong {
    min-width: 0;
    overflow: hidden;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-pin-stars {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
}

.profile-pin-actions {
    display: flex;
    justify-content: flex-end;
}

.profile-pin-actions .button {
    min-height: 36px;
    padding: 0 18px;
}

.profile-pin-actions .button.is-loading {
    opacity: 0.72;
}

.profile-user-row,
.profile-gh-group-row {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px 0;
    color: var(--ink);
    text-decoration: none;
    border-bottom: 1px solid var(--line);
}

.profile-user-row-avatar {
    width: 48px;
    height: 48px;
    font-size: 17px;
}

.profile-user-row h3 {
    margin: 0 0 2px;
    font-size: 15px;
}

.profile-user-row h3 a {
    color: var(--brand);
    text-decoration: none;
}

.profile-user-row h3 a:hover {
    text-decoration: underline;
}

.profile-user-row p,
.profile-user-row small {
    display: block;
    margin: 0 0 4px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}

.profile-user-row-follow {
    width: auto;
    min-width: 96px;
    margin-bottom: 0;
}

.profile-gh-group-row {
    grid-template-columns: 42px minmax(0, 1fr);
}

.profile-gh-group-row > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--muted);
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.profile-gh-group-row strong,
.profile-gh-group-row small {
    grid-column: 2;
}

.profile-gh-group-row strong {
    color: var(--brand);
    font-size: 15px;
}

.profile-gh-group-row small {
    color: var(--muted);
    font-size: 12px;
}

.social-feed-shell {
    width: min(100% - 40px, 940px);
    margin: 34px auto 72px;
}

.social-feed-head {
    margin-bottom: 22px;
}

.social-feed-list {
    display: grid;
    gap: 0;
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
}

.social-feed-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
    padding: 16px;
    border-bottom: 1px solid var(--line);
}

.social-feed-item:last-child {
    border-bottom: 0;
}

.social-feed-avatar {
    width: 46px;
    height: 46px;
    font-size: 16px;
}

.social-feed-copy p {
    margin: 0 0 5px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.45;
}

.social-feed-copy a {
    color: var(--brand);
    font-weight: 850;
    text-decoration: none;
}

.social-feed-copy a:hover {
    text-decoration: underline;
}

.social-feed-item time {
    color: var(--muted);
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

@media (max-width: 980px) {
    .profile-gh-shell {
        width: min(100% - 28px, 720px);
        margin-bottom: 48px;
    }

    .profile-gh-tabs {
        width: min(100%, 720px);
        margin: 16px auto 24px;
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 8px;
    }

    .profile-gh-tabs a {
        flex: 0 0 auto;
        min-height: 46px;
        padding: 0 16px;
        font-size: 13px;
        border-right: 1px solid var(--line);
    }

    .profile-gh-tabs a:last-child {
        border-right: 0;
    }

    .profile-gh-tabs a::after {
        right: 0;
        left: 0;
        height: 3px;
    }

    .profile-gh-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .profile-gh-card {
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 14px 18px;
        align-items: center;
    }

    .profile-gh-avatar {
        grid-row: span 2;
        width: 88px;
        height: 88px;
        margin: 0;
        font-size: 30px;
    }

    .profile-gh-name-block h1 {
        font-size: 24px;
    }

    .profile-gh-name-block p {
        margin-bottom: 0;
        font-size: 18px;
    }

    .profile-gh-follow,
    .profile-gh-bio,
    .profile-gh-social,
    .profile-gh-meta,
    .profile-gh-counts,
    .profile-gh-card hr,
    .profile-gh-report {
        grid-column: 1 / -1;
    }

    .profile-gh-follow {
        margin-bottom: 0;
    }

    .profile-gh-card hr {
        width: 100%;
    }

    .profile-gh-pinned-grid {
        grid-template-columns: 1fr;
    }

    .profile-gh-repo-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-gh-repo-side {
        grid-template-columns: auto;
        justify-items: start;
        align-items: center;
    }

    .profile-gh-repo-row .profile-gh-repo-side {
        grid-template-columns: auto;
    }

    .profile-gh-contribution-layout {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .profile-gh-year-filter {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .profile-gh-year-filter a {
        flex: 0 0 auto;
    }

    .profile-gh-filter-toolbar {
        grid-template-columns: 1fr auto;
    }

    .profile-gh-filter-pills {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .profile-gh-filter-select > div {
        position: fixed;
        top: auto;
        right: 14px;
        bottom: 18px;
        left: 14px;
        width: auto;
        min-width: 0;
        max-height: min(420px, 68vh);
    }

    .profile-gh-private-grid {
        grid-template-columns: repeat(14, 1fr);
    }

    .social-feed-shell {
        width: min(100% - 28px, 720px);
    }
}

@media (max-width: 640px) {
    .profile-gh-shell {
        width: min(100% - 20px, 560px);
    }

    .profile-gh-tabs {
        justify-content: center;
        margin-top: 12px;
        margin-bottom: 20px;
        overflow-x: visible;
    }

    .profile-gh-tabs a {
        flex: 1 1 0;
        justify-content: center;
        min-width: 0;
        min-height: 44px;
        padding: 0 8px;
        text-align: center;
    }

    .profile-gh-tabs a i {
        display: none;
    }

    .profile-gh-card {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 12px 14px;
    }

    .profile-gh-avatar {
        width: 72px;
        height: 72px;
        font-size: 24px;
    }

    .profile-gh-name-block h1 {
        font-size: 21px;
    }

    .profile-gh-name-block p {
        font-size: 17px;
    }

    .profile-gh-section-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .profile-gh-repo-copy h3 {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .profile-gh-repo-side {
        grid-template-columns: 1fr;
    }

    .profile-gh-filter-toolbar {
        grid-template-columns: 1fr;
    }

    .profile-gh-filter-submit {
        display: none;
    }

    .profile-gh-filter-pills {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        overflow: visible;
    }

    .profile-gh-filter-select summary {
        justify-content: space-between;
        width: 100%;
        padding: 0 10px;
    }

    .profile-gh-filter-select summary span {
        display: none;
    }

    .profile-pin-modal {
        align-items: end;
        padding: 12px;
    }

    .profile-pin-panel {
        width: 100%;
        max-height: 88vh;
        padding: 16px;
        border-radius: 14px;
    }

    .profile-pin-row {
        grid-template-columns: 18px 16px minmax(0, 1fr) auto;
        min-height: 42px;
        font-size: 13px;
    }

    .profile-follow-switcher {
        display: flex;
        width: 100%;
    }

    .profile-follow-switcher a {
        flex: 1 1 0;
        justify-content: center;
    }

    .profile-user-row,
    .social-feed-item {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .profile-user-row-follow,
    .social-feed-item time {
        grid-column: 2;
        justify-self: start;
    }

    .profile-user-row-avatar,
    .social-feed-avatar {
        width: 42px;
        height: 42px;
    }

    .social-feed-shell {
        width: min(100% - 20px, 560px);
        margin-top: 22px;
    }
}