@tailwind base;@tailwind components;@tailwind utilities;:root{--tiktok-pink: #FF0050;--tiktok-cyan: #00F2EA;--white: #FFFFFF;--font-display: "Bungee", "Arial Black", "Impact", sans-serif;--font-body: "Inter", system-ui, sans-serif}body{margin:0;background-color:#050510;overflow:hidden;color:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}@layer utilities{.text-glow{text-shadow:0 2px 4px rgba(0,0,0,.5)}.glass-panel{@apply bg-white/10 border border-white/20 shadow-xl;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:768px){.glass-panel,.backdrop-blur-md,.backdrop-blur-lg,.backdrop-blur-xl,.backdrop-blur-sm{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#000000bf!important}}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@keyframes slide-in-top{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-in-top{animation:slide-in-top .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slide-in-bottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-in-bottom{animation:slide-in-bottom .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes zoom-in-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.animate-zoom-in-pop{animation:zoom-in-pop .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fade-in-fast{0%{opacity:0}to{opacity:1}}.animate-fade-in-fast{animation:fade-in-fast .3s ease-out forwards}@keyframes fade-in-delayed{0%{opacity:0}to{opacity:.8}}.animate-fade-in-delayed{animation:fade-in-delayed .5s ease-out forwards}.container-viral{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.title-wrapper-viral{text-align:center;margin-bottom:3rem;transform:rotate(-3deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.title-viral{font-family:var(--font-display);font-size:clamp(3.5rem,15vw,6.5rem);text-transform:uppercase;line-height:.85;margin:0;position:relative;animation:bounce-title .5s ease-in-out infinite alternate;paint-order:stroke fill;-webkit-text-stroke:12px white}.title-viral .text-content{position:relative;z-index:2}.title-viral .top{color:var(--tiktok-cyan);display:block;text-shadow:6px 6px 0px var(--tiktok-pink)}.title-viral .bottom{color:var(--white);display:block;text-shadow:-6px -6px 0px var(--tiktok-pink);margin-top:-5px}.subtitle-viral{font-family:var(--font-display);font-size:1.3rem;color:var(--tiktok-pink);background:var(--white);display:inline-block;padding:10px 22px;margin-top:1.5rem;transform:rotate(5deg);box-shadow:6px 6px 0 var(--tiktok-cyan);border:3px solid #000;border-radius:4px}.start-btn-viral{background:var(--tiktok-pink);border:4px solid #000;padding:22px 55px;border-radius:60px;color:#fff;font-family:var(--font-display);font-size:2.2rem;cursor:pointer;box-shadow:0 12px #b3003b,0 15px 25px #0006;transition:all .1s cubic-bezier(.175,.885,.32,1.275);animation:pulse-button 1.8s infinite;display:flex;align-items:center;gap:18px;margin-top:20px}.start-btn-viral:active{transform:translateY(8px) scale(.95);box-shadow:0 4px #b3003b}.start-btn-viral .emoji{font-size:2.8rem}.footer-hint-viral{position:absolute;bottom:40px;font-family:var(--font-body);font-weight:900;font-size:clamp(.8rem,4vw,1rem);letter-spacing:1px;background:#000;padding:8px 20px;border-radius:40px;color:#fff;border:2px solid var(--tiktok-cyan);box-shadow:0 0 15px #00f2ea4d;white-space:nowrap;max-width:90%;text-align:center}@keyframes bounce-title{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.08) rotate(2deg)}}@keyframes pulse-button{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes violent-sob{0%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(2px) translate(-1px) rotate(-1deg)}20%{transform:translateY(4px) translate(1px) rotate(1deg)}30%{transform:translateY(0) rotate(0)}40%{transform:translateY(8px) scaleY(.92)}50%{transform:translateY(6px) scaleY(.95)}60%{transform:translateY(8px) scaleY(.92)}80%{transform:translateY(0)}}.animate-sob{animation:violent-sob 1.5s infinite}@keyframes squeeze-tight{0%,90%{transform:scaleY(.15) scaleX(1.1)}95%{transform:scaleY(.8)}to{transform:scaleY(.15) scaleX(1.1)}}.animate-squeeze{animation:squeeze-tight 3s infinite}@keyframes cry-hard{0%{top:15px;opacity:.8;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{top:60px;opacity:0;transform:scale(.5)}}.animate-cry{animation:cry-hard .8s infinite linear}@keyframes jump-for-joy{0%{transform:translateY(0) scale(1)}10%{transform:translateY(5px) scale(1.1,.9)}40%{transform:translateY(-40px) scale(.95,1.05) rotate(-3deg)}50%{transform:translateY(-40px) scale(.95,1.05) rotate(3deg)}65%{transform:translateY(0) scale(1.05,.95)}to{transform:translateY(0) scale(1)}}.animate-jump{animation:jump-for-joy .8s cubic-bezier(.28,.84,.42,1) infinite}@keyframes happy-twinkle{0%{transform:scale(1)}to{transform:scale(1.1);border-color:#69f0ae}}.animate-twinkle{animation:happy-twinkle .8s infinite alternate}@keyframes scan{0%{top:-50%}to{top:150%}}.animate-scan{animation:scan 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes lookAround{0%,10%{transform:translate(0)}20%{transform:translate(-8px,2px)}40%{transform:translate(-8px,2px)}50%{transform:translate(8px,-2px)}70%{transform:translate(8px,-2px)}80%{transform:translate(0)}to{transform:translate(0)}}.animate-look{animation:lookAround 5s infinite}@keyframes pop-in{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.animate-pop{animation:pop-in .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .2s ease-out forwards}@keyframes polite-hover{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes slow-blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes slow-sway{0%,to{transform:translate(-50%) rotate(-5deg)}50%{transform:translate(-50%) rotate(5deg)}}@keyframes waggle{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-15deg)}75%{transform:translate(-50%) rotate(15deg)}}@keyframes big-grin{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes fail-stamp{0%{transform:scale(5) rotate(-20deg);opacity:0;filter:blur(20px)}to{transform:scale(1) rotate(-10deg);opacity:1;filter:blur(0px)}}@keyframes fail-pulse{0%{transform:scale(1) rotate(-10deg);filter:brightness(1)}50%{transform:scale(1.1) rotate(-8deg);filter:brightness(1.3) drop-shadow(0 0 30px rgba(220,38,38,.6))}to{transform:scale(1) rotate(-10deg);filter:brightness(1)}}.animate-fail-stamp{animation:fail-stamp .5s cubic-bezier(.11,0,0,1) forwards,fail-pulse 2s ease-in-out .5s infinite}@keyframes fail-flash{0%{background-color:#f006}10%{background-color:#f00c}to{background-color:transparent}}.fail-flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;animation:fail-flash .6s ease-out forwards}@keyframes slide-up-pop{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.animate-slide-up-pop{animation:slide-up-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes countdown-dramatic{0%{transform:scale(4);opacity:0;filter:brightness(2) blur(10px)}15%{transform:scale(.9);opacity:1;filter:brightness(1.5) blur(0px)}25%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.animate-countdown-dramatic{animation:countdown-dramatic 1s cubic-bezier(.23,1,.32,1) forwards}@keyframes round-slide-in-left{0%{transform:translate(-100vw) skew(-20deg);opacity:0;filter:blur(10px);color:#fff}60%{transform:translate(5vw) skew(10deg);opacity:1;filter:blur(0px);color:#d946ef;text-shadow:0 0 50px rgba(192,38,211,.9),0 0 100px rgba(37,99,235,.5)}to{transform:translate(0) skew(0);opacity:1;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.4)}}@keyframes round-slide-out-right{0%{transform:translate(0) skew(0);opacity:1}40%{transform:translate(-5vw) skew(-10deg);opacity:1}to{transform:translate(100vw) skew(20deg);opacity:0;filter:blur(10px)}}.animate-round-slide-in{animation:round-slide-in-left .6s cubic-bezier(.23,1,.32,1) forwards}.animate-round-slide-out{animation:round-slide-out-right .6s cubic-bezier(.23,1,.32,1) forwards}@keyframes round-epic-enter{0%{transform:scale(.5) translateY(-50px) rotateX(-90deg);opacity:0;filter:brightness(3) blur(20px);color:#fff}40%{transform:scale(1.2) translateY(10px) rotateX(10deg);opacity:1;filter:brightness(1.5) blur(0px);color:#4ade80;text-shadow:0 0 40px rgba(74,222,128,.8)}to{transform:scale(1) translateY(0) rotateX(0);opacity:1;filter:brightness(1);color:#fff;text-shadow:0 0 30px rgba(255,255,255,.4)}}.animate-round-epic{animation:round-epic-enter .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes appear{0%{opacity:0}to{opacity:1}}.animate-appear{animation:appear .01s forwards}.robot-wrapper{position:relative;margin:0 auto 20px;transform:scale(.9)}.robot-head{width:140px;height:110px;background-color:#fff;border-radius:45px;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 25px #0003,inset 0 -8px #0000000d;z-index:10}.face-screen{width:100px;height:65px;background-color:#2b3040;border-radius:28px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;box-shadow:inset 0 0 10px #00000080}.eyes-container{display:flex;position:relative;z-index:2}.eye{background-color:#00e676;border-radius:50%;position:relative}.antenna-stem{width:6px;height:25px;background-color:#cfd8dc;position:absolute;top:-15px;left:50%;transform-origin:bottom center;z-index:-1}.antenna-bulb{width:14px;height:14px;border-radius:50%;position:absolute;top:-14px;left:-4px}.cheek{width:10px;height:6px;background-color:#ff80ab;border-radius:50%;position:absolute;bottom:14px;opacity:.3}.cheek.left{left:18px}.cheek.right{right:18px}.sad-theme .robot-head{animation:violent-sob 1.5s infinite}.sad-theme .face-screen{border:4px solid #90a4ae}.sad-theme .eyes-container{gap:16px;margin-bottom:8px}.sad-theme .eye{width:14px;height:14px;box-shadow:0 0 5px #00e676;transform:scaleY(.2);animation:squeeze-tight 3s infinite}.sad-theme .tear{position:absolute;width:8px;height:8px;background-color:#40c4ff;border-radius:50%;top:15px;opacity:0;z-index:20}.sad-theme .tear.stream-1{left:4px;animation:cry-hard .8s infinite linear}.sad-theme .tear.stream-2{left:4px;animation:cry-hard .8s infinite linear .4s}.sad-theme .tear.stream-3{right:4px;animation:cry-hard .9s infinite linear .1s}.sad-theme .tear.stream-4{right:4px;animation:cry-hard .9s infinite linear .5s}.sad-theme .mouth{width:18px;height:10px;border-top:4px solid #00e676;border-radius:12px 12px 0 0;margin-top:2px}.happy-theme .robot-head{animation:jump-for-joy .8s cubic-bezier(.28,.84,.42,1) infinite}.happy-theme .face-screen{border:4px solid #00e676;box-shadow:0 0 15px #00e6764d,inset 0 0 10px #00000080}.happy-theme .eyes-container{gap:12px;margin-bottom:5px}.happy-theme .eye{width:16px;height:16px;border:2px solid #00e676;background:transparent;box-shadow:0 0 8px #00e676;animation:happy-twinkle .8s infinite alternate}.happy-theme .eye:after{content:"";position:absolute;width:8px;height:8px;background-color:#00e676;border-radius:50%;top:2px;right:2px}.happy-theme .mouth{width:24px;height:12px;border-bottom:4px solid #00e676;border-radius:0 0 20px 20px;margin-top:2px}.analyzing-theme .robot-head{animation:lookAround 5s infinite}.analyzing-theme .face-screen{border:4px solid #00b0ff;box-shadow:0 0 15px #00b0ff4d,inset 0 0 10px #00000080}.analyzing-theme .face-screen:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:20%;background:linear-gradient(to bottom,transparent,rgba(0,176,255,.6),transparent);animation:scan 2s cubic-bezier(.4,0,.2,1) infinite;z-index:5;pointer-events:none}.analyzing-theme .eyes-container{gap:14px;margin-bottom:5px}.analyzing-theme .eye{width:26px;height:8px;border-radius:4px;background-color:#00b0ff;box-shadow:0 0 8px #00b0ff}.average-theme .robot-head{animation:polite-hover 4s ease-in-out infinite}.average-theme .face-screen{border:4px solid #cfd8dc}.average-theme .eyes-container{gap:14px;margin-bottom:8px}.average-theme .eye{width:14px;height:14px;background-color:#cfd8dc;animation:slow-blink 4s infinite}.average-theme .mouth{width:10px;height:4px;background-color:#cfd8dc;border-radius:4px}