/* Reader account: header chip, save and delete, account pages. */
.acct{margin-left:auto;display:flex;align-items:center;gap:8px;position:relative}
.acct-points,.acct-name{font:inherit;font-weight:650;font-size:14.5px;color:var(--ink);text-decoration:none;background:var(--accent-soft);border:0;border-radius:999px;padding:8px 12px;cursor:pointer}
.acct-name{background:var(--surface);border:1px solid var(--line)}
.acct-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:8px;display:grid;z-index:30}
.acct-menu a,.acct-menu button{font:inherit;text-align:left;background:transparent;border:0;color:var(--ink);text-decoration:none;border-radius:10px;padding:10px 12px;cursor:pointer}
.acct-menu a:hover,.acct-menu button:hover{background:var(--bg-2)}
.acct-sign{font-weight:650}

.acct-sec h1{margin:0 0 8px}
.acct-lead{color:var(--ink-2);max-width:42rem}
.acct-auth{display:grid;gap:18px}
.acct-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.acct-card{display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.acct-card h2{margin:0}
.acct-card label{display:grid;gap:6px;font-weight:650;font-size:14.5px}
.acct-card input{font:inherit;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--bg);color:var(--ink)}
.acct-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.acct-fine{margin:0;color:var(--muted);font-size:13.5px}
.acct-hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.acct-flash{margin:0;padding:12px 14px;border-radius:12px;background:var(--warm-soft);color:var(--ink)}
.acct-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.acct-pts{margin:0;color:var(--muted)}
.acct-pts b{color:var(--ink);font-size:28px}
.acct-sub{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.acct-sub a{text-decoration:none;color:var(--ink-2);padding:8px 12px;border-radius:999px}
.acct-sub a[aria-current="page"]{background:var(--accent-soft);color:var(--ink);font-weight:700}
.acct-stats{display:flex;gap:18px;color:var(--muted)}
.acct-stats b{color:var(--ink)}
.acct-earn{display:grid;gap:6px;padding-left:18px;color:var(--ink-2)}
.acct-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
.acct-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.acct-list a{color:inherit;text-decoration:none;display:grid;gap:2px}
.acct-list small{color:var(--muted)}
.acct-list button{font:inherit;background:transparent;border:0;color:var(--muted);cursor:pointer}
.acct-empty,.acct-continue{color:var(--ink-2)}
.acct-settings{max-width:420px}

.xcard,.river-card,.tile,.rail-row,article.xp-main,article.story{position:relative}
.post-tools{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:6px}
article.xp-main .post-tools,article.story .post-tools{top:12px;right:12px}
.post-tools button{font:inherit;font-size:13px;font-weight:700;border:0;border-radius:999px;padding:6px 10px;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.post-tools .post-save[aria-pressed="true"]{background:var(--accent);color:#fff}
.post-tools .post-del{background:var(--danger-soft);color:var(--danger)}
.is-removed{display:none!important}
.acct-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:40;display:flex;gap:12px;align-items:center;background:var(--night);color:var(--night-ink);border-radius:999px;padding:10px 12px 10px 16px;box-shadow:var(--shadow-lg)}
.acct-toast button{font:inherit;font-weight:700;border:0;border-radius:999px;padding:6px 10px;cursor:pointer}

@media(max-width:800px){
  .acct{margin-left:0}
  .acct-grid{grid-template-columns:1fr}
  .acct-menu{right:auto;left:0}
}