@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary: #9b51e0;--secondary: #3498db;--accent: #f8c291;--background: #0f0c29;--text: #ffffff;--card-bg: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background:radial-gradient(circle at top left,#0f0c29,#302b63,#24243e);color:var(--text);min-height:100vh;width:100%}#root{width:100%}.app-container{min-height:100vh;position:relative;width:100%;padding-bottom:80px!important}.gradient-text{background:linear-gradient(135deg,#ff0080,#7928ca,#0070f3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.1)}.primary-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary))}.glass-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:30px;box-shadow:0 25px 50px -12px #00000080}.white-card{background:#fff;border-radius:30px;box-shadow:0 25px 50px -12px #00000080;color:#1a1a1a;border:1px solid rgba(255,255,255,.1);width:100%;max-width:800px;margin:0 auto}.joke-text-card{font-size:clamp(1.2rem,5vw,2.2rem);font-weight:600;line-height:1.4;color:#000}.stats-bar{display:flex;gap:20px;font-weight:500;opacity:.9;flex-wrap:wrap}.stats-item{display:flex;align-items:center;gap:8px;font-size:1rem}button{cursor:pointer;border:none;border-radius:50px;padding:14px 32px;font-family:inherit;font-weight:600;background:linear-gradient(135deg,#7928ca,#0070f3);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #7928ca66}button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 25px -5px #7928ca99}button:active{transform:translateY(-1px)}.btn-small{padding:10px 24px!important;font-size:.9rem!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-small:hover{background:#fff3!important;transform:translateY(-2px)}.secondary-btn{background:#ffffff0d!important}.load-more-btn{background:#9b51e01a!important;color:#9b51e0!important;border:1px solid rgba(155,81,224,.2)!important}.load-more-btn:hover{background:#9b51e033!important;transform:translateY(-2px)}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translate(0)}50%{transform:translate(15px)}to{transform:translate(0)}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hover-scale:hover{transform:scale(1.1)}.footer-text{position:absolute;bottom:15px;width:100%;left:0;text-align:center;opacity:.3;font-size:.5rem;letter-spacing:2px;pointer-events:none}@media (max-width: 600px){.white-card{padding:30px 20px!important}.joke-text-card{font-size:1.4rem}.stats-bar{gap:15px}header{margin-bottom:20px!important}.footer-text{display:none!important}body.home-page{overflow:hidden!important;height:100dvh!important;width:100%;overscroll-behavior:none}body.home-page .app-container{height:100dvh!important;overflow:hidden!important;display:flex;flex-direction:column;padding-top:10px!important;padding-bottom:0!important}body.home-page main{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;width:100%;padding-top:60px;padding-bottom:110px}body.home-page .white-card{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}}.form-overlay-content{width:100%;max-width:600px;height:92vh;overflow-y:auto;background:#1a1a2e;border-radius:30px 30px 0 0;padding:0 20px 40px;position:relative;box-shadow:0 -10px 40px #00000080;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 600px){.form-overlay-content{height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding-top:0!important}}.form-card{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:20px;width:100%}.form-input{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;padding:15px!important;font-family:inherit;border-radius:12px!important;width:100%}.form-label{color:#fff!important;margin-bottom:8px;display:block;font-weight:500;opacity:.9}.thermometer-container{width:100%;margin-top:30px;background:#00000005;border-radius:20px;padding:15px 20px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(0,0,0,.04)}.thermometer-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:800;opacity:.8}.thermometer-track{width:100%;height:8px;background:linear-gradient(to right,#3b82f6,#60a5fa,#fbbf24,#f87171,#ef4444);border-radius:10px;position:relative;box-shadow:inset 0 1px 3px #0000001a}.thermometer-marker{position:absolute;top:50%;width:20px;height:20px;background:#fff;border:4px solid var(--marker-color, #3b82f6);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:2}.temp-text{font-size:.9rem;font-weight:800}@media (max-width: 600px){.thermometer-container{padding:12px 15px}}.form-sticky-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:#1a1a2e;margin:0 -20px;padding:15px 20px}.form-overlay-title{font-size:1.1rem;font-weight:800;color:#fff;margin:0;opacity:0;pointer-events:none}@media (max-width: 600px){.form-sticky-header{padding-top:calc(env(safe-area-inset-top,10px) + 10px)!important;border-bottom:1px solid rgba(255,255,255,.05)}.form-overlay-title{opacity:1}.mobile-hide{display:none!important}}.close-btn{width:40px;height:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0003!important}.close-btn:hover{background:#ffffff4d!important;transform:scale(1.1)}.skeleton{background:#f5f5f5;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:skeleton-load 1.5s infinite}@keyframes skeleton-load{0%{transform:translate(-100%)}to{transform:translate(100%)}}.thermometer-container.vertical-fixed{position:fixed;left:15px;top:50%;bottom:auto;width:10px;height:300px;z-index:1000;padding:0;margin:0;border:none;border-radius:0;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-50%)}.thermometer-container.vertical-fixed .thermometer-track{width:6px;height:100%;background:linear-gradient(to bottom,#ef4444,#f87171,#fbbf24,#60a5fa,#3b82f6);border-radius:10px;position:relative}.thermometer-container.vertical-fixed .thermometer-marker{left:50%;top:var(--marker-top);width:18px;height:18px;border-width:3px;transform:translate(-50%,-50%);transition:top .6s cubic-bezier(.4,0,.2,1)}.thermometer-container.vertical-fixed .thermometer-header{display:none}@media (max-width: 600px){.thermometer-container.vertical-fixed{left:6px!important;top:90px!important;bottom:110px!important;height:auto!important;transform:none!important}.mobile-bottom-bar{position:fixed;bottom:calc(env(safe-area-inset-bottom,15px) + 25px);left:50%;transform:translate(-50%);width:90%;max-width:450px;height:auto;background:#0f0f1966!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;z-index:2001;border:1px solid rgba(255,255,255,.1);border-radius:40px;box-shadow:0 15px 35px #00000080;pointer-events:auto}.mobile-bottom-bar>*{pointer-events:auto}.mobile-bottom-btn{width:48px;height:48px;border-radius:50%!important;padding:0!important;display:flex;align-items:center;justify-content:center;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important;flex-shrink:0}.mobile-show-another-btn{flex:1;max-width:220px;height:48px;border-radius:24px!important;font-size:.95rem!important;padding:0 15px!important;gap:8px!important;display:flex;align-items:center;justify-content:center}.mobile-profile-img{width:34px;height:34px;border-radius:50%;object-fit:cover}.app-container{padding-bottom:120px!important}}@media (min-width: 601px){.mobile-bottom-bar{display:none}.card-corner-logo{position:absolute;top:-45px;left:-45px;width:100px;height:100px;z-index:100;border-radius:24px}.mobile-only-header{display:none!important}.app-container{padding-top:40px!important}.white-card{margin-top:10px}}@media (min-width: 1024px){.thermometer-container.vertical-fixed{left:40px}}@media (max-width: 600px){.card-corner-logo{position:fixed!important;top:15px!important;left:15px!important;width:65px!important;height:65px!important;z-index:1000!important;box-shadow:none!important;background:transparent!important}}@media (max-width: 600px){.toast-message{bottom:50%!important;transform:translateY(50%)!important}}