/* Pagina di accesso */
:root{font-family:Georgia,'Times New Roman',serif;color:#423d34;background:#e9e1d4;font-size:17px;line-height:1.6}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(#e9e1d4da,#e9e1d4e8),url('/themes/diario-romantico/assets/scrapbook/main_page_background.png') center/cover fixed}
a{color:#586343;text-underline-offset:4px}
button,.button{font-family:system-ui,sans-serif;font-size:1rem;border:1px solid #68704f;border-radius:7px;background:#626d4e;color:white;padding:.7rem 1.15rem;cursor:pointer;display:inline-block;text-decoration:none;text-align:center;line-height:1.4}
button:hover,.button:hover{background:#4e593c}
button:disabled{opacity:.6;cursor:wait}
.secondary{background:transparent;color:#4d593f}
.secondary:hover{color:white}
.danger{border-color:#9a523f;color:#814431;background:transparent}
.danger:hover{background:#814431;color:white}
:focus-visible{outline:3px solid #a94d2b;outline-offset:4px}
.access-shell{width:min(960px,calc(100% - 32px));margin:auto;padding:24px 0}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.brand a{font-size:1.5rem;font-weight:bold;text-decoration:none;color:#514b40}
.brand img{object-fit:contain}
.paper{background:#fffaf0;border:1px solid #d1c5b2;box-shadow:0 6px 24px #51442b13;padding:clamp(24px,5vw,56px);border-radius:3px;margin-bottom:24px}
.diary-art{float:right;width:clamp(130px,24vw,230px);margin:0 0 20px 24px;mix-blend-mode:multiply}
.eyebrow{font:600 .8rem/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#827157}
h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2;margin:.5rem 0 1.1rem}
h2{font-size:1.7rem;margin:.2rem 0}
p{margin:.7rem 0 1.2rem}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 8px}
.account{font: .85rem/1.6 system-ui,sans-serif;overflow-wrap:anywhere;color:#6e665a}
.status{border-left:4px solid #98996e;padding:10px 16px;background:#f0ecdb}
.status.error{border-color:#ad513f}
.badge{font:.8rem/1.5 system-ui,sans-serif;color:#685c42}
footer{text-align:center;font:.85rem/1.6 system-ui,sans-serif;color:#655f53;padding:12px}
[hidden]{display:none!important}
@media(max-width:600px){
  .diary-art{float:none;display:block;margin:0 auto 24px;width:160px}
  .paper{padding:24px}
}
.access-form{display:grid;gap:16px;max-width:560px;margin:24px 0}
.access-form label{display:grid;gap:6px;font:500 .92rem/1.5 system-ui,sans-serif}
.access-form input{width:100%;min-width:0;border:1px solid #bdb59f;background:#fffef8;color:#423d34;border-radius:6px;padding:12px;font:1rem/1.4 system-ui,sans-serif}
.access-form>button{justify-self:start}
.access-form .actions{margin:0}
.access-form h3{margin:0}
.form-help{font:.85rem/1.6 system-ui,sans-serif;color:#6e665a}
summary{cursor:pointer}
#login-message:empty,#password-message:empty{display:none}
#login-message,#password-message{color:#913f31}
.access-form input:focus-visible{outline:3px solid #a94d2b;outline-offset:2px}