@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,400;10..48,700&family=Raleway:wght@400;700&display=swap";*{box-sizing:border-box}html{font-family:Bricolage Grotesque,sans-serif;line-height:1.5;color:#defaf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;height:100%}body{margin:0;padding:2rem;background:linear-gradient(180deg,#1f1c2c 0%,#1f1c2c 100%)}header{text-align:center}header img{width:5rem;height:5rem;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,0,0,.4))}header h1{margin:0;font-size:3rem;text-transform:uppercase;letter-spacing:1rem}header p{margin:0 auto;font-size:1.15rem;max-width:38ch;color:#9eb5b4}.places-category{max-width:85rem;margin:2rem auto;padding:1rem;border:2px solid #0d373e;border-radius:8px}.places-category h2{font-family:Raleway,sans-serif;font-size:1.5rem;margin:0;padding:0;margin-bottom:1rem;color:#8feeff;text-align:center}.fallback-text{text-align:center}.places{max-width:80rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));grid-gap:2rem;margin:2rem auto;padding:0;list-style:none}.place-item{position:relative;display:flex;flex-direction:column;border-radius:8px;background:#1f1c2c;box-shadow:0 .5rem 1rem #00000026;animation:slide-up-fade-in .3s ease-out forwards}.place-item button{background:transparent;border:none;padding:0;transition:all .2s ease-in-out}.place-item:nth-child(odd) button:hover,.place-item:nth-child(odd) button:focus{box-shadow:0 0 8px 4px #ffd90099;border-radius:8px;transform:rotate(5deg)}.place-item:nth-child(2n) button:hover,.place-item:nth-child(2n) button:focus{box-shadow:0 0 8px 4px #ffd90099;border-radius:8px;transform:rotate(-5deg)}.place-item img{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.place-item h3{font-family:Raleway,sans-serif;font-weight:400;font-size:.9rem;position:absolute;bottom:0;right:1rem;margin:1rem auto;background-color:#feee86;border-radius:4px;padding:.15rem .35rem;box-shadow:0 1px 4px #0006}#delete-confirmation{padding:1rem}#delete-confirmation h2{font-family:Raleway,sans-serif;font-size:1.5rem;margin:0;padding:0;color:#5d0909}#delete-confirmation p{margin:0 auto;font-size:1.15rem;max-width:38ch;color:#804242}#confirmation-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:1rem}.button{cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;padding:.5rem 1.5rem;border:none;border-radius:4px;background-color:#5d0909;box-shadow:0 1px 4px #0006;color:#fff}.button:hover,.button:focus{background-color:#3e0505}.button-text{background:transparent;border:none;padding:0;font-family:Raleway,sans-serif;font-size:1rem;color:#5d0909}.modal::backdrop{position:fixed;top:0;left:0;z-index:1;width:100%;height:100vh;background:rgba(0,0,0,.6)}.modal{min-width:30rem;padding:0;z-index:2;background:#d5c7bc;border-radius:8px;box-shadow:0 2px 8px #00000042;animation:slide-down-fade-in .3s ease-out forwards}.center{text-align:center}.error{max-width:40rem;margin:1rem auto;padding:1rem;background-color:#f4c7c7;color:#3e0505}.modal .error{margin:auto}@keyframes slide-down-fade-in{0%{opacity:0;transform:translateY(-3rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}