#load-objects-btn {
    min-height: 18px;
    height: 18px;
    padding: 0 10px;
    border-radius: 7px;
    border: 1px solid rgba(148, 214, 255, 0.52);
    background: linear-gradient(135deg, rgba(8,30,60,0.9) 0%, rgba(20,58,100,0.9) 60%, rgba(35,88,145,0.9) 100%);
    color: #e6f4ff;
    font: 700 8px Segoe UI, Arial, sans-serif;
    letter-spacing: 0.04em;
    cursor: pointer;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(72,163,255,0.22), inset 0 0 10px rgba(160,220,255,0.1);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

#load-objects-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(186,230,253,0.78);
    box-shadow: 0 0 14px rgba(96,185,255,0.35), inset 0 0 12px rgba(186,230,253,0.16);
}

#load-objects-btn:active {
    transform: translateY(0);
}

.load-objects-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 12050;
    display: none;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 10%, rgba(22,60,102,0.2), rgba(0,0,0,0.82) 55%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 12px;
}

/* Modal container with proper stacking context */
.load-objects-modal-content {
    position: relative;
    z-index: 0; /* base layer */
    width: min(980px, calc(100vw - 24px));
    min-height: min(760px, calc(100vh - 24px));
    max-height: calc(100vh - 24px);
    overflow: hidden;
    display: flex;
    flex-direction: column;

    /* REMOVE gradients from here — they move to ::after */
    background: none;

    border: 1px solid rgba(127,196,255,0.25);
    border-radius: 14px;
    box-shadow: 
        0 18px 48px rgba(0,0,0,0.65),
        inset 0 0 34px rgba(56,189,248,0.08);
    color: #e2e8f0;
}

.load-objects-modal-content::before {
    content: "" !important;
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;

    background-image:
        /* faint nebula glow */
        radial-gradient(circle at 20% 25%, rgba(255,255,255,0.10) 0%, transparent 60%),
        radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 0%, transparent 65%),

        /* starfield: small, sharp points */
        radial-gradient(circle at 12% 40%, rgba(255,255,255,0.95) 0%, transparent 1.5px),
        radial-gradient(circle at 65% 22%, rgba(255,255,255,0.85) 0%, transparent 1.5px),
        radial-gradient(circle at 82% 78%, rgba(255,255,255,0.90) 0%, transparent 1.5px),
        radial-gradient(circle at 30% 85%, rgba(255,255,255,0.88) 0%, transparent 1.5px),
        radial-gradient(circle at 45% 12%, rgba(255,255,255,0.92) 0%, transparent 1.5px),
        radial-gradient(circle at 72% 55%, rgba(255,255,255,0.87) 0%, transparent 1.5px),
        radial-gradient(circle at 15% 70%, rgba(255,255,255,0.93) 0%, transparent 1.5px);

    background-size: cover;
    opacity: 0.55; /* medium intensity */
    filter: blur(0.1px); /* keep stars sharp */
}

/* Gradient backdrop moved to ::after so starfield can sit above it */
.load-objects-modal-content::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background:
        radial-gradient(ellipse 80% 60% at 20% -10%, rgba(56,189,248,0.10) 0%, transparent 62%),
        radial-gradient(ellipse 70% 58% at 88% 5%, rgba(129,140,248,0.08) 0%, transparent 58%),
        linear-gradient(160deg, rgba(5,11,20,0.75), rgba(7,16,30,0.72));
}


/* Ensure modal content sits above starfield + gradients */
.load-objects-modal-content > * {
    position: relative;
    z-index: 2;
}

.load-objects-modal-header {
    padding: 12px 14px 8px;
    border-bottom: 1px solid rgba(148,214,255,0.18);
}

.load-objects-modal-header h3 {
    margin: 0;
    font: 700 19px Segoe UI, Arial, sans-serif;
    letter-spacing: 0.04em;
    color: #f1f5f9;
}

.load-objects-modal-header p {
    margin: 4px 0 0;
    font: 500 12px Segoe UI, Arial, sans-serif;
    color: rgba(191,219,254,0.9);
}

.load-objects-modal-grid {
    padding: 10px 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}

.load-objects-section {
    border: 1px solid rgba(148,214,255,0.2);
    border-radius: 10px;
    background: linear-gradient(170deg, rgba(11,23,40,0.86), rgba(10,18,30,0.76));
    box-shadow: inset 0 0 22px rgba(56,189,248,0.05);
    padding: 10px;
}

.load-objects-section h4 {
    margin: 0 0 6px;
    font: 700 11px Segoe UI, Arial, sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #bae6fd;
}

.load-objects-section h4 {
    margin: 0 0 8px;
    font: 700 11px Segoe UI, Arial, sans-serif;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #bae6fd;
    text-align: center;
    position: relative;
}

