*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";display:flex;flex-direction:column;align-items:center}a{color:#fff;text-decoration:underline;text-underline-offset:2px}a:focus-visible{outline:2px solid #00f5ff;outline-offset:2px;border-radius:4px}hr{color:#fff;width:100%}ul li{color:#fff}header{display:flex;flex-direction:column;justify-content:center;padding:1rem 0}header h1{text-align:center;color:#fff}main{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:1200px}.intro{max-width:400px;padding:1rem 0}.intro p{color:#fff}footer{padding:1rem 0}footer p{color:#fff;text-align:center;padding:1rem 0}footer .coffee{display:flex;flex-direction:column;align-items:center}.info{display:flex;flex-direction:column}.info h3{font-weight:400}.info .subinfo{display:flex;flex-direction:column;gap:.75rem}.info .subinfo p{margin:0}.card{width:min(100%,400px);margin-inline:auto;display:flex;flex-direction:column;position:relative;border:3px solid rgba(0,0,0,0);border-radius:16px;color:#fff;text-align:center;padding:1.5rem;background:linear-gradient(var(--bg-color, #121212), var(--bg-color, #121212)) padding-box,linear-gradient(135deg, #00f5ff, #8a2be2, #ff007f) border-box;background-size:200% 200%;box-shadow:0 0 12px rgba(138,43,226,.4);transition:transform .3s ease;--dur: 720ms;--ease: cubic-bezier(0.22, 0.75, 0.25, 1)}.card .preview{display:flex;flex-direction:column;align-items:center;overflow:hidden;max-height:var(--preview-h, 300px);transition:max-height var(--dur) var(--ease),opacity var(--dur) var(--ease),transform var(--dur) var(--ease),margin var(--dur) var(--ease)}.card .preview img{display:inline-block}.card .content{display:block;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0.98);transform-origin:top center;transition:max-height var(--dur) var(--ease),opacity calc(var(--dur)*.7) linear,transform var(--dur) var(--ease);flex:0 0 auto}.card .content>*{margin-inline:auto}.card.is-active{background-position:100% 0;box-shadow:0 0 24px rgba(255,0,127,.35),0 0 10px rgba(138,43,226,.35);transform:scale(1.03);animation:gradientMove 6s linear infinite alternate}.card.is-active .content{will-change:transform,opacity}.card.is-active{--card-expanded-min-h: 320px;min-height:var(--card-expanded-min-h)}.card.is-active .preview{opacity:0;transform:translateY(-6px) scale(0.98);max-height:0;margin:0;pointer-events:none}.card.is-active .content{max-height:var(--content-h, 800px);opacity:1;transform:scaleY(1);flex:1 0 auto}.content{display:flex;flex-direction:column;align-items:center}.content img{display:inline-block}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;color:#fff;font-weight:500;text-decoration:none;text-align:center;position:relative;overflow:hidden;margin:1rem;background:linear-gradient(135deg, #00f5ff, #8a2be2, #ff007f);background-size:200% 200%;transition:background-position .6s ease,transform .25s ease,box-shadow .3s ease}.btn:hover{background-position:100% 0;transform:translateY(-2px) scale(1.03);box-shadow:0 0 16px rgba(255,0,127,.35),0 0 8px rgba(138,43,226,.25)}.btn:active{transform:scale(0.98)}.btn:focus-visible{outline:2px solid #00f5ff;outline-offset:2px}.sortfilter{display:flex;justify-content:space-evenly;gap:1rem;width:400px;max-width:1200px;margin-bottom:1rem}dialog{border:2px solid rgba(0,0,0,0);border-radius:12px;padding:1.5rem;min-width:98%;margin:0 auto;background:linear-gradient(#121212, #121212) padding-box,linear-gradient(135deg, #00f5ff, #8a2be2, #ff007f) border-box;color:#fff;box-shadow:0 0 12px rgba(138,43,226,.4)}dialog::backdrop{background:rgba(0,0,0,.6)}dialog .dialog-body{display:grid;gap:1rem}dialog fieldset{border:0;padding:0}dialog legend{font-weight:600;margin-bottom:.75rem}dialog .radio-group label,dialog .check-group label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem}dialog .grid-10{display:grid;grid-template-columns:repeat(10, minmax(0, 1fr));gap:.4rem}dialog .chip-wrap{display:flex;flex-wrap:wrap;gap:.1rem}dialog .chip{border:1px solid hsla(0,0%,100%,.18);border-radius:999px;padding:.3rem .75rem}dialog .chip input{margin-right:.4rem}dialog menu{display:flex;flex-direction:column;padding:0;margin:0}.btn-secondary{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.25)}.btn-chip{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.25);border-radius:999px;padding:.3rem .75rem}.hide{display:none !important}@keyframes gradientMove{0%{background-position:0% 50%}100%{background-position:100% 50%}}@media(prefers-reduced-motion: reduce){.card .preview,.card .content{transition:none !important;animation:none !important}}/*# sourceMappingURL=styles.css.map */