@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Manrope:wght@400;600;700&display=swap";:root{font-family:Manrope,sans-serif;color:#3f3433;background:#f7e9e7}*{box-sizing:border-box}body{margin:0}.login{min-height:100vh;display:grid;place-items:center;background:#f6e3e1}.login section{width:min(460px,90vw);padding:50px;background:#fffdfa;box-shadow:0 25px 70px #a4777552;text-align:center}h1{font:600 64px/.9 Caveat;margin:17px 0}em{color:#d18482;font-style:normal}small{display:block;color:#a18b87}form{text-align:left}label,input,select,textarea{display:block;width:100%;margin:9px 0}input,select,textarea{padding:12px;border:1px solid #ead8d4;font:inherit}button{border:0;padding:12px 16px;background:#594542;color:#fff;cursor:pointer}form button{width:100%}header{height:68px;max-width:1100px;margin:auto;padding:0 25px;display:flex;justify-content:space-between;align-items:center}header b{font:700 22px Caveat}header button{background:none;color:#93716e}.hero{text-align:center;padding:35px 20px}.hero h1{font-size:clamp(56px,8vw,88px)}.diary{max-width:800px;margin:auto;padding:0 18px 60px}.diary nav{height:66px;display:flex;justify-content:space-between;align-items:center;text-align:center}.diary nav button{border-radius:50%;font-size:20px}.diary nav button:disabled{opacity:.35}article{background:#fffdf9;min-height:600px;padding:45px 65px;box-shadow:0 18px 32px #9d716635}.entry{min-height:245px;padding:8px 12px}.entry+.entry{border-top:1px solid #eddcd7}.entry h2{font-size:13px}.entry textarea{height:100px;border:0;border-bottom:1px dashed #e9d7d2;background:transparent}.locked{opacity:.5}.photos{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.photos img{width:70px;height:60px;object-fit:cover;border:4px solid white;box-shadow:0 2px 7px #795d5840}.add{color:#af8580;cursor:pointer}.add input{display:none}@media(max-width:560px){article{padding:40px 24px}.login section{padding:35px 25px}}@keyframes page-in{0%{opacity:0;transform:perspective(900px) rotateY(-8deg) translate(18px)}to{opacity:1;transform:none}}.page-turn{animation:page-in .42s ease both;transform-origin:left center}.page-turn.backward{animation-name:page-in-back;transform-origin:right center}@keyframes page-in-back{0%{opacity:0;transform:perspective(900px) rotateY(8deg) translate(-18px)}to{opacity:1;transform:none}}.loading{text-align:center;color:#a18b87;padding:80px 0}.heart{text-align:center;color:#d18482;font-size:34px;margin-bottom:14px}.form-error{color:#b65d58;min-height:22px}.pin{display:block;margin:12px 0;background:#d18482;font-size:14px;border-radius:20px}.pin:hover{background:#b96f6d}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;padding:12px;border:1px solid #ead8d4;background:#fffaf7;border-radius:10px;margin-top:14px;max-width:100%}.photos img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border:4px solid white;box-shadow:0 2px 7px #795d5840;border-radius:4px}html,body{overflow-anchor:none}