*{box-sizing:border-box}body{margin:0;background:#f2eddf;background-image:radial-gradient(#b7ab8e30 .7px,transparent .7px);background-size:8px 8px;color:#302b21;font-family:'Yu Gothic UI',Meiryo,sans-serif;line-height:1.8}main{max-width:490px;margin:55px auto;padding:0 20px}.brand{display:flex;align-items:center;gap:13px;margin:0 0 30px 9px}.brand strong{font:bold 25px Arial,sans-serif;letter-spacing:.035em}.brand small{display:block;font:9px Consolas,monospace;letter-spacing:.2em;color:#8a743d;margin-top:7px}.lens{display:grid;place-items:center;background:#302b21;color:#f3ce46;width:46px;height:46px;border-radius:50%;font:bold 44px Georgia;line-height:1;transform:rotate(-15deg);box-shadow:3px 3px #d3b341}.desk{position:relative;background:#fffcf1;border:1px solid #d8ca9d;border-top:9px solid #efca43;padding:34px;border-radius:4px;box-shadow:5px 6px 0 #b6a67518}.desk:before{content:'';position:absolute;background:#f4dda68c;width:95px;height:23px;top:-17px;left:25px;transform:rotate(-7deg)}.kicker{font-size:9px;font-weight:bold;letter-spacing:.13em;color:#8b6e2d;margin:0 0 10px}h1{font:700 25px 'Yu Mincho',serif;margin:0 0 12px}.intro{font-size:12px;color:#87795d;margin:0 0 25px}form>label{display:block;font-size:12px;font-weight:bold;margin:17px 0 7px}input[type=text],input[type=password]{border:1px solid #cbbb92;border-radius:5px;background:#fffefa;padding:12px 13px;width:100%;font-size:16px;color:#302b21}input:focus-visible,button:focus-visible{outline:3px solid #d7b441;outline-offset:2px}.password-option{font-size:11px;margin-top:10px;color:#897752}.password-option input{accent-color:#9f7b1b}button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#302b21;color:#ffe489;font-weight:bold;font-size:13px;border:0;border-radius:5px;padding:15px 18px;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#login-message{font-size:12px;color:#aa492d;min-height:20px;margin:10px 0;line-height:1.8}.help{font-size:10px;line-height:1.9;color:#9b8c6e;border-top:1px dashed #d8ca9d;padding-top:18px;margin:25px 0 0}footer{font:8px Consolas,monospace;color:#a08c5e;letter-spacing:.04em;text-align:center;margin-top:23px}@media(max-width:480px){main{margin:30px auto}.desk{padding:28px 23px}.brand strong{font-size:23px}h1{font-size:23px}}