:root { --startup-background: #11151c; --startup-fill: #222935; }
:root[data-theme="light"] { --startup-background: #f7f8fa; --startup-fill: #e7eaee; }
#app-preloader { position: fixed; inset: 0; z-index: 10000; background: var(--startup-background); padding: 32px; }
.startup-shell { display: grid; grid-template-columns: 230px 1fr; gap: 48px; height: 100%; max-width: 1600px; margin: auto; }
.startup-sidebar, .startup-main { display: flex; flex-direction: column; gap: 24px; }
.startup-shell i { display: block; height: 36px; border-radius: 8px; background: var(--startup-fill); }
.startup-sidebar i:first-child { height: 64px; margin-bottom: 32px; }
.startup-main .startup-heading { height: 44px; width: 45%; }
.startup-content { display: grid; gap: 24px; margin-top: 24px; }
.startup-content i { height: 110px; }
#app-preloader[data-shell="neutral"] .startup-sidebar, #app-preloader[data-shell="auth"] .startup-sidebar { display: none; }
#app-preloader[data-shell="neutral"] .startup-shell, #app-preloader[data-shell="auth"] .startup-shell { display: block; max-width: 440px; padding-top: 15vh; }
#app-preloader[data-shell="neutral"] .startup-content { display: none; }
#app-preloader[data-shell="auth"] .startup-content i { height: 44px; }
.startup-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 760px) { .startup-sidebar { display: none; } .startup-shell { grid-template-columns: 1fr; } #app-preloader { padding: 20px; } }
@media (forced-colors: active) { .startup-shell i { background: Canvas; border: 1px solid GrayText; } }