:root{font:18px system-ui;color:#eaf0f3;background:#13242b}main{max-width:42rem;margin:10vh auto;padding:2rem}h1{font-size:3rem}input{display:block;box-sizing:border-box;width:100%;margin:1rem 0;padding:.7rem}button{padding:.7rem 1rem;margin:0 .5rem .5rem 0;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#20363e;padding:1rem}#message{color:#ffcf9c}label{display:block}
section{margin-top:2rem;border-top:1px solid #55717b;padding-top:1rem}li{margin:1rem 0;overflow-wrap:anywhere}li button{display:block;margin-top:.5rem}button:disabled{cursor:default;opacity:.55}[hidden]{display:none}

@media(max-width:480px){main{margin:0;padding:1rem}h1{font-size:2rem}}input[type=checkbox]{display:inline;width:auto}button{min-height:44px}input{font-size:1rem}form{margin:1rem 0}#message:focus{outline:2px solid currentColor}

/* A signed-in name edit is a focused form, not another sign-in/setup page. */
.profile-view main>:not(h1):not(#profile):not(#message){display:none!important}
.profile-view #profile{margin-block:1rem}
.profile-view h1{font-size:1.6rem;margin-block:1rem}