.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at top left,#ead0b3 0,transparent 55%),var(--cream)}
.auth-card{width:min(460px,100%);background:var(--paper);padding:36px;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 70px #4b261a18}
.auth-card .auth-logo{width:100%;padding:10px;border-radius:6px;margin-bottom:28px}
.auth-card h1{font:700 30px/1.1 Georgia,serif;margin:8px 0 16px}
.auth-card form{margin-top:24px}.auth-card input{padding:12px}.auth-card form>.btn{width:100%;padding:12px;margin-top:10px}
.auth-card .fine{font-size:12px;color:var(--muted);margin-top:24px}.save-error{position:fixed;bottom:16px;right:16px;left:16px;background:#ffe9e2;border:1px solid var(--red);color:#842818;padding:16px;z-index:100;border-radius:10px}.side-bottom .btn{margin-top:10px}.account-panel form{margin:20px 0}input:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #c7783677;outline-offset:2px}
@media(max-width:730px){.side-bottom{display:flex;position:static;justify-content:space-between;align-items:center;margin-top:12px;padding:10px}.side-bottom .btn{margin:0}.auth-card{padding:26px}}