html:has(#cover-presentation #auth:not([hidden])),body:has(#cover-presentation #auth:not([hidden])){margin:0;overflow:hidden;background:var(--public-bg,#edf2f5);}
#cover-presentation:has(#auth[hidden]){display:none!important;}
body:has(#cover-presentation #auth:not([hidden]))>.app-footer{display:none!important;}
.demo-canvas{--cover-height:100svh;--cover-width:100vw;--photo-shift:0px;width:100%;height:100svh;position:relative;}
#auth.auth-photo{height:100%;min-height:0;}
/* The source contains white margins: crop them in CSS, preserving its aspect ratio. */
#auth .auth-photo-scene{height:100%;bottom:0;background:transparent;clip-path:polygon(0 0,calc(var(--cover-height) * 1.271605 - var(--photo-shift)) 0,calc(var(--cover-height) * .246914 - var(--photo-shift)) 100%,0 100%);overflow:hidden;mix-blend-mode:multiply;}
#auth .auth-photo-scene img{position:absolute;left:calc(var(--cover-height) * -.1489 - var(--photo-shift));top:calc(var(--cover-height) * -.129);width:calc(var(--cover-height) * 1.31035);height:auto;max-width:none;object-fit:initial;}
#auth .auth-entry{width:634px;margin-left:auto;margin-right:57px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;padding:24px 0;}
#auth .auth-brand #public-title{max-width:220px;}
#auth .auth-brand{transform:translateY(40px);}
#auth .auth-brand .vlo-word{font-size:3rem;}
#auth .auth-card{transform:translateY(40px);}
.energy-mark{display:block;width:144px;height:187px;position:relative;transform-origin:center;will-change:transform,opacity;}
.energy-mark svg{width:100%;height:100%;overflow:visible;display:block;}
.inner-pulse{opacity:0;}
#fire{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;}
.demo-controls{position:fixed;right:18px;bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d2dddd;border-radius:12px;background:#fffefa;z-index:10;font:12px system-ui,sans-serif;max-width:calc(100vw - 36px);box-sizing:border-box;}
.demo-controls span{color:#53646b;margin-right:4px;}
.demo-controls button{font:inherit;cursor:pointer;padding:8px 12px;border:1px solid #b4c5ca;border-radius:7px;background:white;color:#182229;}
.demo-controls button:focus-visible{outline:3px solid #15adaa;outline-offset:2px;}
.demo-controls button[aria-pressed=true]{background:#182229;color:white;}
#auth .auth-brand[role=button]:focus-visible{outline:2px solid #15adaa;outline-offset:10px;border-radius:8px;}
/* Phones use normal document flow: never shrink the desktop form to fit. */
@media(max-width:900px),(max-aspect-ratio:4/3){
 html:has(#cover-presentation #auth:not([hidden])),body:has(#cover-presentation #auth:not([hidden])){overflow-x:hidden;overflow-y:auto;}
 .demo-canvas{position:relative;width:100%;height:auto;min-height:100svh;}
 #auth.auth-photo{height:auto;min-height:0;display:block!important;}
 #auth .auth-photo-scene{height:210px;bottom:auto;clip-path:polygon(0 0,100% 0,100% 65%,0 100%);}
 #auth .auth-photo-scene img{left:-12.85%;top:calc(var(--cover-width) * -.111);width:112.85%;height:auto;object-fit:initial;}
 #auth .auth-entry{width:min(100% - 40px,420px);margin:0 auto;grid-template-columns:minmax(0,1fr);gap:24px;padding:222px 0 0;}
 #auth .auth-brand{display:grid!important;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:2px;width:fit-content;max-width:100%;margin:0 auto;transform:none;text-align:left;}
 #auth .auth-brand .energy-mark{grid-column:1;grid-row:1/3;width:72px;height:98.42px;}
 #auth .auth-brand .vlo-word{grid-column:2;grid-row:1;align-self:end;font-size:2.6rem;line-height:1.15;}
 #auth .auth-brand #public-title{grid-column:2;grid-row:2;align-self:start;max-width:220px;font-size:.78rem;line-height:1.5;}
 #auth .auth-brand #public-subtitle{grid-column:1/-1;}
 #auth .auth-card{transform:none;width:100%;}
 #auth form{gap:14px;}
 #auth label{font-size:14px;}
 #auth input{height:48px;font-size:16px;}
 #auth .auth-text-button{font-size:12px;min-height:44px;}
 #auth .auth-login-actions button{font-size:14px;min-height:48px;}
 #fire{width:100%;height:100%;}
 body:has(.story-dialog) .demo-controls,.demo-controls{position:relative;top:auto;bottom:auto;right:auto;margin:16px auto;padding:8px 10px;justify-content:center;max-width:calc(100% - 32px);}
 .demo-controls span{width:100%;text-align:center;}
}
#cover-presentation:has(#register:not([hidden])) .cover-footer{display:none;}
@media(min-width:901px) and (min-aspect-ratio:1.334){#cover-presentation .auth-card:has(#register:not([hidden])){max-height:calc(var(--cover-height) - 60px);overflow:auto;padding:8px 12px;scrollbar-gutter:stable;transform:none;}#cover-presentation:has(#register:not([hidden])) .auth-brand{transform:none;}}