.App{text-align:center;font-family:Arial,sans-serif}main{background-color:#f0f8ff;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 1vmin);color:#333;padding:20px}h1{color:#228b22;margin:0}h2{margin-top:10px;margin-bottom:20px;font-size:1.2em}.header{max-width:600px;margin-bottom:2em}.network-info{background-color:#e8f5e9;padding:10px 20px;border-radius:20px;font-size:.9em;margin-bottom:10px}.account{background-color:#e8f5e9;padding:10px 20px;border-radius:20px;font-size:.9em;margin-bottom:30px}.mint-interface{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:30px;width:100%;max-width:400px;margin-top:20px}input{border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#000}.quantity-input{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.quantity-input label{font-weight:700}.quantity-input input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1em}.price-info{font-weight:700;margin-bottom:20px}.mint-button{background-color:#228b22;color:#fff;border:none;border-radius:5px;padding:12px 20px;font-size:1em;cursor:pointer;transition:background-color .3s ease;width:100%}.mint-button:hover:not(:disabled){background-color:#1b6b1b}.mint-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#d32f2f;margin-top:20px}.success-message{color:#2e7d32;margin-top:20px}.App{min-height:100vh;display:flex;flex-direction:column;position:relative}.App .app-header{display:flex;justify-content:space-between;align-items:center;width:100%;position:fixed;top:0;left:0;z-index:100;height:4rem;box-shadow:0 2px 3px #00000080;padding:0 10px;background:linear-gradient(90deg,#426e9b,#5e9ba8);color:#fff}.App .header-text{display:flex;flex-direction:column;gap:2px}.App .header-text .app-title{font-size:1.5rem;font-weight:700;margin:0;line-height:1;color:#fff;text-decoration:none}.App .header-text .app-title:hover{text-decoration:underline;color:#fff}.App .header-text .app-subtitle{font-size:.8rem;opacity:.8;line-height:1;color:#fff}.App .header-text .app-subtitle a{color:#fff;text-decoration:none}.App .header-text .app-subtitle a:hover{text-decoration:underline;color:#fff}.App .header-controls{display:flex;align-items:center;gap:10px;flex-direction:row-reverse}.App .header-controls .about-link,.App .header-controls .search-link{background:none;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;width:30px;height:30px;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;transition:all .2s}.App .header-controls .about-link:hover,.App .header-controls .search-link:hover{background:#fff3}.App .app-kit-controls{position:static;--wui-color-fg-100: white;--wui-color-fg-200: white;--wui-color-fg-300: white;--wui-color-inherit: white;--wui-color-inverse: white}.App .app-kit-controls appkit-button{--wui-color-fg-200: white;--wui-color-inherit: white}.App .app-kit-controls appkit-button::part(button){color:#fff!important;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}:is():hover{background:#fff3}.main-container{padding:20px 0 0;width:100%;margin:64px auto 0;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0V0zm2 2v56h56V2H2zm0 0' fill='none' stroke='rgba(0, 0, 0, 0.1)' stroke-width='2'/%3E%3C/svg%3E");background-size:60px 60px;background-repeat:repeat;min-height:calc(100vh - 64px);flex:1;display:flex;flex-direction:column}.page-header{margin-bottom:2rem;text-align:center;padding:0 20px}.page-header h2{margin:0;font-size:1.5rem;color:#426e9b;display:inline-block;background:#fff;padding:.5rem 1rem;font-weight:700}.page-header .owner-info{margin-top:0;font-size:1rem;color:#666;display:block}.page-header .owner-info span{background:#fff;padding:.25rem 1rem;display:inline-block}.page-header .owner-info a{color:#426e9b;text-decoration:none;font-weight:700;display:inline}.page-header .owner-info a:hover{text-decoration:underline}.chonks-grid{display:grid;grid-template-columns:repeat(auto-fit,275px);gap:20px;width:100%;margin:0;padding:0 20px calc(2rem + 60px);justify-content:center}@media (max-width: 320px){.chonks-grid{grid-template-columns:1fr}}.vaccination-footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,#426e9b,#5e9ba8);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px #0000004d;z-index:99}.vaccination-footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto;gap:20px}.vaccination-info{display:flex;align-items:center;gap:10px;color:#fff}.vaccination-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s}.vaccination-button:hover{background-color:#45a049}.notification{position:fixed;bottom:20px;right:20px;z-index:1000;padding:15px 20px;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;animation:slideIn .3s ease-out}.notification.success{background-color:#4caf50;color:#fff}.notification.error{background-color:#f44336;color:#fff}.notification-content{display:flex;align-items:center;gap:10px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.built-on-ethereum{display:flex;justify-content:center;width:100%;margin-top:1rem}.built-on-ethereum img{width:125px}.select-all-container{position:sticky;top:4rem;z-index:90;width:100%;display:flex;justify-content:center;padding:.5rem 0 1rem}.contract-link{display:flex;justify-content:center;padding:1rem;width:100%}.contract-link a{color:#426e9b;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem;background:#fff;font-weight:700}.contract-link a:hover{text-decoration:underline}.contract-link a:after{content:"↗";font-size:1.1em;line-height:1}.wallet-section{display:flex;align-items:center;gap:15px;margin-bottom:30px}.connect-button{background-color:#4285f4;color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:.9em;cursor:pointer;transition:background-color .3s ease}.connect-button:hover:not(:disabled){background-color:#3367d6}.connect-button:disabled{background-color:#ccc;cursor:not-allowed}.max-quantity-warning{color:#ff9800;font-size:.8em;margin-top:5px;font-weight:700;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box}:root{font-family:Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:block}#root{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}