#account-root{display:flex;align-items:center} .account-button{display:flex;align-items:center;gap:7px;white-space:nowrap}.account-button span{font-size:12px}.sync-dot{width:6px;height:6px;border-radius:50%;background:#82bc96}.sync-dot.pending,.sync-dot.saving{background:#f3d14b}.sync-dot.error,.sync-dot.conflict{background:#f08b76}
.account-dialog{width:min(430px,calc(100vw - 28px));box-sizing:border-box;padding:25px;max-height:calc(100dvh - 30px);overflow:auto}.account-dialog .dialog-heading{margin-bottom:18px}.account-dialog .dialog-heading h2{font-size:22px}.account-body{display:flex;flex-direction:column;gap:15px}.account-body p{margin:0;line-height:1.6;font-size:14px;color:#b8b8ba}.account-body label{display:flex;flex-direction:column;gap:7px;font-size:13px}.account-body input{width:100%;box-sizing:border-box;min-height:44px;padding:11px 12px;border:1px solid #414145;border-radius:5px;background:#151518;color:#eee;font:inherit}.account-body input:focus{outline:1px solid #f3d14b;border-color:#f3d14b}.account-body button{min-height:42px;cursor:pointer}.account-body .account-switch{border:0;background:transparent;color:#f3d14b}.account-body .account-name{font-size:22px;color:#eee}.account-body .account-email{overflow-wrap:anywhere;font-size:13px}.account-summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;padding:12px 0;border-block:1px solid #333;color:#f3d14b}.account-body .notice{font-size:12px;color:#929296}.account-alert{border:1px solid #795b32;padding:14px;border-radius:5px;display:grid;gap:12px}.account-message{margin:16px 0 0;color:#f3d14b;font-size:13px;line-height:1.5}.account-dialog button:disabled{opacity:.5;cursor:wait}
@media(max-width:700px){.account-button span{display:none}.account-dialog{padding:20px}.account-dialog .dialog-heading h2{font-size:20px}}