/* Shared ODIIN DISTRO spectrum branding. Original logo is preserved. */
:root{--bg:#050812;--panel:#0b1220;--panel-2:#101a2b;--line:#34577b;--text:#f8fbff;--muted:#b3bfd3;--green:#17db88;--blue:#248eff;--cyan:#00dcf0;--pink:#ff008a;--gold:#ffc400;--violet:#7027e9;--spectrum:linear-gradient(115deg,#ffc400,#ff8500 16%,#ff008a 36%,#7027e9 55%,#1677ff 72%,#00dcf0 87%,#17db88)}
body{background:#050812!important;isolation:isolate}
body::before{content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:url('/assets/odiin-distro-logo.png') center center / min(82vw,850px) auto no-repeat!important;opacity:.35!important;mask-image:none!important}
.ambient-logo{display:none!important}
.brand{display:flex!important;align-items:center;gap:12px;letter-spacing:normal!important;flex-shrink:0}
.brand-logo{display:block;width:104px;height:90px;object-fit:contain;border-radius:8px}
.top{height:auto!important;min-height:108px!important;gap:18px;flex-wrap:wrap;background:#050812ed!important;border-bottom:1px solid var(--cyan)!important;padding-top:8px!important;padding-bottom:8px!important}
.side .brand{flex-direction:column;padding:8px 0 18px}.admin-label{font-size:14px;color:var(--cyan)}
.login-logo{display:block;width:150px;height:auto;margin:0 auto 20px}
.identity-orbit .o-crop{inset:0!important;width:100%!important;height:100%!important;display:grid;place-items:center;overflow:visible!important;position:absolute!important;transform:none!important}
.identity-orbit .o-crop img{position:static!important;width:88%!important;height:auto!important;max-height:90%;object-fit:contain;transform:none!important;border-radius:12px}
.identity-orbit .orbit-caption{bottom:0}.identity-orbit .globe{opacity:.15!important}
.card,.stat,.side,.notice,table,.chat-message,.playlist-item,.tier-card{background-color:#0b1220ed!important;border-color:#426193!important}
.card,.stat{background-image:linear-gradient(125deg,#101a2bf5,#0b1220ed)!important;border-top-color:var(--cyan)!important}
.card.feature:nth-child(3n+1),.stat:nth-child(3n+1){border-top-color:var(--gold)!important}.card.feature:nth-child(3n+2),.stat:nth-child(3n+2){border-top-color:var(--pink)!important}
button,.ghost,.primary,input::file-selector-button{border:1px solid transparent!important;background:linear-gradient(#101a30,#101a30) padding-box,var(--spectrum) border-box!important;color:#f8fbff!important;border-radius:10px;transition:box-shadow .2s,filter .2s}
button:hover:not(:disabled),.ghost:hover{box-shadow:0 0 18px #00dcf035;filter:brightness(1.2)}
button.primary,.primary,button.active,.nav button.active,.side button.active{background:linear-gradient(115deg,#662507,#951250 35%,#41229b 60%,#075e9d 85%,#006b68) padding-box,var(--spectrum) border-box!important;color:#fff!important;box-shadow:0 3px 16px #7027e92e!important}
button:disabled{opacity:.5;filter:saturate(.4)}
input:not([type=checkbox]):not([type=radio]),select,textarea,.field input,.field select,.field textarea{color:#f8fbff!important;background:linear-gradient(#0a1427,#0a1427) padding-box,var(--spectrum) border-box!important;border:1px solid transparent!important;border-radius:9px;padding:12px;max-width:100%;color-scheme:dark}
input::placeholder,textarea::placeholder{color:#aab8cf}option{background:#0a1427;color:#fff}
:focus-visible{outline:2px solid var(--cyan)!important;outline-offset:3px}
.progress span{background:var(--spectrum)!important}.side:before{content:""!important;display:block!important;height:90px;background:url('/assets/odiin-distro-logo.png') center/contain no-repeat;padding:0!important;border:0!important}.shell .side:before{display:none!important}
#brandSplash{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;background:#050812;overflow:hidden}
#brandSplash img{display:block;width:min(76vw,620px);max-height:78vh;object-fit:contain;border-radius:12px;opacity:0;animation:odiinSplash 20s linear forwards}
#brandSplash button{position:absolute;right:24px;bottom:24px;padding:10px 18px}
@keyframes odiinSplash{0%{opacity:0}35%{opacity:1}50%{opacity:1}100%{opacity:0}}
@media(max-width:650px){.top{padding:8px 12px!important}.brand-logo{width:80px;height:70px}.nav{gap:6px}.nav button,.nav .ghost{font-size:13px;padding:9px}.identity-orbit{min-height:320px!important}body::before{background-size:94vw auto!important}}