/* One continuous galaxy layer; no separately lit header/navigation/viewport bands. */
.explorer{isolation:isolate;background:#0f142b}
.explorer::before,.explorer::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.explorer::before{bottom:auto;height:440px;background:url('/assets/nebula-header.webp') center top/cover no-repeat;opacity:.46;mask-image:linear-gradient(to bottom,#000 0,#000 110px,transparent 100%)}
.explorer::after{background:url('/assets/starfield.svg') center top/1400px 1000px;opacity:.42}
.explorer>header,.explorer>.viewport,.explorer>.bottom-bar{position:relative;z-index:1;background:transparent}
.explorer>header::before,.explorer>header::after{content:none}
.explorer>header>.masthead{background:transparent}
.explorer>header>.tabs{background:transparent;height:94px;padding-bottom:8px}
.explorer .viewport{padding-top:12px;padding-bottom:10px}
.explorer .rail{margin-left:14px;gap:16px}
.explorer .pane{flex-basis:calc(var(--viewport-width,1200px) - 64px)}
.explorer .folder-body{border-radius:0 0 18px 18px}
/* Keep native scrolling, but keep track/buttons out of the curved frame corners. */
@supports selector(::-webkit-scrollbar){
 .folder-body{scrollbar-width:auto;scrollbar-color:auto}
 .folder-body::-webkit-scrollbar{width:8px}
 .folder-body::-webkit-scrollbar-button{display:none;width:0;height:0}
 .folder-body::-webkit-scrollbar-track{margin-block:10px;background:#1a203c;border-radius:8px}
 .folder-body::-webkit-scrollbar-thumb{background:#8c6cad;border:2px solid #1a203c;border-radius:8px}
 .folder-body::-webkit-scrollbar-corner{background:transparent}
}
.bottom-bar{padding:6px 20px 8px}
@media(min-width:701px){
 body{padding:8px}
 .explorer>header>.masthead{min-height:78px}
 .pane#folder-home .folder-body{padding:32px 40px}
}
@media(min-width:701px) and (max-width:1150px){
 .explorer>header>.tabs{height:100px;padding-bottom:8px}
 .pane#folder-home .folder-body{padding:28px 30px}
}
@media(max-width:700px){
 .explorer>header>.tabs{height:100px;padding-bottom:8px}
 .explorer .rail{margin-left:12px;gap:12px}
 .explorer .pane{flex-basis:calc(var(--viewport-width) - 43px)}
 .explorer .folder-body{border-radius:0 0 16px 16px}
 .bottom-bar{padding:8px 14px}
}
@media(max-height:600px){
 .explorer>header>.masthead{min-height:62px}
 .explorer>header>.tabs{height:74px;padding-bottom:8px}
 .explorer .viewport{padding-top:10px;padding-bottom:8px}
 .pane#folder-home .folder-body{padding-top:24px;padding-bottom:24px}
}