@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;margin:0;padding:0}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:1400px;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:1400px;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{column-count:1;column-gap:2rem}@media (width>=768px){.masonry-grid{column-count:2}}@media (width>=1024px){.masonry-grid{column-count:3}}@media (width>=1280px){.masonry-grid{column-count:4}}.masonry-item{break-inside:avoid;margin-bottom:2rem}.prompt-card{background:var(--white);border:4px solid var(--black);box-shadow:var(--shadow-md);cursor:pointer;flex-direction:column;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;position:absolute;top:-15px;right:15px;transform:rotate(4deg)}.card-header{text-transform:uppercase;color:#555;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 1.5rem 0;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.card-header span:first-child{color:var(--black);text-decoration:underline}.card-title{padding:0 1.5rem 1.5rem;font-size:1.5rem;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%;position:relative}.card-image{width:100%;height:auto;display:block}.card-content{color:#111;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;padding:1.5rem;font-size:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer-btn{background:var(--black);width:100%;color:var(--white);text-align:center;text-transform:uppercase;cursor:pointer;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,.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: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-list{border-top:4px solid var(--black);margin-top:3rem;padding-top:2rem}.admin-prompt-item{background:var(--white);border:4px solid var(--black);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;transition:transform .1s,box-shadow .1s;display:flex}.admin-prompt-item:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.admin-prompt-item h4{margin-bottom:.25rem;font-size:1.125rem;font-weight:900}.admin-prompt-item p{color:#555;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700}.admin-prompt-actions{gap:.5rem;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%}