:root{--ink:#32291e;--muted:#756550;--paper:#fffdf8;--line:#d7c6a8;--red-dark:#9d4430;--shadow:0 12px 40px #604d3a16}
*{box-sizing:border-box}
body{margin:0;padding:32px 16px;background:#faf4e8;color:var(--ink);font-family:system-ui,sans-serif;line-height:1.6}
.signin-shell{max-width:600px;margin:4vh auto}
.eyebrow{color:var(--red-dark);font-size:12px;letter-spacing:.18em;font-weight:750}
h1{font-family:Georgia,serif;font-size:clamp(28px,6vw,40px);line-height:1.2}
.btn{border:1px solid var(--line);border-radius:9px;padding:10px 14px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}
.btn.primary{background:var(--red-dark);color:white;border-color:var(--red-dark)}
.btn:disabled{opacity:.6;cursor:wait}
.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cbad69;outline-offset:3px}
.form-field label{display:block;font-weight:650;margin-bottom:5px}
.form-field input{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;font:inherit;background:white;color:var(--ink)}
.message{color:var(--red-dark);overflow-wrap:anywhere}
.signin-shell .account-dialog{position:static;margin:20px auto;width:100%;max-height:none}
.signin-shell form[method=dialog]{display:none}

.account-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 12px;margin-top:13px}
.account-bar label{display:flex;align-items:center;gap:8px;color:#604d3a;font-size:13px;font-weight:750}
.account-bar select{padding:8px 10px;border:1px solid #d7c6a8;border-radius:9px;background:#fffdf8;color:var(--ink)}
.account-status{color:var(--muted);font-size:13px;margin:0;flex:1;min-width:150px}
.account-dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);padding:22px;width:min(520px,calc(100% - 26px));max-height:calc(100% - 32px);overflow:auto;box-shadow:var(--shadow)}
.account-dialog::backdrop{background:#26282180}
.account-dialog h2{margin-top:0}
.account-dialog input{max-width:100%}
.account-dialog form{margin-top:16px}
.account-dialog .form-field{margin-bottom:12px}
.account-dialog .form-actions{margin-top:12px}
.account-dialog .danger{color:var(--red-dark)}
.account-dialog ul{padding-inline-start:23px}
.account-dialog .account-email{overflow-wrap:anywhere}
.account-dialog [hidden],.account-bar [hidden]{display:none}
.account-dialog .privacy{font-size:13px;color:var(--muted);line-height:1.5}