.header{position:relative;padding:48px 0 40px;overflow:hidden}.header-inner{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.header-brand{max-width:600px}.header-title{font-family:var(--font-pixel);font-size:clamp(24px,5vw,48px);line-height:1.2;margin-bottom:16px;letter-spacing:2px}.title-claw{color:var(--hot-pink);text-shadow:3px 3px 0 var(--cyan)}.title-direct{color:var(--cyan);text-shadow:3px 3px 0 var(--hot-pink);margin-left:8px}.header-tagline{font-size:14px;color:var(--text-secondary);max-width:400px;line-height:1.5}.header-blurb{position:relative;z-index:1;margin-top:32px;padding:20px 24px;background:var(--bg-card);border:2px solid var(--border-color);border-left:4px solid var(--hot-pink)}.blurb-text{font-size:15px;color:var(--text-primary);margin-bottom:12px;font-weight:500}.blurb-links{font-size:13px;color:var(--text-secondary);line-height:1.8}.blurb-label{color:var(--lime);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:1px}.blurb-link{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.blurb-link:hover{color:var(--hot-pink)}.blurb-divider{color:var(--text-muted);margin:0 16px;font-weight:700}.header-gradient{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(90deg,var(--hot-pink) 0%,var(--purple) 25%,var(--cyan) 50%,var(--lime) 75%,var(--hot-pink) 100%);background-size:200% 100%;animation:gradient-shift 8s ease infinite;opacity:.15;filter:blur(60px)}@media (max-width: 768px){.header-inner{flex-direction:column;gap:24px}.blurb-links{display:flex;flex-direction:column;gap:8px}.blurb-divider{display:none}}.like-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.like-button{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:14px;font-weight:700;padding:8px 16px;background:transparent;border:3px solid var(--lime);color:var(--lime);cursor:pointer;transition:all .15s ease;text-transform:uppercase}.like-button:hover:not(:disabled){background:var(--lime);color:var(--bg-dark);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--hot-pink)}.like-button:active:not(:disabled){transform:translate(0);box-shadow:none}.like-button.liked{background:var(--lime);color:var(--bg-dark);cursor:default;animation:like-pop .3s ease}.like-button.liking{opacity:.7;cursor:wait}.like-button:disabled{cursor:default}.like-icon{font-family:var(--font-pixel);font-size:10px}.like-count{min-width:20px;text-align:center}.like-error{font-size:10px;color:var(--hot-pink);max-width:150px;line-height:1.3}.entry-card{display:flex;flex-direction:column;transform:rotate(var(--rotation, 0deg));transition:transform .2s ease,border-color .2s ease}.entry-card:hover{transform:rotate(0) translateY(-8px)}.entry-badges{display:flex;gap:8px;padding:12px 16px;border-bottom:2px solid var(--border-color)}.entry-thumbnail-link{display:block}.entry-thumbnail{position:relative;aspect-ratio:16 / 9;background:var(--bg-dark);overflow:hidden}.entry-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.entry-card:hover .entry-thumbnail img{transform:scale(1.05)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-card) 100%)}.placeholder-icon{font-family:var(--font-pixel);font-size:32px;color:var(--text-muted);animation:glitch 4s infinite}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.entry-card:hover .thumbnail-overlay{opacity:1}.overlay-text{font-family:var(--font-pixel);font-size:14px;color:var(--cyan);padding:12px 24px;border:3px solid var(--cyan);animation:pulse-glow 2s infinite}.entry-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.entry-name{font-family:var(--font-pixel);font-size:14px;line-height:1.4}.entry-name a{color:var(--text-primary);transition:color .2s ease}.entry-name a:hover{color:var(--hot-pink)}.entry-description{font-size:13px;color:var(--text-secondary);line-height:1.6;flex:1}.entry-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.entry-url{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.entry-url:hover{color:var(--cyan)}:root{--bg-dark: #0a0a0f;--bg-card: #12121a;--border-color: #2a2a3a;--hot-pink: #ff2d92;--cyan: #00f5ff;--lime: #b4ff39;--purple: #a855f7;--orange: #ff6b2c;--text-primary: #ffffff;--text-secondary: #8b8b9e;--text-muted: #5a5a6e;--font-pixel: "Press Start 2P", cursive;--font-mono: "JetBrains Mono", monospace;--border-thick: 3px;--border-chunky: 4px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-mono);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.3}#root{min-height:100vh}a{color:var(--cyan);text-decoration:none;transition:color .2s ease}a:hover{color:var(--hot-pink)}@keyframes glitch{0%{text-shadow:2px 0 var(--hot-pink),-2px 0 var(--cyan)}25%{text-shadow:-2px 0 var(--hot-pink),2px 0 var(--cyan)}50%{text-shadow:2px 0 var(--cyan),-2px 0 var(--hot-pink)}75%{text-shadow:-2px 0 var(--cyan),2px 0 var(--hot-pink)}to{text-shadow:2px 0 var(--hot-pink),-2px 0 var(--cyan)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--hot-pink)}50%{box-shadow:0 0 40px var(--hot-pink),0 0 60px var(--cyan)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.btn{font-family:var(--font-mono);font-weight:700;padding:12px 24px;border:var(--border-chunky) solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;position:relative}.btn:hover{background:var(--text-primary);color:var(--bg-dark);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--hot-pink)}.btn:active{transform:translate(0);box-shadow:none}.btn-primary{background:var(--hot-pink);border-color:var(--hot-pink);color:var(--bg-dark)}.btn-primary:hover{background:var(--text-primary);border-color:var(--text-primary);box-shadow:4px 4px 0 var(--hot-pink)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;padding:40px 0}.card{background:var(--bg-card);border:var(--border-thick) solid var(--border-color);position:relative;transition:all .2s ease}.card:hover{border-color:var(--cyan);transform:rotate(-.5deg) translateY(-4px)}.badge{display:inline-block;font-family:var(--font-pixel);font-size:8px;padding:6px 10px;text-transform:uppercase;letter-spacing:1px}.badge-verified{background:var(--lime);color:var(--bg-dark);animation:glitch 3s infinite}.badge-new{background:var(--hot-pink);color:var(--bg-dark)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:40px;color:var(--hot-pink)}.error-message{font-family:var(--font-pixel);font-size:12px;margin-bottom:20px}.empty-state{text-align:center;padding:80px 20px}.empty-message{font-family:var(--font-pixel);font-size:16px;color:var(--text-secondary);margin-bottom:16px}.empty-hint{color:var(--text-muted);font-size:14px}.empty-hint code{background:var(--bg-card);padding:4px 8px;border:1px solid var(--border-color);color:var(--cyan)}.footer{padding:40px 0;margin-top:40px;border-top:2px solid var(--border-color)}.footer-text{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted)}.footer-brand{font-family:var(--font-pixel);font-size:10px;color:var(--hot-pink)}.footer-divider{color:var(--text-muted)}.app{min-height:100vh;display:flex;flex-direction:column}.app main{flex:1}
