:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden}.hype-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background .3s ease}.hype-container.shake{animation:shake .15s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}75%{transform:translate(-3px,-3px)}}.particles-layer,.confetti-layer,.emoji-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;pointer-events:none;transition:opacity .1s}.confetti-piece{position:absolute;border-radius:2px;pointer-events:none}.floating-emoji{position:absolute;font-size:2rem;pointer-events:none;animation:float-up 1.5s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.2) translateY(-40px)}to{opacity:0;transform:scale(.8) translateY(-100px)}}.content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.hype-title{font-size:clamp(4rem,15vw,10rem);font-weight:900;letter-spacing:-.05em;color:#fff;transition:transform .2s ease,text-shadow .2s ease;animation:title-pulse 2s ease-in-out infinite}@keyframes title-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hype-meter-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(80vw,400px)}.hype-meter{width:100%;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.hype-meter-fill{height:100%;border-radius:12px;transition:width .3s ease,box-shadow .3s ease}.hype-label{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;animation:color-cycle 3s linear infinite}@keyframes color-cycle{0%{color:#ff006e}16%{color:#fb5607}33%{color:#ffbe0b}50%{color:#8338ec}66%{color:#3a86ff}83%{color:#06d6a0}to{color:#ff006e}}.hype-percent{font-size:2rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.instructions{font-size:1.1rem;color:#ffffffb3;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.reset-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.max-hype-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20;animation:overlay-flash .5s ease-out}.max-hype-text{font-size:clamp(2rem,8vw,5rem);font-weight:900;color:#ffbe0b;text-shadow:0 0 20px rgba(255,190,11,.8),0 0 40px rgba(255,190,11,.5),0 0 80px rgba(255,190,11,.3);animation:max-hype-appear .8s ease-out;text-align:center;padding:0 1rem}@keyframes overlay-flash{0%{background:#ffffff4d}to{background:transparent}}@keyframes max-hype-appear{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.hype-container:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,0,110,.3),transparent 70%);border-radius:50%;animation:glow-orbit 8s linear infinite;pointer-events:none}.hype-container:after{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(131,56,236,.3),transparent 70%);border-radius:50%;animation:glow-orbit 6s linear infinite reverse;pointer-events:none}@keyframes glow-orbit{0%{transform:translate(0)}25%{transform:translate(100px,-50px)}50%{transform:translateY(-100px)}75%{transform:translate(-100px,-50px)}to{transform:translate(0)}}