/* The account button, sign-in sheet and account menu (account.js) */
.acct{display:flex;align-items:center;gap:6px;border:0;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;cursor:pointer;font-weight:700;font-size:.9rem;color:var(--ink);padding:6px 12px;position:relative;flex:none}
.acct svg{width:17px;height:17px}
.acct.in{padding:0;width:34px;height:34px;justify-content:center}
.acct.in img,.acct.in b{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--ca);color:#fff;font:800 .95rem var(--f-display)}
.acct.in i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 2px var(--bg)}
.acct.s-synced i{background:var(--good)}
.acct.s-syncing i{background:var(--hi);animation:accpulse .9s infinite alternate}
.acct.s-offline i,.acct.s-error i{background:var(--bad)}
@keyframes accpulse{to{opacity:.35}}
@media (max-width:520px){.acct.out span{display:none}.acct.out{padding:8px}}

.lmdlg{border:0;border-radius:18px;padding:22px 20px 18px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px -20px rgba(0,0,0,.45)}
.lmdlg::backdrop{background:rgba(15,21,27,.5)}
.lmdlg h2{font-size:1.35rem;margin:0 0 6px}
.lmdlg p{margin:.4em 0}
.lmdlg .btnrow .btn{flex:1 1 auto}
.dlg-x{position:absolute;top:10px;right:10px;border:0;background:none;padding:6px;border-radius:10px;cursor:pointer;color:var(--muted)}
.dlg-x svg{width:18px;height:18px;display:block}
.dlg-head{display:flex;align-items:center;gap:12px;margin:0 28px 4px 0}
.dlg-mascot{flex:none;line-height:0}
.dlg-mascot svg{width:56px;height:56px}
.acc-provs{display:grid;gap:10px;margin:16px 0 10px}
.prov{text-decoration:none}
.prov svg{width:20px;height:20px}
.acc-priv{font-size:.86rem;color:var(--muted);margin-top:10px}
.acc-priv summary{cursor:pointer;font-weight:700}
.acc-priv ul{padding-left:1.2em;margin:.5em 0}
.acc-who{display:flex;align-items:center;gap:12px;padding-right:30px}
.acc-who img,.acc-who>b{width:48px;height:48px;border-radius:50%;flex:none;object-fit:cover;display:grid;place-items:center;background:var(--ca);color:#fff;font:800 1.3rem var(--f-display)}
.acc-who h2{font-size:1.15rem;margin:0}
.acc-who p{margin:0;word-break:break-all}
.lmdlg .acc-sync{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.9rem;margin:14px 0}
.acc-sync i{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}
.acc-sync.s-synced i{background:var(--good)}
.acc-sync.s-syncing i{background:var(--hi)}
.acc-sync.s-offline i,.acc-sync.s-error i{background:var(--bad)}
.acc-sync .linkb{padding:0}
.acc-ai{background:var(--surface2);border-radius:12px;padding:10px 12px}
.acc-ai p{margin:0 0 6px}
.acc-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.acc-bar i{display:block;height:100%;width:100%;background:var(--good);transition:width .4s}
.acc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.acc-acts a{text-decoration:none}
.acc-del{margin-top:8px;color:var(--bad)}
.acc-type{display:grid;gap:6px;font-size:.9rem;margin:12px 0 4px}
.acc-type input{font:inherit;padding:10px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}