.bubble-controls{position:fixed;top:1.25rem;left:1.25rem;z-index:1000;display:flex;flex-direction:column;gap:.625rem;border-radius:1rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(255 215 0 / var(--tw-border-opacity, 1));background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .9;padding:1rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.bubble-controls button{height:3rem;width:3rem;cursor:pointer;border-radius:9999px;border-style:none;font-size:1.5rem;line-height:2rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.bubble-toggle{background:linear-gradient(135deg,var(--tw-colors-secondary-teal),var(--tw-colors-accent-pink))}.rainbow-button{background:linear-gradient(45deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080);animation:rainbow-spin 3s linear infinite}.spam-button{background:linear-gradient(135deg,var(--tw-colors-warm-orange),var(--tw-colors-accent-pink));animation:pulse-crazy 1s infinite}.bubble-counter{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 215 0 / var(--tw-bg-opacity, 1));padding:.25rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(44 62 80 / var(--tw-text-opacity, 1))}.floating-jokes{pointer-events:none;position:fixed;top:0;left:0;z-index:999;height:100%;width:100%}.joke-bubble{position:absolute;z-index:999;max-width:20rem;cursor:pointer;border-radius:1.5rem;padding:1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(44 62 80 / var(--tw-text-opacity, 1));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:linear-gradient(135deg,#ffd700f2,#ff69b4f2);border:3px solid var(--tw-colors-accent-pink);animation:float-joke 12s linear forwards;pointer-events:auto;transform-origin:center}.joke-bubble:hover{animation-play-state:paused;transform:scale(1.1) rotate(5deg);z-index:1001}.joke-bubble.rainbow{background:linear-gradient(45deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff);animation:float-joke-rainbow 8s linear forwards}.joke-bubble.mega{border-width:4px;padding:1.5rem;font-size:1.25rem;line-height:1.75rem;transform:scale(1.3)}.joke-bubble:before{content:"";position:absolute;height:0px;width:0px;bottom:-15px;left:30px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--tw-colors-accent-pink)}@keyframes float-joke{0%{transform:translateY(100vh) translate(-30px) rotate(-5deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-200vh) translate(30px) rotate(5deg);opacity:0}}@keyframes float-joke-rainbow{0%{transform:translateY(100vh) rotate(0) scale(.5);opacity:0;filter:hue-rotate(0deg)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{transform:translateY(-200vh) rotate(720deg) scale(.8);opacity:0;filter:hue-rotate(360deg)}}.dance-party{position:fixed;top:0;left:0;z-index:9999;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .8}.disco-ball{font-size:8rem;line-height:1;animation:disco-spin 2s linear infinite;filter:drop-shadow(0 0 50px gold)}.party-lights{position:absolute;top:0;left:0;height:100%;width:100%;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(255,0,0,.3) 20px,rgba(255,0,0,.3) 40px,transparent 40px,transparent 60px,rgba(0,255,0,.3) 60px,rgba(0,255,0,.3) 80px,transparent 80px,transparent 100px,rgba(0,0,255,.3) 100px,rgba(0,0,255,.3) 120px);animation:party-lights 1s linear infinite}@keyframes disco-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes party-lights{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.achievement-toast{position:fixed;top:7rem;right:1.25rem;z-index:1002;max-width:24rem;cursor:pointer;border-radius:1rem;border-width:4px;--tw-border-opacity: 1;border-color:rgb(255 105 180 / var(--tw-border-opacity, 1));padding:1.25rem;font-weight:600;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:linear-gradient(135deg,var(--tw-colors-primary-yellow),var(--tw-colors-warm-orange));color:var(--tw-colors-text-dark);transform:translate(400px);transition:transform .5s ease;pointer-events:none;opacity:0}.achievement-toast.show{transform:translate(0);pointer-events:auto;opacity:1}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFFFFF' fill-opacity='0.1'%3E%3Ctext x='15' y='35' font-size='20' font-family='Arial'%3E😂%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:float 20s infinite linear}.section-title:after{content:"✨";position:absolute;font-size:1.875rem;line-height:2.25rem;right:-50px;top:0;animation:sparkle 2s infinite}.fun-facts-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 640px){.fun-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.fact-card{position:relative;cursor:pointer;overflow:hidden;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.fact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(90deg,var(--tw-colors-primary-yellow),var(--tw-colors-secondary-teal),var(--tw-colors-accent-pink))}.fact-card:hover{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.fact-icon{margin-bottom:1rem;display:block;font-size:2.25rem;line-height:2.5rem}.fact-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(44 62 80 / var(--tw-text-opacity, 1))}.fact-description{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.social-card{position:relative;cursor:pointer;overflow:hidden;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.social-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(90deg,var(--tw-colors-primary-yellow),var(--tw-colors-secondary-teal),var(--tw-colors-accent-pink))}.social-card:hover{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.social-icon{margin-bottom:1.25rem;display:block;font-size:3rem;line-height:1}.social-platform{margin-bottom:.625rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(44 62 80 / var(--tw-text-opacity, 1))}.social-stats{font-weight:600;--tw-text-opacity: 1;color:rgb(32 178 170 / var(--tw-text-opacity, 1))}.social-hover-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.video-container{margin-left:auto;margin-right:auto;max-width:56rem}.video-placeholder{position:relative;display:flex;min-height:24rem;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:1.5rem;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #FFD700 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #FF8C00 var(--tw-gradient-to-position);--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.video-placeholder div{padding:2.5rem;text-align:center}.play-button{margin-bottom:1.5rem;font-size:6rem;line-height:1;--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);animation:bounce 2s infinite}.video-gallery{text-align:center}.video-thumbnails{margin-bottom:2rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.video-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}}.video-thumb{position:relative;cursor:pointer;overflow:hidden;border-radius:1rem;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #FF69B4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 105 180 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #20B2AA var(--tw-gradient-to-position);padding:2rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.video-thumb:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.thumb-overlay{text-align:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.play-icon{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem}.thumb-title{font-size:1.125rem;line-height:1.75rem;font-weight:600}.back-btn{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(32 178 170 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.back-btn:hover{--tw-bg-opacity: .9}.coffee-stats>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.stat-item{display:flex;align-items:center}.stat-emoji{margin-right:.75rem;font-size:1.5rem;line-height:2rem}.stat-text{font-weight:600}.steam{position:relative}.steam-line{position:absolute;height:2rem;width:.25rem;border-radius:9999px;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .3;animation:steam-rise 2s infinite}.steam-line:nth-child(1){left:-10px;animation-delay:0s}.steam-line:nth-child(2){left:0;animation-delay:.3s}.steam-line:nth-child(3){left:10px;animation-delay:.6s}@keyframes steam-rise{0%{opacity:0;transform:translateY(0) scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-30px) scale(.8)}}@media (max-width: 768px){.bubble-controls{top:.625rem;left:.625rem;gap:.25rem;padding:.625rem}.bubble-controls button{height:2.5rem;width:2.5rem;font-size:1.25rem;line-height:1.75rem}.joke-bubble{max-width:12rem;padding:.625rem;font-size:.75rem;line-height:1rem}.section-title:after{right:0;top:3rem}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}