/* Only the selected theme's background is referenced by a matching selector. */
.universe{background-image:none;background-color:var(--dhc-night)}
:root[data-dhc-theme="sober"] .universe{background-image:linear-gradient(0deg,#020b1766,transparent 35%),url("universe.svg")}
:root[data-dhc-theme="illustrated"] .universe{background-image:linear-gradient(0deg,#020b1744,transparent 35%),url("univers-illustrated.webp")}
:root[data-dhc-theme="pixel"] .universe{background-image:linear-gradient(0deg,#020b1744,transparent 35%),url("univers-pixel.webp")}
.auth-card{border-color:var(--dhc-border);border-radius:var(--dhc-radius);background:var(--dhc-card)}
.auth-card button{background:var(--dhc-button)}
.site-brand{justify-content:space-between;gap:20px;height:106px}
.site-brand,footer{z-index:1}
.site-brand:before,footer:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#020b17e8;border-bottom:1px solid #48c9ef26;pointer-events:none}
footer:before{background:#020b17bd;border-bottom:0;border-top:1px solid #48c9ef1a}
.site-identity{display:flex;align-items:center;gap:19px;min-width:0}
.theme-picker{display:grid;grid-template-columns:auto minmax(180px,230px);align-items:center;gap:4px 12px}
.theme-picker label{font-size:12px;color:#b7cfdf}
.theme-picker select{min-height:42px;max-width:100%;border:1px solid #55cde475;border-radius:11px;background:#051526e8;color:#dff5ff;font:inherit;font-size:12px;padding:9px 28px 9px 12px;cursor:pointer}
.theme-picker select:disabled{cursor:default}
.theme-picker select:focus-visible{outline:2px solid #52ddff;outline-offset:3px}
.theme-picker span{grid-column:2;font-size:10px;letter-spacing:0;text-transform:none;color:#a1bdce;min-height:14px}
main{min-height:calc(100svh - 180px)}
:root[data-dhc-theme="pixel"] .auth-card{box-shadow:0 0 0 3px #6552bc1f,0 26px 90px #0009,0 0 42px #7666ff22}
:root[data-dhc-theme="illustrated"] .universe,:root[data-dhc-theme="pixel"] .universe{background-size:cover}
@media(min-width:1600px){:root[data-dhc-theme="sober"] .universe{background-size:contain}}
@media(max-width:800px){.site-brand{height:96px}.site-identity span{display:none}.site-identity{gap:0}.theme-picker{grid-template-columns:auto minmax(150px,220px);gap:4px 9px}main{min-height:calc(100svh - 170px)}.universe{opacity:.8}}
@media(max-width:480px){.site-brand{height:92px;width:calc(100% - 32px);gap:12px}.theme-picker{grid-template-columns:minmax(0,205px);gap:3px}.theme-picker label{font-size:10px}.theme-picker select{font-size:11px;min-height:36px;padding:6px 20px 6px 9px}.theme-picker span{grid-column:1;font-size:9px}.site-brand img{width:63px}main{min-height:calc(100svh - 172px)}:root[data-dhc-theme="illustrated"] .universe,:root[data-dhc-theme="pixel"] .universe{position:absolute;top:92px;height:330px;background-size:100% auto;background-position:center top;opacity:1}:root[data-dhc-theme="illustrated"] main,:root[data-dhc-theme="pixel"] main{padding-top:155px}.auth-card{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:481px) and (max-width:1100px){:root[data-dhc-theme="illustrated"] .universe,:root[data-dhc-theme="pixel"] .universe{position:absolute;top:106px;height:calc(100svh - 106px);background-size:100% auto;background-position:center top}}
@media(max-width:480px){:root[data-dhc-theme="illustrated"] .universe{background-image:linear-gradient(0deg,#020b1744,transparent 35%),url("univers-illustrated-mobile.webp")}:root[data-dhc-theme="pixel"] .universe{background-image:linear-gradient(0deg,#020b1744,transparent 35%),url("univers-pixel-mobile.webp")}}