.io-account{--io-bg:#f4f8fc;--io-surface:#fff;--io-text:#101a2d;--io-muted:#647087;--io-border:#dce5ee;--io-accent:#00866f;--io-radius:16px;max-width:1240px;margin:48px auto;padding:0 24px;color:var(--io-text)}.io-account-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.io-account-heading h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:8px 0}.io-account-heading p{color:var(--io-muted)}.io-account-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.io-account-nav{display:grid;align-content:start;gap:6px;position:sticky;top:100px;align-self:start}.io-account-nav button{padding:14px 18px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;font:inherit;color:inherit;cursor:pointer}.io-account-nav button:hover,.io-account-nav button[aria-current=page]{background:var(--io-surface);border-color:var(--io-border);color:var(--io-accent)}.io-account-card{padding:28px;border:1px solid var(--io-border);border-radius:var(--io-radius);background:var(--io-surface);box-shadow:0 14px 40px #101a2d08}.io-account-card h2{margin-top:0}.io-account form{display:grid;gap:18px;max-width:640px}.io-account label{display:grid;gap:8px}.io-account input:not([type=checkbox]),.io-account textarea{width:100%;min-height:44px;padding:12px;border:1px solid var(--io-border);border-radius:10px;background:var(--io-bg);color:inherit;font:inherit}.io-account textarea{min-height:110px;resize:vertical}.io-account-check{display:flex!important;align-items:center}.io-account fieldset{padding:16px;border:1px solid var(--io-border);border-radius:12px;display:grid;gap:8px}.io-account .io-button,.io-oauth-buttons a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;min-height:44px;border:1px solid var(--io-border);border-radius:10px;background:var(--io-accent);color:#fff;cursor:pointer;font:inherit;text-decoration:none}.io-account .io-button--secondary,.io-oauth-buttons a{background:var(--io-bg);color:var(--io-text)}.io-account-tools,.io-oauth-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.io-account-item{padding:20px 0;border-bottom:1px solid var(--io-border);overflow-wrap:anywhere}.io-account-item a{font-weight:700;color:var(--io-accent)}.io-account-item p{white-space:pre-wrap}.io-account-item small{display:block;color:var(--io-muted);margin-block:8px}.io-account-item input{margin-bottom:10px}.io-account-item button{margin-right:8px}.io-account-item.is-unread{border-left:3px solid var(--io-accent);padding-left:14px}.io-account[aria-busy=true]{opacity:.8}.io-account [hidden]{display:none!important}#io-account-status{min-height:24px;color:var(--io-accent)}:root[data-theme=dark] .io-account{--io-bg:#081120;--io-surface:#101b2d;--io-text:#f4f7fb;--io-muted:#aab6c8;--io-border:#2a3951;--io-accent:#38c7ad}.io-account [data-account-identities] p{display:flex;justify-content:space-between;gap:16px}.io-account [data-account-form=password]{margin-block:28px}.io-account [data-account-peers],.io-account [data-account-blocked]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}@media(max-width:760px){.io-account-workspace{grid-template-columns:1fr}.io-account-nav{position:static;display:flex;overflow:auto}.io-account-nav button{white-space:nowrap}.io-account-card{padding:20px}.io-account-heading{align-items:start;flex-direction:column}}
html:not([data-theme]){--io-bg:#f4f8fc;--io-surface:#fff;--io-text:#101a2d;--io-muted:#647087;--io-border:#dce5ee;--io-accent:#00866f;--io-radius:16px}:root[data-theme] .io-account.io-container{--io-bg:inherit;--io-surface:inherit;--io-text:inherit;--io-muted:inherit;--io-border:inherit;--io-accent:inherit;--io-radius:inherit}.io-account .io-button:not(.io-button--secondary){color:var(--io-button-text,#fff)}.io-account .io-account-nav button:first-child{border-color:var(--io-border)}.io-account form+form{margin-top:30px}
.io-account-author-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin-bottom:26px;border:1px solid var(--io-border);border-radius:16px;background:linear-gradient(115deg,var(--io-accent-soft),var(--io-surface))}.io-account-author-bar strong{font-size:20px}.io-account-author-bar p{color:var(--io-muted);font-size:14px;margin:6px 0 0}.io-account-author-bar a{gap:8px;flex-shrink:0}.io-account-nav a,.io-account-nav button{display:flex;gap:12px;align-items:center;line-height:1.4}.io-account-nav a{padding:14px 18px;border:1px solid var(--io-border);border-radius:12px;background:var(--io-surface);font:inherit;color:var(--io-accent);text-decoration:none}.io-account-nav svg,.io-account-author-bar svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.io-account [data-author-search]{margin-top:24px}.io-account [data-account-list=feed] .io-account-item{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center}.io-account [data-account-list=feed] .io-library__cover{width:130px}.io-account-heading h1{font-size:clamp(30px,3.4vw,44px)}
@media(max-width:760px){.io-account-author-bar{align-items:start;flex-direction:column;padding:20px}.io-account-nav{padding-bottom:10px}.io-account-nav a,.io-account-nav button{flex:0 0 auto;max-width:220px;font-size:13px;padding:10px 12px}.io-account [data-account-list=feed] .io-account-item{grid-template-columns:90px 1fr}.io-account [data-account-list=feed] .io-library__cover{width:90px}}
.io-account-nav a[data-account-tab]{border-color:transparent;background:transparent;color:var(--io-text)}
.io-account-nav a[data-account-tab]:hover,.io-account-nav a[data-account-tab][aria-current=page]{background:var(--io-surface);border-color:var(--io-border);color:var(--io-accent)}
@media(max-width:760px){
  .io-account.io-container{padding-inline:0;margin-block:28px}.io-account-workspace{grid-template-columns:minmax(0,1fr);gap:18px}
  .io-account-card{padding:18px;overflow-wrap:anywhere}.io-account form,.io-account label,.io-account fieldset{min-width:0}
  .io-account-nav{scroll-padding-inline:8px}.io-account-nav a[aria-current=page]{border-color:var(--io-accent)}
  .io-account-author-bar{padding:18px}.io-account-tools>*{max-width:100%}.io-account-tools .io-button{white-space:normal}
  .io-account [data-account-identities]>p{flex-wrap:wrap}.io-account [data-account-panel=messages]{padding:10px}
}