@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Kanit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;animation:fadeIn .3s ease-in-out}.popup-container,.popup-overlay{display:flex;align-items:center;justify-content:center}.popup-container{padding:10px;width:700px;height:370px;background-image:url(/assets/img/Modal.png);background-size:cover;background-position:50%;position:relative;flex-direction:column;text-align:center;color:#fff;animation:scaleUp .4s ease-in-out}@media (max-width:768px){.popup-container{width:90%;height:auto;padding:15px}.popup-title{font-size:1rem;color:#000}.popup-btn{font-size:1rem;padding:8px 15px}}.popup-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.popup-btn{padding:10px 20px;margin:5px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;color:#fff;transition:transform .2s,background-color .3s}.popup-btn.keep{background-color:rgba(97,160,120,.8)}.popup-btn.keep:hover{background-color:rgba(65,117,85,.9);transform:scale(1.1)}.popup-btn.remove{background-color:hsla(29,60%,67%,.8)}.popup-btn.remove:hover{background-color:hsla(29,42%,58%,.9);transform:scale(1.1)}@keyframes fadeIn{0%{background:transparent}to{background:rgba(0,0,0,.5)}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}