html:not([data-auth=authenticated]) .shell{display:none!important}
html[data-auth=authenticated] #auth-gate{display:none!important}
html:not([data-auth=authenticated]) dialog{display:none!important}
#auth-gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg,#131820);color:var(--text,#e9edf4)}
.auth-card{width:100%;max-width:460px;border:1px solid var(--line,#303a48);border-radius:18px;background:var(--panel,#1b222c);padding:32px;box-sizing:border-box}
.auth-brand{display:block;color:inherit;text-decoration:none;font-size:28px;font-weight:750;margin-bottom:28px}
.auth-card h1{font-size:27px;line-height:1.3;letter-spacing:-.5px;margin-bottom:14px}
#auth-message{color:var(--muted,#a0aabb);line-height:1.6;margin-bottom:24px}
#auth-signin{display:flex;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border-radius:10px;background:var(--soft,#273955);border:1px solid var(--blue,#96b6ff);color:var(--blue,#96b6ff);text-decoration:none;font-weight:600;font-size:16px}
#auth-signin:hover{filter:brightness(1.1)}#auth-signin:focus-visible{outline:3px solid var(--blue,#96b6ff);outline-offset:4px}
.auth-help{display:block;margin-top:20px;color:var(--muted,#a0aabb);line-height:1.5;text-align:center;min-height:44px;padding:10px 0}
#auth-retry{margin-top:16px;width:100%;min-height:44px}
html[data-auth=help] #auth-gate{min-height:0;padding:24px 18px 0}
html[data-auth=help] .auth-card{max-width:980px;padding:20px}
html[data-auth=help] .auth-brand,html[data-auth=help] .auth-card h1,html[data-auth=help] .auth-help,html[data-auth=help] #auth-message{display:none}
html[data-auth=help] #auth-signin{max-width:260px;margin-left:auto}
html[data-auth=help] .shell{display:block!important}
html[data-auth=help] .shell aside,html[data-auth=help] .content>header,html[data-auth=help] main>section:not(#help),html[data-auth=help] main>#notice,html[data-auth=help] main>footer,html[data-auth=help] .heading>a{display:none!important}
html[data-auth=help] .content{margin:0;width:100%}html[data-auth=help] main{max-width:1020px;padding-top:24px}
@media(max-width:480px){.auth-card{padding:24px}.auth-card h1{font-size:24px}}