.account-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(27,32,31,.36);overflow-y:auto}
.account-dialog{position:relative;width:min(100%,440px);max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--paper,#fff);color:var(--ink,#292d29);border:1px solid var(--line,#e4e7e2);border-radius:24px;padding:36px;box-shadow:0 24px 70px rgba(22,29,23,.17);animation:account-enter .18s ease-out}
.account-close{position:absolute;right:12px;top:8px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted,#68716b);font-family:inherit;font-weight:400;font-size:26px;line-height:1;cursor:pointer;border-radius:50%}
.account-close:hover{background:var(--purple-soft,#eef3ec);color:var(--ink,#292d29)}
.account-eyebrow{display:flex;align-items:center;gap:9px;color:var(--purple,var(--accent,#52735a));font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:650;margin-bottom:16px}
.account-eyebrow img{display:block;width:36px;height:36px;object-fit:contain;flex-shrink:0}
.account-dialog h2{font-size:27px;letter-spacing:-.055em;line-height:1.15;font-weight:650;margin:0 20px 10px 0}
.account-subtitle,.account-note{font-size:13px;line-height:1.7;color:var(--muted,#68716b);margin:0 0 24px;overflow-wrap:anywhere}
.account-dialog form{display:grid;gap:16px}
.account-field{display:grid;gap:8px;font-size:12px;font-weight:600;color:var(--ink,#292d29)}
.account-field input{width:100%;min-height:47px;border:1px solid var(--line,#dce2db);background:var(--paper,#fff);color:var(--ink,#292d29);padding:12px 13px;border-radius:11px;font-family:inherit;font-weight:400;font-size:15px;line-height:1.35;box-shadow:none}
.account-dialog input:focus-visible,.account-dialog button:focus-visible{outline:3px solid var(--purple,var(--accent,#52735a));outline-offset:3px}
.account-dialog form small{margin-top:-9px;font-size:11px;line-height:1.5;color:var(--muted,#68716b)}
.account-button{display:block;width:100%;border:1px solid transparent;border-radius:11px;min-height:46px;padding:12px 16px;color:#fff;background:var(--purple,var(--accent,#52735a));font-family:inherit;font-weight:600;font-size:13px;line-height:1.35;cursor:pointer;text-align:center;margin-top:4px;transition:filter .15s}
.account-button:hover{filter:brightness(.94)}
.account-button--secondary{color:var(--ink,#292d29);background:transparent;border-color:var(--line,#dce2db);margin-top:16px}
.account-dialog button:disabled,.account-dialog input:disabled{opacity:.55;cursor:wait}
.account-switch{font-size:12px;line-height:1.6;color:var(--muted,#68716b);text-align:center;margin:18px 0 0}
.account-switch button{border:0;padding:3px 1px;min-height:30px;background:none;font-family:inherit;font-weight:600;font-size:12px;line-height:1.6;color:var(--purple,var(--accent,#52735a));cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.account-local-note{font-size:10px;line-height:1.65;color:var(--muted,#68716b);border-top:1px solid var(--line,#e4e7e2);padding-top:18px;margin:23px 0 0}
.account-feedback{font-size:12px;line-height:1.65;background:var(--purple-soft,#eef3ec);color:var(--ink,#292d29);padding:12px 14px;margin:0 0 20px;border-radius:10px;border:1px solid var(--line,#e4e7e2)}
.account-feedback[hidden]{display:none}
.account-feedback.is-error{border-color:#d5a09b;background:#fff4f1;color:#842e29}
.account-connected{display:flex;gap:9px;align-items:center;padding:13px 15px;border:1px solid var(--line,#e4e7e2);border-radius:12px;margin:0 0 17px;font-size:13px}
.account-connected span{width:22px;height:22px;display:grid;place-items:center;background:var(--purple-soft,#eef3ec);color:var(--purple,#52735a);border-radius:50%}
@keyframes account-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:500px){.account-backdrop{padding:14px}.account-dialog{padding:30px 24px;max-height:calc(100dvh - 28px);border-radius:20px}.account-field input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.account-dialog{animation:none}.account-button{transition:none}}
