.account-cover{display:flex;align-items:center;gap:14px;padding:15px;border:2px solid var(--disc-accent);background:var(--disc-soft);margin-bottom:18px}
.account-pass{display:grid;place-content:center;flex:0 0 64px;width:64px;height:73px;border:3px double var(--disc-accent);background:var(--disc-paper);color:var(--disc-accent);text-align:center;font:19px/1.4 var(--pixel,monospace);box-shadow:3px 3px 0 var(--disc-edge)}
.account-pass small{font-size:7px}.account-cover h3{font-size:16px;margin:0 0 6px}.account-cover p{margin:0;color:var(--disc-muted);font-size:12px;line-height:1.85}
.account-login,.account-save{display:flex;justify-content:center;align-items:center;min-height:48px;width:100%;text-align:center;text-decoration:none;font-size:13px}
.account-feedback{padding:12px;margin:14px 0;border-left:4px solid var(--disc-accent);color:var(--disc-ink);background:var(--disc-soft);font-size:12px;line-height:1.8}
.account-profile-grid{display:grid;grid-template-columns:106px minmax(0,1fr);gap:16px}.account-avatar-wrap{align-self:start;text-align:center;border:2px solid var(--disc-edge);padding:3px;background:var(--disc-soft)}.account-avatar-wrap canvas{display:block;width:96px;height:116px;image-rendering:pixelated}.account-avatar-wrap>span{display:block;font-size:10px;padding:6px;color:var(--disc-muted)}
.account-fields{display:grid;gap:7px}.account-fields label,.account-appearance label{display:block;font-size:12px;color:var(--disc-ink)}.account-fields label small{color:var(--disc-muted);font-size:10px}
.account-fields input,.account-fields textarea,.account-appearance select{display:block;width:100%;border:2px solid var(--disc-edge);background:var(--disc-paper);color:var(--disc-ink);padding:9px;font:13px/1.7 var(--pixel,monospace);min-height:44px}.account-fields textarea{resize:vertical}.account-fields input:focus,.account-fields textarea:focus,.account-appearance select:focus{outline:2px solid var(--disc-accent);outline-offset:2px}
.account-appearance{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0}.account-appearance select{margin-top:6px;font-size:11px}.account-appearance .account-check{grid-column:1/-1;display:flex;align-items:center;gap:7px;min-height:30px}.account-check input{width:18px;height:18px;accent-color:var(--disc-accent)}
.account-signout{display:inline-block;padding:7px 0;color:var(--disc-muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}
.account-panel .act-button:focus-visible,.account-panel a:focus-visible{outline:3px solid var(--disc-accent);outline-offset:3px}
@media(max-width:480px){.account-cover{padding:12px;gap:11px}.account-cover h3{font-size:14px}.account-pass{flex-basis:52px;width:52px;height:66px;font-size:17px}.account-cover p{font-size:11px}.account-profile-grid{grid-template-columns:1fr}.account-avatar-wrap{width:106px;justify-self:center}.account-appearance{gap:10px}.account-fields input,.account-fields textarea{font-size:12px}}
@media(max-width:340px){.jlu-corner-nav [data-action="journal"]{display:none}}

.account-name-help{display:block;font-size:10px;line-height:1.9;color:#d2c7a4;margin:5px 0 12px}.account-fields input[aria-invalid=true]{border-color:#e6a17e;outline-color:#e6a17e}.account-fields input[aria-invalid=true]+.account-name-help{color:#f2ba9d}
.password-access{margin:14px 0 6px;min-width:0}
.password-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border-bottom:2px solid var(--disc-edge)}
.password-tabs button{min-height:46px;font:13px var(--pixel);color:var(--disc-muted);border-bottom:3px solid transparent}
.password-tabs button[aria-pressed=true]{color:var(--disc-ink);border-bottom-color:var(--disc-accent);background:var(--disc-soft)}
.password-access form{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;max-width:460px;margin:auto}
.password-access label{font-size:13px;color:var(--disc-ink);margin-top:8px}
.password-access input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:2px solid var(--disc-edge);background:var(--disc-paper);color:var(--disc-ink);font:16px/1.5 var(--body,sans-serif);border-radius:0}
.password-access input:focus-visible{outline:2px solid var(--disc-accent);outline-offset:2px}
.password-access .password-note{font:12px/1.8 var(--body,sans-serif);color:var(--disc-muted);margin:2px 0 9px;overflow-wrap:anywhere}
.password-access .password-feedback{padding:10px 12px;margin:5px 0;background:var(--disc-soft);border-left:3px solid var(--disc-accent);font:13px/1.7 var(--body,sans-serif);color:var(--disc-ink)}
.password-submit{min-height:48px;margin-top:7px;width:100%}
.password-security{border-top:1px solid var(--disc-edge);padding-top:12px}
.password-security summary{cursor:pointer;min-height:44px;font-size:13px;color:var(--disc-ink);padding:10px 0}
.password-security summary span{margin-left:12px;color:var(--disc-muted);font:12px var(--body,sans-serif)}
.password-security>.account-signout{margin-top:12px;min-height:44px}
.password-access button:disabled{opacity:.65;cursor:wait}
