@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Raleway:wght@400;600&display=swap');*{box-sizing:border-box}body{margin:0;background:#F3F0E9;color:#0C0D0D;font:14px Raleway,sans-serif}h1,h2{font-family:'DM Serif Display';font-weight:400}h1{font-size:40px}input,button,textarea{padding:13px;border:1px solid #ddd;border-radius:8px;font:13px Raleway}button{background:#0C0D0D;color:#fff;font-weight:600}input{background:#fff}.login{width:min(500px,92%);margin:8vh auto;background:#fff;padding:40px;border-radius:18px}.login form,.grid{display:grid;gap:12px}aside{position:fixed;width:210px;inset:0 auto 0 0;background:#0C0D0D;color:#fff;padding:30px}aside a{color:#fff}body>main:not(.login){margin-left:210px;padding:40px 5vw}.card{background:#fff;border:1px solid #e2e3df;border-radius:14px;padding:24px;margin:15px 0}.card .grid{grid-template-columns:repeat(3,1fr)}code{display:block;background:#f0f1ed;padding:10px;margin:10px 0;overflow:auto}header{position:sticky;top:0;z-index:5;background:#fff;padding:18px 4vw;display:flex;justify-content:space-between;align-items:center}.photos{columns:4 250px;padding:10px}.photos form{break-inside:avoid;position:relative;background:#fff;padding-bottom:12px}.photos button{padding:0;position:relative;width:100%;background:none;border:0}.photos img{width:100%;display:block}.photos i{position:absolute;right:10px;top:10px;background:#fff;padding:10px;border-radius:50%;font-style:normal;color:#A04530}.photos .chosen i{background:#A04530;color:#fff}.photos .chosen i{font-size:0}.photos .chosen i:after{content:'♥';font-size:18px}.zoom{position:absolute!important;left:10px;top:10px;width:auto!important;background:#fff!important;color:#0C0D0D!important;padding:9px 12px!important}.photos textarea{width:calc(100% - 20px);margin:10px 10px 6px;min-height:62px;resize:vertical}.photos .save{margin-left:10px;width:auto;background:#F3F0E9;color:#3E3E40;padding:8px 10px}footer{position:fixed;bottom:0;background:#fff;width:100%;padding:18px;text-align:center}#lightbox{display:none;position:fixed;inset:0;background:#0C0D0Df2;z-index:20;place-items:center;padding:4vw}#lightbox.open{display:grid}#lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}#lightbox .close{position:fixed;right:25px;top:20px;background:none;font-size:34px}@media(max-width:700px){aside{display:none}body>main:not(.login){margin:0;padding:20px}.card .grid{grid-template-columns:1fr}.photos{columns:2}}