body main.account-page {max-width:620px;padding:40px 20px 64px;}
.account-sheet {background:var(--white);border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:12px;box-shadow:var(--shadow-raised);padding:32px;}
.account-sheet h1 {margin-top:24px;font-size:2.25rem;}
.account-sheet form {display:grid;gap:12px;margin:24px 0;}
.account-sheet label {display:block;font-weight:600;}
.account-sheet small {color:var(--muted);line-height:1.5;}
.account-sheet .password-toggle {justify-self:start;margin:0;background:transparent;color:var(--blue);border:0;box-shadow:none;padding:8px 12px;}
.account-sheet .account-check {display:flex;gap:12px;font-weight:400;align-items:flex-start;}
.account-check input {width:20px;height:20px;min-height:20px;flex-shrink:0;margin:3px 0;}
.onboarding-sheet {max-width:840px;margin:auto;}
.onboarding-sheet fieldset {margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:10px;}
.onboarding-sheet legend {padding:0 8px;font-weight:650;}
.onboarding-sheet .setup-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.setup-fields label {display:block;}
.setup-fields input,.setup-fields select {margin-top:6px;}
.setup-actions {display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.setup-top {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--white);border-bottom:1px solid var(--line);}
@media(max-width:680px) {body main.account-page {padding:24px 16px;}.account-sheet {padding:24px 20px;}.account-sheet h1 {font-size:1.85rem;}.onboarding-sheet fieldset {padding:16px;}.onboarding-sheet .setup-fields {grid-template-columns:minmax(0,1fr);}.setup-top {padding:12px 16px;}}

.account-sheet .remember-device{display:flex;align-items:flex-start;gap:10px;margin:16px 0 4px;font-weight:400}.account-sheet .remember-device input{width:18px;min-height:18px;height:18px;flex:none;margin:3px 0 0}

/* Sign-in is a working form on the notebook page, without a floating card. */
body.signin-page main.account-page{max-width:560px;padding-top:32px}
body.signin-page .account-sheet{background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 16px}
.signin-page .account-sheet h1{margin:24px 0 12px}
.signin-page .account-sheet form{padding-top:20px;border-top:1px solid var(--line);gap:8px}
.signin-page .helper-text{font-size:.85rem;color:var(--muted);margin:0 0 12px}
.signin-page .signin-field-error{color:var(--danger);font-size:.9rem}
.signin-page input[aria-invalid=true]{border-color:var(--danger)}
.signin-page #signin-status:empty{display:none}
.signin-page .form-errors{border-left:3px solid var(--danger);padding:8px 14px;margin:16px 0}
.signin-page .form-errors p{margin:4px 0}
.signin-page #signin-submit:disabled{cursor:wait}