@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#999;background:#000;font-family:Inter,sans-serif;overflow:hidden}.jokes-wrapper{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.jokes-header{text-align:center;z-index:100;position:absolute;top:24px;left:50%;transform:translate(-50%)}.jokes-header h1{color:#ccc;letter-spacing:-.5px;white-space:nowrap;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;line-height:1.2}.jokes-header p{color:#444;font-size:.82rem}.refresh-btn{color:#888;cursor:pointer;background:#111;border:1px solid #222;border-radius:50px;align-items:center;gap:6px;margin-top:14px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;transition:transform .2s,border-color .2s,color .2s;display:inline-flex}.refresh-btn:hover:not(:disabled){color:#ccc;border-color:#444;transform:translateY(-1px)}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled{opacity:.35;cursor:not-allowed}.refresh-btn svg{transition:transform .6s}.refresh-btn:hover:not(:disabled) svg{transform:rotate(360deg)}.loading-wrapper{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.loading-dot{background:#222;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.error-box{color:#c00;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.error-box .error-icon{margin-bottom:12px;font-size:2rem}.error-box p{color:#444;margin-bottom:16px;font-size:.95rem}.jokes-canvas{position:absolute;inset:0}@keyframes floatIn{0%{opacity:0;transform:translate(-50%, -50%) scale(.7) rotate(var(--rot))}to{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(var(--rot))}}.joke-card{z-index:1;width:220px;transform:translate(-50%, -50%) rotate(var(--rot));-webkit-user-select:none;user-select:none;touch-action:none;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:14px;flex-direction:column;gap:8px;padding:16px;transition:border-color .3s;animation:.5s ease-out backwards floatIn;display:flex;position:absolute}.joke-card.dragging{cursor:grabbing;border-color:#444;transition:none;z-index:200!important}.joke-card:not(.dragging){cursor:grab}.joke-card:not(.dragging):hover{z-index:50;border-color:#333}.joke-number{letter-spacing:1.2px;text-transform:uppercase;color:#555;font-size:.62rem;font-weight:600}.joke-content{color:#888;font-size:.78rem;font-weight:400;line-height:1.6}.joke-categories{flex-wrap:wrap;gap:4px;display:flex}.joke-category{letter-spacing:1px;text-transform:uppercase;color:#555;background:#111;border:1px solid #1e1e1e;border-radius:50px;padding:2px 7px;font-size:.58rem;font-weight:600;display:inline-block}.jokes-count{color:#2a2a2a;z-index:100;font-size:.72rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}