@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-top:#f97576;--bg-main:#edf1f4;--black:#000;--white:#fff;--yellow:#ffe66d;--border-width:3px;--shadow-sm:2px 2px 0px 0px var(--black);--shadow-md:4px 4px 0px 0px var(--black);--shadow-lg:6px 6px 0px 0px var(--black)}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{display:none}body{background-color:var(--bg-main);color:var(--black);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}.hero-wrapper{background-color:var(--bg-top);border-bottom:4px solid var(--black);padding:1.5rem 2rem 4rem;position:relative}.navbar{flex-direction:column;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}@media (width>=768px){.navbar{flex-direction:row;justify-content:space-between}}.search-container{width:100%;max-width:500px}@media (width>=768px){.search-container{flex:1;margin:0 2rem}}.search-input{border:3px solid var(--black);width:100%;box-shadow:2px 2px 0px 0px var(--black);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1rem;font-weight:900;transition:transform .1s,box-shadow .1s}.search-input:focus{box-shadow:4px 4px 0px 0px var(--black);transform:translate(-2px,-2px)}.brand{background:var(--white);border:var(--border-width) solid var(--black);box-shadow:var(--shadow-sm);letter-spacing:-.02em;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:900;display:flex}.nav-buttons{gap:1rem;display:flex}.brutal-btn{background:var(--white);border:var(--border-width) solid var(--black);cursor:pointer;box-shadow:var(--shadow-sm);text-transform:uppercase;color:var(--black);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.brutal-btn:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.brutal-btn:active{box-shadow:0px 0px 0px 0px var(--black);transform:translate(2px,2px)}.brutal-btn.primary{background:var(--yellow)}.container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.page-title{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900}.filters-bar{border-bottom:4px solid var(--black);flex-wrap:wrap;gap:.75rem;margin-bottom:3.5rem;padding-bottom:1.5rem;display:flex}.filter-tag{background:var(--white);border:2px solid var(--black);text-transform:uppercase;cursor:pointer;box-shadow:2px 2px 0px 0px var(--black);color:var(--black);padding:.5rem 1rem;font-size:.875rem;font-weight:700}.filter-tag.active{background:var(--yellow)}.masonry-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.masonry-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.masonry-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.masonry-grid{grid-template-columns:repeat(4,1fr)}}.prompt-card{background:var(--white);border:4px solid var(--black);box-shadow:var(--shadow-md);cursor:pointer;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.prompt-card:hover{box-shadow:var(--shadow-lg);transform:translate(-4px,-4px)}.featured-badge{background:var(--yellow);border:3px solid var(--black);box-shadow:3px 3px 0px 0px var(--black);text-transform:uppercase;z-index:10;padding:.25rem .75rem;font-size:.875rem;font-weight:900}.trending-badge{color:#fff;border:2px solid var(--black);box-shadow:2px 2px 0px 0px var(--black);text-transform:uppercase;z-index:10;background:#f97576;padding:.15rem .5rem;font-size:.65rem;font-weight:900;position:absolute;top:8px;left:12px;transform:rotate(-4deg)}.platform-badge{background:var(--yellow);border:3px solid var(--black);box-shadow:3px 3px 0px 0px var(--black);text-transform:uppercase;z-index:10;padding:.25rem .75rem;font-size:.875rem;font-weight:900;position:absolute;top:8px;right:12px;transform:rotate(4deg)}.card-header{text-transform:uppercase;color:#555;justify-content:space-between;margin-bottom:.5rem;padding:2.75rem 1rem 0;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;display:flex}.card-header span:first-child{color:var(--black);text-decoration:underline}.card-title{padding:0 1rem 1rem;font-size:1.35rem;font-weight:900;line-height:1.2}.card-image-wrap{border-top:4px solid var(--black);border-bottom:4px solid var(--black);background:#eee;width:100%;height:300px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;display:block}.card-content{display:none}.card-footer-btn{background:var(--black);width:100%;color:var(--white);text-align:center;text-transform:uppercase;cursor:pointer;margin-top:auto;padding:1rem;font-weight:900}.card-footer-btn:hover{background:#333}.admin-container{background:var(--white);border:4px solid var(--black);max-width:600px;box-shadow:var(--shadow-lg);z-index:10;margin:-1.5rem auto 0;padding:2.5rem;position:relative}.admin-form .form-group{margin-bottom:1.5rem}.admin-form label{text-transform:uppercase;margin-bottom:.5rem;font-size:.875rem;font-weight:900;display:block}.admin-form input:not([type=range]),.admin-form textarea,.admin-form select{background:var(--bg-main);border:3px solid var(--black);width:100%;box-shadow:var(--shadow-sm);padding:.875rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .1s,box-shadow .1s}.admin-form input:not([type=range]):focus,.admin-form textarea:focus,.admin-form select:focus{box-shadow:var(--shadow-md);background:var(--white);outline:none;transform:translate(-2px,-2px)}.admin-form textarea{resize:vertical;min-height:120px}.btn-submit{background:var(--yellow);color:var(--black);border:3px solid var(--black);text-transform:uppercase;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);margin-top:1rem;padding:1rem 2rem;font-size:1.125rem;font-weight:900;transition:transform .1s,box-shadow .1s}.btn-submit:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.btn-submit:active{box-shadow:0 0 0 0 var(--black);transform:translate(2px,2px)}.footer{text-align:center;text-transform:uppercase;border-top:4px solid var(--black);background:var(--bg-top);color:var(--black);margin-top:4rem;padding:2rem;font-weight:900}.admin-card-wrapper{flex-direction:column;height:100%;display:flex}.admin-card-overlay-wrap>.prompt-card{flex:1}.admin-prompt-actions{gap:1rem;margin-top:1rem;display:flex}.btn-edit,.btn-delete,.btn-cancel{text-transform:uppercase;border:3px solid var(--black);cursor:pointer;box-shadow:2px 2px 0px 0px var(--black);padding:.5rem 1rem;font-weight:900;transition:transform .1s,box-shadow .1s}.btn-edit:hover,.btn-delete:hover,.btn-cancel:hover{box-shadow:4px 4px 0px 0px var(--black);transform:translate(-2px,-2px)}.btn-edit:active,.btn-delete:active,.btn-cancel:active{box-shadow:0 0 0 0 var(--black);transform:translate(2px,2px)}.btn-edit{background:var(--yellow);color:var(--black)}.btn-delete{background:var(--bg-top);color:var(--black)}.btn-cancel{color:var(--black);background:#edf1f4;width:100%}.image-source-toggle{gap:0;margin-bottom:.75rem;display:flex}.toggle-btn{text-transform:uppercase;cursor:pointer;border:3px solid var(--black);background:var(--bg-main);color:var(--black);flex:1;padding:.65rem 1rem;font-family:inherit;font-size:.875rem;font-weight:900;transition:background .15s,transform .1s,box-shadow .1s}.toggle-btn:first-child{border-right:none}.toggle-btn.active{background:var(--yellow);box-shadow:inset 0 -3px 0 0 var(--black)}.toggle-btn:hover:not(.active){background:var(--white)}.file-upload-zone{border:3px dashed var(--black);background:var(--bg-main);text-align:center;cursor:pointer;padding:2rem 1.5rem;transition:background .15s,transform .1s,box-shadow .1s}.file-upload-zone:hover{background:var(--white);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.file-upload-zone.dragover{background:var(--yellow);box-shadow:var(--shadow-md);border-style:solid;transform:translate(-2px,-2px)}.upload-icon{margin-bottom:.5rem;font-size:2rem}.upload-text{text-transform:uppercase;margin-bottom:.25rem;font-size:.875rem;font-weight:900}.upload-hint{color:#888;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700}.image-preview{border:3px solid var(--black);box-shadow:var(--shadow-sm);background:var(--white);margin-top:.75rem;display:inline-block;position:relative}.image-preview img{object-fit:contain;max-width:100%;max-height:200px;display:block}.preview-remove{background:var(--bg-top);width:28px;height:28px;color:var(--black);border:3px solid var(--black);box-shadow:2px 2px 0px 0px var(--black);cursor:pointer;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;top:-10px;right:-10px}.preview-remove:hover{box-shadow:3px 3px 0px 0px var(--black);transform:translate(-2px,-2px)}.position-editor{border:3px solid var(--black);background:var(--white);box-shadow:var(--shadow-sm);margin-top:.75rem;padding:1rem}.position-preview-card{border:3px solid var(--black);background:#eee;width:100%;height:300px;position:relative;overflow:hidden}.position-preview-card img{object-fit:cover;width:100%;height:100%;display:block}.position-sliders{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.slider-group{align-items:center;gap:.75rem;display:flex}.slider-group span:first-child{text-transform:uppercase;min-width:110px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:900}.slider-group input[type=range]{appearance:none;background:var(--bg-main);border:2px solid var(--black);cursor:pointer;outline:none;flex:1;height:8px}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--yellow);border:3px solid var(--black);cursor:grab;width:20px;height:20px;box-shadow:2px 2px 0px 0px var(--black)}.slider-group input[type=range]::-moz-range-thumb{background:var(--yellow);border:3px solid var(--black);cursor:grab;width:20px;height:20px;box-shadow:2px 2px 0px 0px var(--black)}.slider-value{text-align:right;min-width:35px;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:900}.custom-toast{background:var(--bg-top);border:3px solid var(--black);box-shadow:4px 4px 0px 0px var(--black);flex-direction:column;min-width:250px;padding:.75rem 1rem;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.custom-toast.animate-enter{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards toast-enter}.custom-toast.animate-leave{animation:.2s ease-in forwards toast-leave}.toast-message{text-transform:uppercase;color:var(--black);letter-spacing:-.02em;font-size:1rem;font-weight:900}.toast-submessage{color:var(--white);text-shadow:1px 1px 0 var(--black);text-transform:uppercase;margin-top:.15rem;margin-bottom:.5rem;font-size:.7rem;font-weight:800}.toast-progress-bg{background:var(--black);border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.toast-progress-bar{background:var(--yellow);width:100%;height:100%;animation:1s linear forwards toast-progress}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-40px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.9)}}.glitch-text{text-transform:uppercase;color:var(--black);font-size:5rem;font-weight:900;animation:1s linear infinite alternate-reverse glitch-skew;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 #ff00c1;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-text:after{text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:1s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(31px, 9999px, 94px, 0);transform:skew(.85deg)}5%{clip:rect(70px, 9999px, 71px, 0);transform:skew(.38deg)}10%{clip:rect(62px, 9999px, 86px, 0);transform:skew(.85deg)}15%{clip:rect(96px, 9999px, 7px, 0);transform:skew(.44deg)}20%{clip:rect(51px, 9999px, 35px, 0);transform:skew(.81deg)}25%{clip:rect(10px, 9999px, 86px, 0);transform:skew(.36deg)}30%{clip:rect(19px, 9999px, 4px, 0);transform:skew(.25deg)}35%{clip:rect(50px, 9999px, 71px, 0);transform:skew(.06deg)}40%{clip:rect(50px, 9999px, 96px, 0);transform:skew(.12deg)}45%{clip:rect(68px, 9999px, 41px, 0);transform:skew(.99deg)}50%{clip:rect(94px, 9999px, 34px, 0);transform:skew(.48deg)}55%{clip:rect(81px, 9999px, 76px, 0);transform:skew(.87deg)}60%{clip:rect(48px, 9999px, 32px, 0);transform:skew(.34deg)}65%{clip:rect(33px, 9999px, 15px, 0);transform:skew(.79deg)}70%{clip:rect(69px, 9999px, 8px, 0);transform:skew(.04deg)}75%{clip:rect(64px, 9999px, 60px, 0);transform:skew(.53deg)}80%{clip:rect(27px, 9999px, 13px, 0);transform:skew(.95deg)}85%{clip:rect(78px, 9999px, 57px, 0);transform:skew(.26deg)}90%{clip:rect(4px, 9999px, 32px, 0);transform:skew(.49deg)}95%{clip:rect(53px, 9999px, 100px, 0);transform:skew(.93deg)}to{clip:rect(10px, 9999px, 43px, 0);transform:skew(.8deg)}}@keyframes glitch-anim2{0%{clip:rect(12px, 9999px, 92px, 0);transform:skew(.67deg)}5%{clip:rect(98px, 9999px, 20px, 0);transform:skew(.83deg)}10%{clip:rect(91px, 9999px, 17px, 0);transform:skew(.6)deg}15%{clip:rect(8px, 9999px, 10px, 0);transform:skew(.87deg)}20%{clip:rect(31px, 9999px, 83px, 0);transform:skew(.19deg)}25%{clip:rect(65px, 9999px, 55px, 0);transform:skew(.8deg)}30%{clip:rect(10px, 9999px, 78px, 0);transform:skew(.61deg)}35%{clip:rect(51px, 9999px, 4px, 0);transform:skew(1deg)}40%{clip:rect(7px, 9999px, 64px, 0);transform:skew(.53deg)}45%{clip:rect(69px, 9999px, 81px, 0);transform:skew(.57deg)}50%{clip:rect(91px, 9999px, 11px, 0);transform:skew(.24deg)}55%{clip:rect(65px, 9999px, 91px, 0);transform:skew(.1deg)}60%{clip:rect(80px, 9999px, 43px, 0);transform:skew(.23deg)}65%{clip:rect(79px, 9999px, 91px, 0);transform:skew(.85deg)}70%{clip:rect(15px, 9999px, 11px, 0);transform:skew(.81deg)}75%{clip:rect(35px, 9999px, 68px, 0);transform:skew(.27deg)}80%{clip:rect(41px, 9999px, 48px, 0);transform:skew(.94deg)}85%{clip:rect(77px, 9999px, 20px, 0);transform:skew(.26deg)}90%{clip:rect(64px, 9999px, 65px, 0);transform:skew(.24deg)}95%{clip:rect(85px, 9999px, 69px, 0);transform:skew(.66deg)}to{clip:rect(12px, 9999px, 54px, 0);transform:skew(.56deg)}}@keyframes glitch-skew{0%{transform:skew(2deg)}10%{transform:skew(-4deg)}20%{transform:skew(3deg)}30%{transform:skew(0deg)}40%{transform:skew(2deg)}50%{transform:skew(-3deg)}60%{transform:skew(4deg)}70%{transform:skew(-2deg)}80%{transform:skew(1deg)}90%{transform:skew(-1deg)}to{transform:skew(0deg)}}.preloader-bg{background:var(--bg-top);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.preloader-bg.main{background:var(--yellow)}@media (width<=768px){.glitch-text{font-size:2.5rem}}.animated-title-container{perspective:1000px;gap:.15rem;display:flex}.title-letter{color:var(--black);background:var(--white);border:4px solid var(--black);box-shadow:4px 4px 0px 0px var(--black);cursor:pointer;-webkit-user-select:none;user-select:none;margin-right:-4px;padding:0 .75rem;font-size:3.5rem;font-weight:900;transition:transform .1s;display:inline-block}.title-letter:nth-child(odd){background:var(--yellow);transform:rotate(-3deg)}.title-letter:nth-child(2n){background:var(--bg-top);color:var(--white);transform:rotate(3deg)}.title-letter:hover{z-index:50;box-shadow:8px 8px 0px 0px var(--black);transform:scale(1.2)rotate(0)!important}@keyframes float-title{0%{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(2deg)}to{transform:translateY(0)rotate(-3deg)}}.title-letter.floating{animation:3s ease-in-out infinite float-title}.title-letter:nth-child(2n).floating{animation-delay:.5s}@media (width<=768px){.title-letter{border-width:3px;padding:0 .4rem;font-size:2rem}}.ig-link{border:3px solid var(--black);width:45px;height:45px;box-shadow:3px 3px 0px 0px var(--black);color:#fff;cursor:pointer;background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-radius:8px;justify-content:center;align-items:center;margin-right:1.5rem;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.ig-link:hover{z-index:100;box-shadow:5px 5px 0px 0px var(--black);transform:translate(-2px,-2px)}.ig-link:active{box-shadow:0px 0px 0px 0px var(--black);transform:translate(2px,2px)}@media (width<=768px){.ig-link{width:35px;height:35px;margin-right:.8rem}}