*{font-family:ChosunGu,system-ui,-apple-system,sans-serif}#root,body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.App{background-color:#f7e0fc;height:100%;min-height:100vh}.App,.artworks-container{background-attachment:fixed;background-position:50%;background-size:cover;margin:0;padding:0;width:100%}.artworks-container{height:100vh;overflow:hidden;position:relative}.scroll-area{height:100%;overflow-y:auto;padding-bottom:100px;width:100%}.artworks-nav{padding:20px;text-align:center}.home-button{background-color:#fff;border-radius:30px;box-shadow:0 2px 5px #0003;color:#5d3f8a;display:inline-block;font-size:1.2rem;font-weight:400;padding:10px 20px;text-decoration:none;transition:transform .2s}.home-button:hover{transform:scale(1.05)}.artworks-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px;padding:20px}.artwork-card{align-items:center;aspect-ratio:1/1;background-color:#fffc;border:2px solid #fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease;width:100%}.artwork-card:hover{background-color:#fffffff2;transform:translateY(-5px)}.artwork-number{color:#5d3f8a;font-size:2rem;font-weight:400}.modal-overlay{align-items:center;animation:fadeIn .3s;background-color:#000000d9;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;padding-top:40px;position:fixed;top:0;width:100%;z-index:1000}.modal-title{color:#fff;font-size:1.5rem;font-weight:400;letter-spacing:-.02em;margin-bottom:20px;text-align:center}.modal-content{align-items:center;animation:zoomIn .3s;background-color:initial;border-radius:0;box-shadow:none;display:flex;justify-content:center;max-height:90vh;max-width:90vw;padding:0;position:relative;width:auto}.modal-content img{background-color:#fff;border-radius:14px;display:block;max-height:80vh;max-width:90vw;object-fit:contain}.close-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2rem;opacity:.8;position:fixed;right:24px;top:20px}.close-button:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8)}to{transform:scale(1)}}.post-it{word-wrap:break-word;box-shadow:5px 5px 15px #0003;box-sizing:border-box;color:#333;font-size:1.1rem;height:200px;line-height:1.5;overflow:hidden;padding:20px;position:absolute;transition:transform .3s ease;width:200px}.post-it:hover{box-shadow:10px 10px 25px #0000004d;transform:scale(1.1)!important;z-index:100}.write-button{align-items:center;background-color:#5d3f8a;border:none;border-radius:50%;bottom:40px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;position:fixed;right:40px;transition:transform .2s;width:60px;z-index:1000}.write-button:hover{background-color:#7e5bb8;transform:scale(1.1) rotate(90deg)}.guestbook-input{border:2px solid #ddd;border-radius:10px;font-size:1rem;height:150px;margin-bottom:20px;outline:none;padding:15px;resize:none;width:100%}.gb-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.gb-modal-card{background:linear-gradient(135deg,#ffe6fff2,#f0dcfff2);border-radius:24px;box-shadow:0 25px 60px #5d3f8a40;display:flex;flex-direction:column;gap:18px;padding:40px 35px;width:420px}.gb-title{color:#7c5ac2;font-size:28px;margin-bottom:10px;text-align:center}.gb-modal-card input,.gb-modal-card textarea{background:#fff9;border:none;border-radius:16px;font-size:14px;outline:none;padding:14px 18px}.gb-modal-card textarea{min-height:90px;resize:none}.gb-button-row{display:flex;justify-content:space-between;margin-top:10px}.gb-submit{background:linear-gradient(135deg,#b48cff,#7c5ac2);border:none;border-radius:20px;color:#fff;margin-right:8px}.gb-cancel,.gb-submit{cursor:pointer;flex:1 1;font-weight:600;padding:12px}.gb-cancel{background:#0000;border:2px solid #7c5ac2;border-radius:20px;color:#7c5ac2;margin-left:8px}
/*# sourceMappingURL=main.2f54e459.css.map*/