.header-actions{display:flex;align-items:center;gap:12px;min-width:0}.account-email{font-size:11px;color:var(--muted);max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sign-in-main{min-height:calc(100dvh - 80px);display:grid;place-items:center;padding:40px 24px;background:#f7f8f7}
.account-form{width:100%;max-width:360px}.account-form h1{font-size:25px;font-weight:500;margin:18px 0 30px}.sign-in-lock{width:25px;height:25px;color:var(--green)}
.account-form label,.settings-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;margin:0 0 20px}
.account-form input,.settings-form input{width:100%;height:44px;border:1px solid #ccd3cd;border-radius:4px;background:white;padding:0 12px;color:#242623;min-width:0}
.account-form .button{height:44px;margin-top:6px}.account-error{color:#983d35;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.settings-dialog{padding:0;border:1px solid var(--line);border-radius:6px;width:calc(100vw - 32px);max-width:480px;max-height:calc(100dvh - 32px);background:#fff;color:#242623}
.settings-dialog::backdrop{background:#17221c70}.settings-dialog>header{position:sticky;top:0;background:white;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line)}
.settings-dialog h2{font-size:18px}.settings-form{padding:24px}.settings-form h3{font-size:14px;font-weight:600;margin:0 0 22px}.settings-form+.settings-form{border-top:1px solid var(--line)}
.settings-form .field-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px}.account-status{font-size:12px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.settings-form button{width:100%}
@media(max-width:700px){.account-email{display:none}.header-actions{gap:4px}.header-actions .connection{font-size:10px}.header-actions .icon-button{width:30px}.sign-in-main{min-height:calc(100dvh - 66px)}.settings-form{padding:20px}}