@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";html,body,*{padding:0;margin:0;font-family:Space Grotesk,sans-serif,Josefin Sans,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;color:#333;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden}h1{font-size:22px}.app-button{border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;padding:.5rem 2rem}.app-button:hover{opacity:.8}.app-button:disabled{opacity:.2;cursor:not-allowed}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;background-color:#fff;border:2px solid #333;border-radius:8px;box-shadow:2px 2px 2px 2px #0006;padding:1.5rem;display:flex;flex-direction:column;max-width:90vw;max-height:90vh;overflow-y:auto;width:400px}.modal h1{margin-top:25px;margin-bottom:5px}@media (max-width: 480px){.modal{width:calc(100vw - 2rem);max-height:85vh;padding:1rem}.modal h1{margin-top:15px;font-size:18px}}.modal-close{position:absolute;top:15px;right:15px;border:none;background-color:#fff;font-size:22px;cursor:pointer}.modal-close:hover{text-decoration:underline}