.header-account{display:flex;align-items:center;gap:24px}.login-button{display:inline-flex;align-items:center;gap:18px;padding:11px 16px;border:1px solid #748941;border-radius:5px;background:#d9ff5f0d;color:var(--accent);font:600 13px Barlow,Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.login-button:hover{background:#d9ff5f20;border-color:var(--accent)}.login-button span{font-size:20px}.signed-account{display:flex;align-items:center;gap:18px}.signed-account>div{display:flex;flex-direction:column;gap:5px;text-align:right;max-width:200px}.signed-account #account-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signed-account small{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.signed-account.is-admin small{color:var(--accent)}.logout-button{padding:9px 12px;border:1px solid #3b433d;border-radius:5px;background:transparent;color:var(--muted);font:500 12px Barlow,Arial,sans-serif;cursor:pointer}.logout-button:hover{color:var(--text);border-color:var(--muted)}.logout-button:disabled{opacity:.5;cursor:wait}.auth-message{padding:14px 18px;margin:0 0 26px;border:1px solid #53633b;border-radius:5px;background:#d9ff5f08;font-size:14px;line-height:1.5;color:var(--text)}.login-dialog{width:min(460px,92vw);padding:46px 34px 30px;background:radial-gradient(ellipse at top right,#35432355,transparent 65%),var(--panel);overflow:auto}.login-dialog h2{margin:24px 0 18px;font:800 58px/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.login-dialog h2 em{font-style:normal;color:var(--accent)}.login-dialog>p{font-size:14px;color:var(--muted);line-height:1.65}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0 16px;padding:14px 20px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:5px;text-decoration:none;font:600 14px Arial,sans-serif}.google-button:hover{background:#edf2e4}.google-button svg{flex-shrink:0}.login-dialog .login-note{font-size:12px;text-align:center}.login-dialog .login-status{font-size:12px;color:var(--accent);border-top:1px solid #3b433d;padding-top:14px}.header-account [hidden],.auth-message[hidden],.login-dialog [hidden]{display:none!important}@media(max-width:1000px){.header-account .version{display:none}}@media(max-width:520px){header{gap:12px;flex-wrap:wrap}.header-account{margin-left:auto}.logo b{font-size:10px;letter-spacing:1px;margin-left:0}.login-button{font-size:11px;gap:10px;padding:8px 10px}.signed-account{gap:8px}.signed-account>div{max-width:140px}.logout-button{font-size:11px;padding:8px}.login-dialog{padding:44px 24px 24px}}