*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f13;--bg-secondary:#1a1a24;--bg-card:#22222f;--bg-card-hover:#2a2a3a;--accent-purple:#7c3aed;--accent-purple-light:#a855f7;--accent-pink:#ec4899;--accent-blue:#3b82f6;--accent-yellow:#f59e0b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#2e2e3e;--border-hover:#4c4c6e;--shadow:0 4px 24px #0006;--shadow-card:0 2px 12px #0000004d;--radius:14px;--radius-sm:8px;--font:"Segoe UI", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:99px}.app-wrapper{max-width:1100px;margin:0 auto;padding:0 20px 60px}.app-header{text-align:center;padding:60px 20px 40px;position:relative}.app-header:after{content:"";background:linear-gradient(90deg, var(--accent-purple), var(--accent-pink));border-radius:99px;width:120px;height:3px;margin:20px auto 0;display:block}.app-header h1{background:linear-gradient(135deg, var(--accent-purple-light), var(--accent-pink));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.2rem);font-weight:800}.app-header p{color:var(--text-secondary);margin-top:10px;font-size:1.05rem}.section{margin-bottom:60px}.section-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:24px;font-size:1.5rem;font-weight:700;display:flex}.section-title .badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:3px 10px;font-size:.7rem;font-weight:600}.badge-jokes{color:var(--accent-purple-light);background:#7c3aed33;border:1px solid #7c3aed4d}.badge-books{color:var(--accent-blue);background:#3b82f633;border:1px solid #3b82f64d}.badge-random{color:var(--accent-pink);background:#ec489933;border:1px solid #ec48994d}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin:48px 0}.jokes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.joke-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.joke-card:before{content:"😄";opacity:.06;pointer-events:none;font-size:4rem;position:absolute;top:-10px;right:-10px}.joke-card:hover{border-color:var(--accent-purple);transform:translateY(-3px);box-shadow:0 8px 30px #7c3aed33}.joke-card p{color:var(--text-primary);margin-bottom:14px;font-size:.97rem;line-height:1.7}.joke-card .category-tag{color:var(--accent-purple-light);background:#7c3aed1f;border:1px solid #7c3aed33;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.random-joke-card{border-radius:var(--radius);background:linear-gradient(135deg,#1e1030 0%,#1a1a2e 100%);border:1px solid #ec48994d;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 0 40px #ec489914}.random-joke-card:before{content:"\"";color:var(--accent-pink);opacity:.08;pointer-events:none;font-family:Georgia,serif;font-size:10rem;line-height:1;position:absolute;top:-20px;left:20px}.random-joke-card p{color:var(--text-primary);z-index:1;margin-bottom:16px;font-size:1.15rem;font-style:italic;line-height:1.8;position:relative}.random-joke-card .category-tag{color:var(--accent-pink);background:#ec48991f;border:1px solid #ec489940;border-radius:99px;align-items:center;gap:5px;padding:3px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.books-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.book-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.book-card:hover{border-color:var(--accent-blue);transform:translateY(-3px);box-shadow:0 8px 30px #3b82f626}.book-card .book-icon{margin-bottom:4px;font-size:2rem}.book-card h3{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.4}.book-card p{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.65;display:-webkit-box;overflow:hidden}.book-card .no-desc{color:var(--text-muted);font-size:.85rem;font-style:italic}.loading-state{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:48px;font-size:.95rem;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent-purple);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.error-state h2{color:#f87171;margin-bottom:8px;font-size:1.3rem}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:32px 20px;font-size:.85rem}@media (width<=640px){.app-header{padding:40px 16px 28px}.jokes-grid,.books-grid{grid-template-columns:1fr}.random-joke-card{padding:24px 20px}.random-joke-card p{font-size:1rem}}