:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--card: #161616;--card-hover: #1e1e1e;--border: rgba(255,255,255,.08);--accent: #ff6b6b;--accent2: #feca57;--accent3: #48dbfb;--accent4: #ff9ff3;--text: #fafafa;--text-dim: rgba(255,255,255,.55);--text-mid: rgba(255,255,255,.75)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body{background:radial-gradient(ellipse at 20% 0%,rgba(255,107,107,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 0%,rgba(72,219,251,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(255,159,243,.06) 0%,transparent 50%),var(--bg)}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:2.5rem 1.5rem 1.5rem;text-align:center;background:linear-gradient(180deg,rgba(255,107,107,.06) 0%,transparent 100%)}.header-inner{max-width:700px;margin:0 auto}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.logo-emoji{font-size:2.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3),var(--accent4));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite;letter-spacing:-.03em}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tagline{color:var(--text-dim);font-size:.9rem;font-style:italic}.streak-badge{display:inline-block;margin-top:.75rem;padding:.3rem 1rem;background:linear-gradient(135deg,#ff6b6b33,#feca5733);border:1px solid rgba(255,107,107,.3);border-radius:999px;font-size:.85rem;font-weight:700;color:var(--accent2);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #ff6b6b33}50%{box-shadow:0 0 20px #ff6b6b66}}.streak-fire{font-size:1.1rem}.tab-nav{display:flex;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;position:sticky;top:0;z-index:10;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.tab-btn{padding:.6rem 1.5rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-mid);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#ffffff0d}.tab-btn.active{background:linear-gradient(135deg,#ff6b6b26,#48dbfb26);border-color:#ff6b6b4d;color:#fff}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.category-pills{display:flex;flex-wrap:wrap;gap:.4rem}.pill{padding:.35rem .85rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-dim);font-size:.8rem;cursor:pointer;transition:all .2s}.pill:hover{background:#ffffff0d;color:var(--text)}.pill-active{background:#ff6b6b26;border-color:#ff6b6b66;color:var(--accent);font-weight:600}.random-btn{padding:.5rem 1.2rem;border:1px solid var(--border);border-radius:.6rem;background:#ffffff0a;color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.random-btn:hover{background:#ff6b6b1f;border-color:#ff6b6b4d;transform:translateY(-1px)}.joke-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.joke-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.joke-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff6b6b0d,#48dbfb0d);opacity:0;transition:opacity .3s}.joke-card:hover{border-color:#ff6b6b33;transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.joke-card:hover:before{opacity:1}.joke-card.revealed{border-color:#ffca5733;background:linear-gradient(135deg,#ff6b6b0a,#feca570a)}.joke-card.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-5px) rotate(-2deg)}40%{transform:translate(5px) rotate(2deg)}60%{transform:translate(-3px) rotate(-1deg)}80%{transform:translate(3px) rotate(1deg)}}.joke-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;position:relative}.joke-emoji{font-size:1.5rem}.joke-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:.15rem .5rem;border:1px solid var(--border);border-radius:999px}.joke-setup{font-size:1.05rem;font-weight:600;line-height:1.5;margin-bottom:.5rem;position:relative}.joke-punchline{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s,padding .4s;position:relative}.joke-punchline.show{max-height:300px;opacity:1;padding-top:.75rem;border-top:1px solid var(--border)}.joke-punchline p{font-size:1.15rem;font-weight:700;color:var(--accent2);line-height:1.5;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.tap-hint{margin-top:.75rem;font-size:.75rem;color:var(--text-dim);text-align:center;animation:fade-pulse 2s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.4}50%{opacity:.8}}.laugh-meter{margin-top:.75rem;display:flex;align-items:center;gap:.75rem}.meter-label{font-size:.75rem;color:var(--text-dim);white-space:nowrap}.laugh-buttons{display:flex;gap:.25rem}.laugh-btn{width:2rem;height:2rem;border:1px solid transparent;border-radius:.4rem;background:#ffffff0d;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.laugh-btn:hover{background:#ffffff1a;transform:scale(1.2);border-color:var(--border)}.laugh-btn.selected{background:#ff6b6b33;border-color:#ff6b6b66;transform:scale(1.25);box-shadow:0 0 12px #ff6b6b4d}.meme-section{max-width:700px;margin:0 auto}.meme-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.meme-counter{font-size:.85rem;color:var(--text-dim);min-width:5rem;text-align:center}.meme-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;overflow:hidden;margin-bottom:1.5rem;transition:transform .3s}.meme-card:hover{transform:scale(1.01);box-shadow:0 12px 40px #0006}.meme-category{padding:.5rem 1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent3);border-bottom:1px solid var(--border)}.meme-image{padding:2rem 1.5rem;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative}.meme-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(255,107,107,.1) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(72,219,251,.1) 0%,transparent 40%)}.meme-top,.meme-bottom{font-size:1.4rem;font-weight:800;text-transform:uppercase;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);line-height:1.3;position:relative;z-index:1;letter-spacing:.02em}.meme-top{margin-bottom:1rem;animation:slide-down .5s ease}.meme-bottom{margin-top:1rem;animation:slide-up .5s ease;color:var(--accent2)}@keyframes slide-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.meme-divider{width:60px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;position:relative;z-index:1}.meme-grid-preview{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.meme-thumb{width:2.2rem;height:2.2rem;border:1px solid var(--border);border-radius:.4rem;background:var(--card);color:var(--text-dim);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.meme-thumb:hover{background:#ffffff14;color:var(--text)}.meme-thumb.active{background:linear-gradient(135deg,#ff6b6b33,#48dbfb33);border-color:#ff6b6b66;color:#fff}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.confetti-piece{position:absolute;top:-10px;border-radius:2px;animation:confetti-fall 2s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.footer{text-align:center;padding:2rem;border-top:1px solid var(--border);margin-top:2rem}.footer p{font-size:.8rem;color:var(--text-dim)}@media(max-width:640px){.logo h1{font-size:1.6rem}.logo-emoji{font-size:2rem}.tagline{font-size:.8rem}.joke-grid{grid-template-columns:1fr}.controls{flex-direction:column;align-items:stretch}.category-pills{justify-content:center}.random-btn{text-align:center}.meme-top,.meme-bottom{font-size:1.1rem}.meme-image{padding:1.5rem 1rem;min-height:220px}.main{padding:1rem}}