body:not([data-auth="yes"]) main,body:not([data-auth="yes"]) #connection{display:none}
body[data-auth="yes"] #auth-screen{display:none}
.auth-screen{max-width:460px;margin:64px auto;padding:0 20px}
.auth-card{padding:32px;background:white;border:1px solid #e1e8e3;border-radius:20px}
.auth-card h2{font-size:28px;line-height:1.15;margin:8px 0 16px}
.auth-card p{color:#65746c;line-height:1.5}
.auth-card .eyebrow{font-size:13px;color:#39765e;font-weight:600}
.auth-card .button{width:100%;margin-top:10px}
.auth-options{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}
.account-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
#account-name{font-weight:600;margin-right:auto}
#account-content{padding:8px 0 18px;line-height:1.6}
#account-content section+section{border-top:1px solid #e1e8e3;margin-top:24px;padding-top:16px}
.account-user{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef1ed}
.account-code{width:100%;margin-top:12px;padding:10px;border:1px solid #c9d7ce;border-radius:6px;font-size:16px}
.account-message{padding:12px;border-radius:8px;background:#f1f6f2;margin:14px 0}
[hidden]{display:none!important}
@media(max-width:520px){.auth-screen{margin:28px auto}.auth-card{padding:24px}.account-bar{gap:12px;font-size:13px}}