.controls{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.search-box{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#00142899;border:2px solid rgba(0,255,136,.3);border-radius:.75rem;color:#0f8}.search-box input{flex:1;background:transparent;border:none;color:#fff;font-size:var(--text-base);outline:none}.search-box input::placeholder{color:#ffffff80}.filter-buttons,.sort-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn,.sort-btn{padding:.75rem 1.5rem;background:#00142899;border:2px solid rgba(0,255,136,.3);border-radius:.5rem;color:#ffffffe6;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.sort-btn:hover{border-color:#0f8;background:#00ff881a;transform:translateY(-2px)}.filter-btn.active,.sort-btn.active{background:#0f83;border-color:#0f8;color:#0f8}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.challenge-card{background:#00142899;border:2px solid rgba(0,255,136,.3);border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .3s ease}.challenge-card:hover{border-color:#0f8;box-shadow:0 0 20px #0f86;transform:translateY(-5px)}.card-image{position:relative;width:100%;height:200px;overflow:hidden;background:#00000080}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.challenge-card:hover .card-image img{transform:scale(1.05)}.day-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ff0080,#ff8c00);color:#fff;font-weight:700;font-size:var(--text-sm);border-radius:.5rem;box-shadow:0 4px 12px #ff008080;z-index:10}.card-content{padding:1.5rem}.card-title{font-size:var(--text-lg);font-weight:700;color:#fff;margin-bottom:.75rem}.card-category{font-size:var(--text-sm);color:#ffffffb3;margin-bottom:1rem}.x-link-btn{display:inline-block;padding:.5rem 1rem;background:#1d9bf01a;border:2px solid rgba(29,155,240,.5);border-radius:.5rem;color:#1d9bf0;text-decoration:none;font-size:var(--text-sm);font-weight:600;transition:all .3s ease}.x-link-btn:hover{background:#1d9bf033;border-color:#1d9bf0;transform:translate(4px)}.no-results{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:#ffffffb3;text-align:center}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:1000;overflow-y:auto;padding:2rem}.modal.active{display:flex;align-items:flex-start;justify-content:center;padding-top:2rem;padding-bottom:2rem}.modal-content{position:relative;margin:auto;max-width:800px;width:100%;background:#001428f2;border:2px solid rgba(0,255,136,.5);border-radius:1rem;padding:2rem;box-shadow:0 0 40px #00ff884d}.modal-close{position:absolute;top:1rem;right:1rem;background:#f003;border:2px solid rgba(255,0,0,.5);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:#f08;cursor:pointer;transition:all .3s ease;z-index:10;font-size:1.5rem}.modal-close:hover{background:#f006;transform:rotate(90deg)}@media(max-width:768px){.cards-grid{grid-template-columns:1fr}.filter-buttons{justify-content:center}.modal-content{padding:1.5rem;margin:1rem}}} .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-day-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#ff0080,#ff8c00);color:#fff;font-weight:700;font-size:var(--text-sm);border-radius:.5rem}.modal-title{font-size:var(--text-2xl);color:#fff;font-weight:700;margin-bottom:1rem}.modal-summary{font-size:var(--text-base);color:#ffffffe6;line-height:1.8;margin-bottom:1rem}.modal-category{font-size:var(--text-sm);color:#ffffffb3;margin-bottom:1.5rem}.modal-image{width:100%;max-height:400px;object-fit:contain;border-radius:.75rem;margin-bottom:1.5rem;background:#0000004d}.modal-x-link{display:inline-block;padding:.75rem 1.5rem;background:#1d9bf01a;border:2px solid rgba(29,155,240,.5);border-radius:.5rem;color:#1d9bf0;text-decoration:none;font-weight:600;transition:all .3s ease}.modal-x-link:hover{background:#1d9bf033;border-color:#1d9bf0;transform:translate(4px)}.grok-comment-section{display:flex;align-items:flex-start;gap:1rem;margin:2rem 0;padding:1.5rem;background:#ff88000d;border-left:4px solid rgba(255,136,0,.5);border-radius:.75rem}.grok-avatar{flex-shrink:0;width:5.25rem;height:5.25rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#ff88001a;border:2px solid rgba(255,136,0,.3)}.grok-avatar-img{width:100%;height:100%;object-fit:cover}.grok-bubble{flex:1;background:#ffffff0d;border-radius:.75rem;padding:1rem 1.5rem;position:relative}.grok-bubble:before{content:"";position:absolute;left:-8px;top:1rem;width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent rgba(255,255,255,.05) transparent transparent}.grok-name{font-size:var(--text-sm);font-weight:700;color:#f80;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.grok-message{font-size:var(--text-base);color:#fffffff2;line-height:1.6}.x-embed-container{display:flex;justify-content:center;margin-top:2rem;min-height:300px;width:100%!important;max-width:300px!important;margin-left:auto!important;margin-right:auto!important}.x-embed-container iframe{max-width:100%!important;width:100%!important}