[hidden]{display:none!important}
.auth-gate{position:fixed;inset:0;overflow:auto;z-index:100;min-height:100dvh;background:#fff;color:#000;color-scheme:light;display:block;font-family:"Times New Roman",Times,serif;padding:54px 14px 110px}
.auth-intro,.auth-panel{width:min(720px,100%);margin:0 auto}
.auth-intro{padding:0;background:none;border:0;display:block}
.auth-wordmark{display:inline-block;color:#551a8b;text-decoration:underline;font:400 clamp(22px,4.8vw,30px)/1.2 "Times New Roman",Times,serif;letter-spacing:0;margin:20px 0 42px}
.auth-intro h1{font:700 clamp(42px,8.8vw,66px)/.98 "Times New Roman",Times,serif;letter-spacing:-1.5px;margin:0 0 38px;max-width:660px}
.auth-intro h1 em{font-style:italic;color:inherit}
.auth-intro>p{font:400 clamp(23px,5.3vw,31px)/1.22 "Times New Roman",Times,serif;max-width:700px;color:#111;margin:0 0 38px}
.auth-panel{padding:0;display:block}
.auth-panel .tiny-label{display:block;font:400 20px/1.2 "Times New Roman",Times,serif;color:#111;letter-spacing:0;margin:0 0 8px}
.auth-modes{display:flex;gap:6px;border:0;margin:0 0 34px}
.auth-modes button,.auth-links button,.auth-reload{appearance:auto;border:0;background:#ececef;color:#111;border-radius:18px;padding:4px 17px;font:400 16px/1.1 Arial,sans-serif;min-height:0}
.auth-modes button.active{color:#111;border:0;background:#e5e5e8}
.auth-panel h2{font:700 clamp(32px,7vw,43px)/1.08 "Times New Roman",Times,serif;letter-spacing:0;margin:0 0 30px}
.auth-panel>p{font:400 clamp(22px,5vw,29px)/1.35 "Times New Roman",Times,serif;color:#111;margin:0 0 30px}
.auth-form{max-width:700px}
.auth-form label{display:block;color:#111;font:400 21px/1.35 "Times New Roman",Times,serif;margin:0 0 25px}
.auth-form input{display:block;width:100%;max-width:560px;margin-top:9px;padding:7px 9px;border:1px solid #d9d9de;background:#fff;border-radius:7px;color:#000;font:400 18px/1.3 Arial,sans-serif;min-height:40px;box-shadow:none}
.auth-form input:focus{outline:1px solid #777;outline-offset:1px}
.auth-form .primary{appearance:auto;width:auto;min-height:0;border:0;background:#a8d4ff;color:#fff;border-radius:18px;padding:5px 18px;font:400 16px/1.1 Arial,sans-serif}
.auth-form small{display:block;font:400 15px/1.35 Arial,sans-serif;color:#444;margin-top:7px}
.auth-links{display:flex;gap:8px;margin-top:6px}
.auth-message{font:400 20px/1.35 "Times New Roman",Times,serif;min-height:32px;color:#111;margin:22px 0 0}
.auth-message.error{color:#9a0000}
.auth-privacy{padding:0;margin:36px 0 0;border:0;max-width:700px;font:400 clamp(19px,4.4vw,25px)/1.42 "Times New Roman",Times,serif;color:#111}
.auth-reload{margin-top:12px;width:auto}
@media(min-width:760px){
 .auth-gate{padding-top:72px}
 .auth-intro,.auth-panel{margin-left:max(14px,calc((100vw - 980px)/2));width:min(860px,calc(100% - 28px))}
 .auth-wordmark{margin-bottom:48px}
 .auth-form{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:0 24px;align-items:end}
 .auth-form label{margin-bottom:20px}
 .auth-form .primary{grid-column:1/-1;justify-self:start}
 .auth-links{grid-column:1/-1}
}
@media(max-width:520px){
 .auth-gate{padding-top:28px}
 .auth-wordmark{margin-top:20px;margin-bottom:40px}
 .auth-intro h1{margin-bottom:34px}
 .auth-panel h2{margin-bottom:24px}
 .auth-form label{font-size:19px}
 .auth-form input{font-size:16px}
}

.account-wrap{position:relative}.account-button{font-size:13px;min-height:35px}.account-menu{position:absolute;right:0;top:45px;z-index:25;width:300px;padding:20px;background:#1c2517;border:1px solid #50603d;border-radius:5px;box-shadow:0 14px 50px #0009}.account-menu h2{font-size:13px;letter-spacing:1px;color:#b8cd9d;margin:0 0 10px}.account-menu .account-email{font-size:14px;overflow-wrap:anywhere;color:#e3eed9}.account-menu p{font-size:12px;line-height:1.6;color:#a6b696}.account-menu button{font-size:13px;margin-top:8px}.account-menu .account-close{position:absolute;right:12px;top:7px;border:0;padding:3px 7px;background:none}
@media(max-width:850px){.account-button{padding:6px 8px;font-size:12px}.account-menu{position:fixed;right:14px;top:75px;width:min(320px,calc(100vw - 28px))}}
@media(max-width:450px){.topbar{gap:8px}.topbar .top-actions{gap:5px}.top-actions #helpBtn{display:none}.topbar .wordmark>span:last-child{font-size:15px}.topbar .wordmark small{font-size:8px}.account-button{font-size:11px;padding:6px}.top-actions button{padding-left:8px;padding-right:8px}}
.account-menu{max-height:calc(100dvh - 80px);overflow-y:auto}.account-menu h3{font-size:10px;letter-spacing:1.5px;color:#b8cd9d;margin:20px 0 7px}.account-menu .account-storage-button{display:block;width:100%;text-align:left;margin-top:6px;padding:10px 12px;border-color:#46583a}.account-storage-button small{display:block;color:#a6b696;font-size:11px;font-weight:400;margin-top:3px}.account-divider{border-top:1px solid #46583a;margin-top:17px;padding-top:8px}

.auth-gate{letter-spacing:0}.auth-panel{box-shadow:none}.auth-wordmark{text-decoration:underline}
