.jokes-page{color:#fff;background:radial-gradient(circle at 16% 8%,#d393462e,#0000 34%),radial-gradient(circle at 84% 22%,#8f72c433,#0000 36%),linear-gradient(155deg,#070b1d,#101838 48%,#070f22);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}.jokes-page:before,.jokes-page:after{content:"";z-index:0;filter:blur(70px);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.jokes-page:before{background:#d3934633;animation:13s ease-in-out infinite jokes-drift;top:-80px;right:-70px}.jokes-page:after{background:#8f72c42e;animation:15s ease-in-out -7s infinite reverse jokes-drift;bottom:-70px;left:-70px}.jokes-shell{z-index:1;flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:26px 18px 40px;display:flex;position:relative}.back-link{color:#fff;background:#ffffff12;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:8px;width:max-content;padding:9px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.back-link:hover{background:#ffffff24;border-color:#ffffff2e}.jokes-head{text-align:center}.jokes-badge{color:#ffd9a8;background:#d3934629;border:1px solid #ffffff24;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:10px;animation:4.5s ease-in-out infinite jokes-float;display:inline-flex}.jokes-head h1{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#ffe1b8 55%,#e5d3ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:32px}.jokes-head p{color:#a7b0d2;margin:0;font-size:14px;line-height:1.5}.jokes-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.jokes-tab{color:#cfd6f2;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,transform .18s}.jokes-tab:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.jokes-tab.is-active{color:#ffe9cf;background:#ffe1b821;border-color:#ffe1b88c}.joke-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:26px;flex-direction:column;gap:12px;min-height:190px;padding:22px 20px;display:flex;box-shadow:0 18px 44px #0000002e}.joke-card.is-flipping{animation:.32s jokes-flip}.joke-tag{text-transform:uppercase;letter-spacing:.08em;width:max-content;font-size:12px;font-weight:800}.joke-text{white-space:pre-line;margin:0;font-size:17px;line-height:1.65}.jokes-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d39346,#8f72c4);border:none;border-radius:18px;justify-content:center;align-self:center;align-items:center;gap:10px;padding:14px 30px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .18s,box-shadow .2s,filter .2s;animation:.6s cubic-bezier(.2,.7,.2,1) .1s both jokes-rise;display:inline-flex;box-shadow:0 14px 34px #8f72c452}.jokes-next:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 20px 44px #8f72c46b}.jokes-next:active{transform:translateY(0)scale(.98)}.jokes-seo{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;padding:20px;animation:.6s cubic-bezier(.2,.7,.2,1) .16s both jokes-rise}.jokes-seo h2{letter-spacing:-.02em;margin:0 0 10px;font-size:20px}.jokes-seo p{color:#b3bbdd;margin:0;font-size:14px;line-height:1.65}@keyframes jokes-drift{0%,to{transform:translate(0,0)}50%{transform:translate(-18px,22px)}}@keyframes jokes-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes jokes-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes jokes-flip{0%{opacity:.2;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.jokes-page:before,.jokes-page:after,.jokes-badge,.jokes-next,.jokes-seo,.joke-card.is-flipping{animation:none}}@media (max-width:640px){.jokes-head h1{font-size:26px}.jokes-shell{padding:20px 14px 34px}.joke-card{min-height:160px;padding:18px 16px}.joke-text{font-size:15px}}