#account-gate {
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:clamp(20px,6vw,80px);
  background:var(--paper);
}
.account-spread {
  width:min(100%,900px);
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 15px 48px #243d300a;
}
.account-cover {
  isolation:isolate;
  position:relative;
  min-height:480px;
  overflow:hidden;
  background:#eef1e7;
  padding:clamp(28px,4vw,50px);
  border-right:1px solid var(--line);
}
.account-cover .brand {padding:0;font-size:27px}
.cover-title {
  margin-top:54px;
  font:700 clamp(32px,4.3vw,58px)/1.2 var(--serif);
  letter-spacing:.04em;
}
.cover-art {
  position:absolute;
  right:0;bottom:0;
  width:100%;height:48%;
  object-fit:cover;object-position:right center;
  mix-blend-mode:multiply;
  z-index:-1;
}
.account-page {align-self:center;min-width:0;padding:clamp(30px,4vw,52px)}
.account-page h1 {font:700 32px/1.35 var(--serif)}
#gate-intro {margin-top:8px;font-size:14px;color:var(--quiet)}
#account-form {display:grid;margin-top:25px}
#account-form label {font-weight:650;margin:13px 0 6px;font-size:14px}
#account-form input {width:100%;height:43px;background:#fffefb;border:1px solid #bfcbbd;border-radius:7px;padding:0 12px;min-width:0}
#account-form small {margin-top:5px;font-size:12px;color:var(--quiet)}
.record strong,.row-main strong {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.notice-original {margin:16px 0}
.notice-original summary {cursor:pointer;font-weight:600;padding:8px 0}
.message-body {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
#account-submit,#account-retry {margin-top:22px;min-height:44px}
#account-switch {justify-self:center;min-height:44px;margin-top:5px}
#gate-error {color:#903d31;margin-top:14px;font-size:13px}
.top-actions,#account-controls {display:flex;align-items:center;gap:14px;min-width:0}
#account-controls {gap:7px;font-size:12px}
#account-identity,#profile-name {max-width:125px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#account-logout {min-height:40px;white-space:nowrap;color:var(--moss);text-decoration:underline;text-underline-offset:4px;padding:2px 4px}
@media(max-width:680px) {
  #account-gate {padding:18px}
  .account-spread {max-width:430px;grid-template-columns:1fr}
  .account-cover {min-height:122px;padding:22px 24px;border:0;border-bottom:1px solid var(--line)}
  .account-cover .brand {font-size:22px}
  .account-cover .brandmark {width:30px;height:30px}
  .cover-title {font-size:24px;margin-top:13px}
  .cover-art {height:100%;width:45%}
  .account-page {padding:26px 24px}
  .account-page h1 {font-size:27px}
  #account-form {margin-top:12px}
  .top-actions {gap:6px}
  #account-controls {flex-direction:column;gap:0;line-height:1.2}
  #account-identity {max-width:min(18vw,100px)}
  #account-logout {min-height:26px}
}
.checking-account .shell,.checking-account #dialog,.checking-account #toast {visibility:hidden}
.workspace-loading {padding:32px 0;font-size:14px;color:var(--quiet)}