/* 登入畫面與登出按鈕 */
#login{position:fixed;inset:0;z-index:20;background:radial-gradient(#ffffff26 1.4px,transparent 1.8px) 0 0/24px 24px,var(--desk);display:flex;align-items:center;justify-content:center;padding:16px}
#login[hidden]{display:none}
#login .lcard{position:relative;width:min(320px,100%);padding:26px 20px 20px;background:#fff3a8;color:#3a3316;border-radius:4px;box-shadow:3px 5px 0 #0003;transform:rotate(-1.5deg);display:flex;flex-direction:column;gap:10px}
#login .lcard::before{content:"";position:absolute;top:-10px;left:50%;width:70px;height:18px;margin-left:-35px;background:#f6a8c6aa;transform:rotate(3deg)}
#login h3{align-self:flex-start;margin:0;background:#f6a8c6;border-radius:999px;padding:1px 16px;font:400 18px var(--f-logo)}
#login label{color:#6b5f2d}#login .hint{color:#6b5f2d;margin:0}
#login input{background:#fffdf0;color:#3a3316}
.lo{position:absolute;right:50px;top:30px;font:400 13px var(--f-logo);background:#fff3a8;color:#3a3316;border:3px solid #fff;border-radius:999px;padding:3px 12px;box-shadow:2px 3px 0 #0003;transform:rotate(5deg);cursor:pointer}