@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#0a0a0a;--surface-color:#121212;--primary-color:#34c759;--secondary-color:#f05;--pink-neon:#ff007f;--pink-glow:#ff007f66;--text-main:#fff;--text-muted:#ffffff8c;--glass-bg:#161616a6;--glass-border:#ffffff14;--gradient-primary:linear-gradient(135deg, #34c759 0%, #00bfff 100%);--gradient-secondary:linear-gradient(135deg, #f05 0%, #fa3 100%);--gradient-pink-neon:linear-gradient(135deg, #ff007f 0%, #f05 100%);--gradient-cyber:linear-gradient(135deg, #34c759 0%, #ff007f 100%)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#060606;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);opacity:.1;z-index:-1;pointer-events:none;border-radius:50%;width:50vmax;height:50vmax;position:fixed}body:before{background:var(--primary-color);animation:25s ease-in-out infinite alternate floatBlob1;top:-10%;left:-10%}body:after{background:var(--secondary-color);animation:30s ease-in-out infinite alternate floatBlob2;bottom:-10%;right:-10%}@keyframes floatBlob1{0%{transform:translate(0)scale(1)}50%{transform:translate(15vw,10vh)scale(1.15)}to{transform:translate(-5vw,20vh)scale(.9)}}@keyframes floatBlob2{0%{transform:translate(0)scale(1)}50%{transform:translate(-10vw,-15vh)scale(.85)}to{transform:translate(10vw,5vh)scale(1.2)}}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:Outfit,sans-serif;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel{-webkit-backdrop-filter:blur(32px);background:#12121285;border:1.5px solid #ffffff14;border-radius:24px;box-shadow:0 16px 40px #0000008c}.glass-button{-webkit-backdrop-filter:blur(12px);color:var(--text-main);background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;padding:14px 28px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #0000004d}.glass-button:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1.5px);box-shadow:0 6px 16px #0000004d}.glass-button:active{background:#ffffff1f;transform:translateY(.5px)scale(.98);box-shadow:0 2px 6px #0003}.glass-button.active-primary{color:#000;background:var(--primary-color);border:none;box-shadow:0 4px 15px #34c75959}.glass-button.active-primary:hover{background:#3ce067;box-shadow:0 6px 20px #34c7598c}.glass-button.active-secondary{color:#fff;background:var(--secondary-color);border:none;box-shadow:0 4px 15px #ff005559}.glass-button.active-secondary:hover{background:#ff1a6b;box-shadow:0 6px 20px #ff00558c}.glass-input{border:1px solid var(--glass-border);color:var(--text-main);box-sizing:border-box;background:#ffffff0a;border-radius:12px;outline:none;padding:10px 16px;font-family:inherit;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-input:focus{border-color:var(--primary-color);background:#ffffff14;box-shadow:0 0 16px #34c75933}select.glass-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='rgba(255,255,255,0.7)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}input[type=range]{appearance:none;background:0 0;width:100%;margin:10px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff1f;border:none;border-radius:3px;width:100%;height:6px}input[type=range]::-moz-range-track{cursor:pointer;background:#ffffff1f;border:none;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{background:var(--primary-color);cursor:pointer;-webkit-appearance:none;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .15s,background-color .15s;box-shadow:0 0 10px #34c75999}input[type=range]::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:transform .15s,background-color .15s;box-shadow:0 0 10px #34c75999}input[type=range]:active::-webkit-slider-thumb{background:#fff;transform:scale(1.25);box-shadow:0 0 16px #fffc}input[type=range]:active::-moz-range-thumb{background:#fff;transform:scale(1.25);box-shadow:0 0 16px #fffc}input[type=number]{border:1px solid var(--glass-border);color:var(--text-main);text-align:center;background:#0000004d;border-radius:8px;outline:none;width:80px;padding:10px 15px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:inset 0 2px 4px #0003}input[type=number]:focus{border-color:var(--primary-color);box-shadow:0 0 10px #34c75933}@keyframes pulseHigh{0%{box-shadow:0 0 10px #34c75933,0 0 20px #34c7591a}to{box-shadow:0 0 25px #34c759b3,0 0 50px #34c75959}}@keyframes pulseLow{0%{box-shadow:0 0 8px #dc323233,0 0 15px #dc32321a}to{box-shadow:0 0 30px #dc323299,0 0 60px #dc32324d}}details{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}details[open]{background:#141414d9;border-color:#ffffff24;box-shadow:0 12px 36px #00000080}summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:background-color .2s}summary::-webkit-details-marker{display:none}summary:hover{background-color:#ffffff05}summary:active{background-color:#ffffff0d}.vibe-cards-scroll-container::-webkit-scrollbar{height:6px}.vibe-cards-scroll-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.vibe-cards-scroll-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.vibe-cards-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.app-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100dvh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.top-header{width:100%;padding:calc(1rem + env(safe-area-inset-top)) 1.5rem 1rem;text-align:center;-webkit-backdrop-filter:blur(20px);z-index:10;background:#0a0a0abf;border-bottom:1px solid #ffffff0f;flex-shrink:0}.top-header h1{letter-spacing:-.05em;background:-webkit-linear-gradient(45deg, var(--primary-color), #00bfff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.1rem;font-size:1.5rem;font-weight:800}.scroll-content{width:100%;padding:1rem 1rem calc(105px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.bottom-nav{bottom:max(1rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(32px);z-index:100;background:#0c0c0cbf;border:1.5px solid #ffffff1f;border-radius:33px;justify-content:space-between;align-items:center;width:calc(100% - 1.25rem);max-width:520px;height:66px;padding:0 .4rem;transition:all .3s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #000c,0 0 25px #34c7590f}.bottom-nav-item{color:var(--text-muted);white-space:nowrap;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:.4rem .1rem;font-size:.68rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.bottom-nav-item.active{color:var(--primary-color);text-shadow:0 0 10px #34c75959;transform:translateY(-2px)scale(1.05)}.bottom-nav-item svg{margin-bottom:2px;font-size:1.35rem;transition:transform .25s}.bottom-nav-item:hover svg{transform:scale(1.1)}.header h1{letter-spacing:-.05em;background:-webkit-linear-gradient(45deg, var(--primary-color), #00bfff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header p{color:var(--text-muted);font-size:1rem;font-weight:300}.config-row{background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.config-row label{width:100%;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:400;display:flex}@keyframes pulseWarmup{0%{box-shadow:0 0 8px #ffa50033,0 0 15px #ffa5001a}to{box-shadow:0 0 28px #ffa500a6,0 0 55px #ffa5004d}}@keyframes pulseMidBreak{0%{box-shadow:0 0 10px #9b59b633,0 0 20px #9b59b61a}to{box-shadow:0 0 35px #9b59b6b3,0 0 70px #9b59b659}}.state-work .timer-active{border-color:#34c75966;animation:.43s ease-in-out infinite alternate pulseHigh}.state-work .phase-text{color:var(--primary-color);text-shadow:0 0 12px #34c75999}.state-work .time-display{color:var(--primary-color)}.state-rest .timer-active{border-color:#dc323266;animation:1.5s ease-in-out infinite alternate pulseLow}.state-rest .phase-text{color:#ff6b6b;text-shadow:0 0 12px #dc323299}.state-rest .time-display{color:#ff6b6b}.state-warmup .timer-active{border-color:#ffa50066;animation:1.2s ease-in-out infinite alternate pulseWarmup}.state-warmup .phase-text{color:#fa3;text-shadow:0 0 12px #ffa50099}.state-warmup .time-display{color:#fa3}.state-cooldown .timer-active{border-color:#00bfff59;animation:2s ease-in-out infinite alternate pulseLow}.state-cooldown .phase-text{color:#00bfff;text-shadow:0 0 12px #00bfff80}.state-cooldown .time-display{color:#00bfff}.state-mid_break .timer-active{border-color:#9b59b666;animation:2.5s ease-in-out infinite alternate pulseMidBreak}.state-mid_break .phase-text{color:#9b59b6;text-shadow:0 0 12px #9b59b699}.state-mid_break .time-display{color:#9b59b6}.state-work.paused .timer-active,.state-rest.paused .timer-active,.state-warmup.paused .timer-active,.state-cooldown.paused .timer-active,.state-mid_break.paused .timer-active{opacity:.55;animation-play-state:paused}.active-workout-overlay{z-index:9999;width:100vw;height:100dvh;padding:calc(.6rem + env(safe-area-inset-top)) 1rem calc(.8rem + env(safe-area-inset-bottom));box-sizing:border-box;background-color:#080808;flex-direction:column;align-items:center;transition:background .8s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:hidden}.active-workout-overlay.state-work{background-color:#080808;background-image:radial-gradient(circle at 50% 0,#34c75924 0%,#080a08 100%)}.active-workout-overlay.state-rest{background-color:#080808;background-image:radial-gradient(circle at 50% 0,#ff6b6b24 0%,#0a0808 100%)}.active-workout-overlay.state-warmup{background-color:#080808;background-image:radial-gradient(circle at 50% 0,#ffaa3324 0%,#0a0908 100%)}.active-workout-overlay.state-cooldown{background-color:#080808;background-image:radial-gradient(circle at 50% 0,#00bfff24 0%,#08090a 100%)}.active-workout-overlay.state-mid_break{background-color:#080808;background-image:radial-gradient(circle at 50% 0,#9b59b624 0%,#09080a 100%)}.active-workout-overlay.state-init{background-color:#080808;background-image:radial-gradient(circle at 50% 0,#ffffff0a 0%,#080808 100%)}@keyframes borderFlashRed{0%{box-shadow:inset 0 0 #ff6b6b00}50%{box-shadow:inset 0 0 40px #ff6b6bd9}to{box-shadow:inset 0 0 #ff6b6b00}}@keyframes borderFlashGreen{0%{box-shadow:inset 0 0 #34c75900}50%{box-shadow:inset 0 0 40px #34c759d9}to{box-shadow:inset 0 0 #34c75900}}.flash-red{animation:.5s ease-in-out infinite borderFlashRed!important}.flash-green{animation:.5s ease-in-out infinite borderFlashGreen!important}.shimmer-sweep{position:relative;overflow:hidden}.shimmer-sweep:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff59 50%,#fff0 100%);width:30%;height:200%;animation:3.5s ease-in-out infinite shimmerEffect;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}@keyframes shimmerEffect{0%{left:-60%}25%{left:140%}to{left:140%}}.glass-button:active,.smart-wod-btn:active,.vibe-card-item:active{transition:transform 80ms cubic-bezier(.25,1,.5,1)!important;transform:scale(.96)translateY(0)!important}@keyframes scaleUpCheck{0%{opacity:0;transform:scale(.6)translateY(5px)}60%{transform:scale(1.1)translateY(-1px)}to{opacity:1;transform:scale(1)translateY(0)}}.sheet-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:flex-end;width:100vw;height:100dvh;animation:.24s cubic-bezier(.25,1,.5,1) forwards fadeInBackdrop;display:flex;position:fixed;top:0;left:0}.sheet-drawer{-webkit-backdrop-filter:blur(30px);width:100%;max-width:520px;max-height:82dvh;padding:1.25rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));box-sizing:border-box;-webkit-overflow-scrolling:touch;background:#141414d9;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;border-radius:24px 24px 0 0;flex-direction:column;gap:1.25rem;animation:.28s cubic-bezier(.25,1,.5,1) forwards slideUpDrawer;display:flex;overflow-y:auto;box-shadow:0 -10px 40px #00000080}.sheet-handle{background:#fff3;border-radius:3px;flex-shrink:0;width:36px;height:5px;margin:-.5rem auto 0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}body.modal-open{width:100%;position:fixed;overflow:hidden!important}.login-container{justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1rem;display:flex}.login-panel{flex-direction:column;align-items:center;width:100%;max-width:400px;padding:3rem 2rem;display:flex}.login-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem}.login-error{color:#ff6b6b;text-align:center;background:#ff3c3c1a;border:1px solid #ff3c3c4d;border-radius:8px;width:100%;margin-bottom:1.5rem;padding:.75rem;font-size:.9rem}.login-form{flex-direction:column;gap:1rem;width:100%;display:flex}.login-input{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-color);border-radius:12px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.login-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 10px #00f0ff33}.login-btn{letter-spacing:1px;justify-content:center;width:100%;margin-top:.5rem;padding:1rem;font-weight:700}.login-divider{width:100%;color:var(--text-muted);align-items:center;margin:1.5rem 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.login-divider span{padding:0 1rem;font-size:.9rem}.guest-btn{background:var(--glass-bg);border-color:var(--glass-border)}.toggle-auth{color:var(--text-muted);cursor:pointer;margin-top:1.5rem;font-size:.9rem;transition:color .3s}.toggle-auth:hover{color:var(--primary-color)}.storefront-container{width:100%;max-width:600px;margin:0 auto;padding:1rem 0}.store-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.store-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.store-card:hover{border-color:#00f0ff4d;transform:translateY(-2px);box-shadow:0 8px 32px #00f0ff1a}.store-card.purchased{box-shadow:none;border-color:#5eff7e4d}.store-card-header{color:var(--primary-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;display:flex}.store-card-type{letter-spacing:1px;color:var(--text-muted);margin-left:auto;font-size:.75rem}.store-card-title{margin-bottom:.5rem;font-size:1.2rem}.store-card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.4}.store-card-footer{justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.price-btn{align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.owned-badge{color:#5eff7e;letter-spacing:1px;background:#5eff7e1a;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}