/* Backboard behind the section title */
.load-objects-section h4::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 18px;
    border-radius: 999px;
    background: radial-gradient(circle at 50% 0%, rgba(148,214,255,0.22), transparent 70%);
    box-shadow:
        0 0 0 1px rgba(148,214,255,0.25),
        0 0 12px rgba(56,189,248,0.25);
    opacity: 0.9;
    pointer-events: none;
    z-index: 0;
}

/* Make the text sit above the backboard */
.load-objects-section h4 span,
.load-objects-section h4 {
    position: relative;
    z-index: 1;
}

.load-objects-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    justify-items: stretch;
}

.load-select-btn {
    width: 100%;
    min-width: 0;
    min-height: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0 6px;
    font: 700 9px Segoe UI, Arial, sans-serif;
    letter-spacing: 0.02em;
    text-align: center;
    cursor: pointer;
    text-transform: none;
    position: relative;
    overflow: hidden;
}

.load-btn-label {
    position: relative;
    z-index: 2;
}

.load-select-btn.off {
    filter: grayscale(0.82) brightness(0.76);
    box-shadow: none !important;
    text-shadow: none !important;
    background: linear-gradient(135deg, #36393f 0%, #454a52 100%) !important;
    border-color: rgba(135, 141, 151, 0.7) !important;
    color: #d7dbe2 !important;
}

.load-select-btn.off,
.load-select-btn.star-toggle.off,
.load-select-btn.star-toggle.gaia.off,
.load-select-btn.star-toggle.bsc-theme.off,
.load-select-btn.star-toggle.hip-theme.off {
    background: linear-gradient(135deg, #36393f 0%, #454a52 100%) !important;
    border-color: rgba(135, 141, 151, 0.7) !important;
    color: #d7dbe2 !important;
    filter: grayscale(1) saturate(0.15) brightness(0.8) !important;
}

.load-select-btn.off::before,
.load-select-btn.off::after {
    opacity: 0 !important;
    animation: none !important;
}

.load-select-btn.off .load-btn-label {
    background: rgba(70, 75, 84, 0.72) !important;
    color: #d7dbe2 !important;
    text-shadow: none !important;
}

.load-select-btn.compact-blackhole-chip {
    gap: 5px;
}

.load-select-btn.compact-blackhole-chip .bh-mini-sim {
    margin-right: 1px;
}

.load-select-btn.bsc-theme {
    background: linear-gradient(135deg, #271047 0%, #5a2395 55%, #8b47cf 100%);
    border-color: rgba(219,185,255,0.86) !important;
    color: #f8edff !important;
}

.load-select-btn.hip-theme {
    background: linear-gradient(135deg, #071e2d 0%, #0f5871 52%, #18a2b8 100%);
    border-color: rgba(145, 233, 248, 0.88) !important;
    color: #e4fdff !important;
}

.load-select-btn.gaia-hosts {
    background: linear-gradient(135deg, #102818 0%, #2c7b40 54%, #7be89a 100%) !important;
    border-color: rgba(174, 255, 196, 0.9) !important;
    color: #f1fff5 !important;
}

.load-select-btn.gaia-sunlike {
    background: linear-gradient(135deg, #3a2900 0%, #ab7d00 54%, #ffd84a 100%) !important;
    border-color: rgba(255, 236, 155, 0.92) !important;
    color: #fffbe8 !important;
}

.load-select-btn.gaia-brightest {
    background: linear-gradient(135deg, #08213f 0%, #1a6fc7 54%, #49c4ff 100%) !important;
    border-color: rgba(177, 231, 255, 0.94) !important;
    color: #f3fcff !important;
}

.load-select-btn.gaia-proxima {
    background: linear-gradient(135deg, #2f0910 0%, #621724 54%, #8d2737 100%) !important;
    border-color: rgba(232, 149, 163, 0.82) !important;
    color: #ffe8ed !important;
}

.load-select-btn.desi-proxima-theme {
    background: linear-gradient(135deg, #11051d 0%, #2a0c4a 52%, #441275 100%) !important;
    border-color: rgba(194,142,255,0.76) !important;
    color: #f0e0ff !important;
}

.load-select-btn.sc-theme-superstructures {
    background: linear-gradient(135deg, #0a1730 0%, #163562 52%, #245084 100%) !important;
    border-color: rgba(145,205,255,0.8) !important;
    color: #e1f0ff !important;
}

.load-select-btn.supercluster-toggle {
    position: relative;
    text-shadow: 0 0 2px rgba(0,0,0,0.98), 0 0 8px rgba(0,0,0,0.92), 0 1px 0 rgba(0,0,0,0.95);
    -webkit-text-stroke: 0.25px rgba(0,0,0,0.85);
}

.load-select-btn.supercluster-toggle::before,
.load-select-btn.supercluster-toggle::after {
    z-index: 0;
}

.load-select-btn.supercluster-toggle {
    box-shadow: inset 0 0 0 999px rgba(7, 10, 18, 0.18);
}

.load-select-btn.supercluster-toggle .load-btn-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 0 6px;
    border-radius: 5px;
    background: rgba(7, 10, 18, 0.68);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.08), inset 0 0 10px rgba(0,0,0,0.22);
}

.load-select-btn.sc-theme-spt .load-btn-label {
    background: rgba(255, 255, 255, 0.78);
    color: #22060b !important;
    text-shadow: none !important;
    box-shadow: 0 0 0 1px rgba(90, 15, 24, 0.15), inset 0 0 10px rgba(255,255,255,0.24);
}

.load-select-btn.sc-theme-act {
    background: linear-gradient(135deg, #130e08 0%, #342313 52%, #5b3a1d 100%) !important;
    border-color: rgba(181,145,106,0.8) !important;
    color: #f3e8db !important;
}

.load-select-btn.sc-theme-spt {
    background: linear-gradient(135deg, #f7f8fa 0%, #dedfe3 38%, #8b1f2a 100%) !important;
    border-color: rgba(255,176,189,0.86) !important;
    color: #23050b !important;
    text-shadow: none !important;
}

.load-select-btn.sc-theme-erosita {
    background: linear-gradient(135deg, #a8adb7 0%, #7f8697 40%, #4f3b74 100%) !important;
    border-color: rgba(211,188,255,0.84) !important;
    color: #f6f1ff !important;
}

.load-select-btn.bh-theme-blackcat {
    background: linear-gradient(135deg, rgba(255,175,35,0.38), rgba(255,128,0,0.42)) !important;
    border-color: rgba(255,196,82,0.84) !important;
    color: #fff6dc !important;
}

.load-select-btn.bh-theme-smbh {
    background: linear-gradient(135deg, rgba(255,125,20,0.32), rgba(255,76,0,0.4)) !important;
    border-color: rgba(255,151,74,0.84) !important;
    color: #ffe9d8 !important;
}

.load-select-btn.bh-theme-mergers {
    background: linear-gradient(135deg, rgba(153,108,255,0.35), rgba(109,76,220,0.42)) !important;
    border-color: rgba(197,176,255,0.84) !important;
    color: #f3ecff !important;
}

.load-select-btn.bh-theme-blackcat .bh-mini-disk {
    background: radial-gradient(ellipse at center, rgba(255,232,141,0.95) 0%, rgba(255,169,48,0.75) 50%, rgba(255,132,0,0.16) 100%);
}

.load-select-btn.bh-theme-smbh .bh-mini-disk {
    background: radial-gradient(ellipse at center, rgba(255,185,120,0.95) 0%, rgba(255,119,28,0.76) 48%, rgba(255,87,0,0.16) 100%);
}

.load-select-btn.bh-theme-mergers .bh-mini-disk {
    background: radial-gradient(ellipse at center, rgba(222,203,255,0.95) 0%, rgba(174,138,255,0.74) 48%, rgba(115,93,210,0.14) 100%);
}

.load-objects-modal-footer {
    border-top: 1px solid rgba(148,214,255,0.18);
    padding: 12px 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: auto;
}

.load-objects-summary {
    font: 600 11px Segoe UI, Arial, sans-serif;
    color: #e2e8f0;
    min-height: 14px;
}

.load-objects-static-note {
    font: 500 11px Segoe UI, Arial, sans-serif;
    color: rgba(191,219,254,0.9);
}

.load-objects-time-estimate {
    font: 700 14px Segoe UI, Arial, sans-serif;
    color: #fef3c7;
    letter-spacing: 0.03em;
}

.load-objects-bottom-row {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}

.load-objects-status {
    min-height: 14px;
    font: 500 11px Segoe UI, Arial, sans-serif;
    color: rgba(191,219,254,0.86);
}

.load-objects-actions {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
}

.load-objects-cancel,
.load-objects-apply {
    border-radius: 8px;
    min-height: 28px;
    padding: 0 12px;
    font: 700 11px Segoe UI, Arial, sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
}

.load-objects-cancel {
    color: #e5e7eb;
    border: 1px solid rgba(148,163,184,0.45);
    background: rgba(30,41,59,0.55);
}

.load-objects-apply {
    color: #e0f2fe;
    border: 1px solid rgba(56,189,248,0.6);
    background: linear-gradient(135deg, rgba(9,49,82,0.9), rgba(17,94,154,0.9));
    box-shadow: 0 0 12px rgba(56,189,248,0.2);
}

.load-objects-apply:disabled,
.load-objects-cancel:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}