:root{--color-teal-dark:#1a5f5f;--color-teal-medium:#2b8a8a;--color-teal-bright:#4dd0d0;--color-coral:#ff6b6b;--color-coral-light:#ff8e8e;--gradient-teal:linear-gradient(135deg,#1a5f5f,#2b8a8a 50%,#4dd0d0);--gradient-coral:linear-gradient(135deg,#ff6b6b,#ff8e8e);--gradient-dark:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7));--overlay-dark:rgba(26,95,95,.85);--overlay-light:hsla(0,0%,100%,.95);--glow-cyan:0 0 20px rgba(77,208,208,.6);--glow-coral:0 0 20px hsla(0,100%,71%,.6);--radius-card:24px;--radius-badge:20px}body,html{margin:0;overflow-x:hidden;padding:0}body{background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-primary)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.top-nav{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-trim);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:1000}.top-nav .container{justify-content:space-between}.logo,.top-nav .container{align-items:center;display:flex}.logo{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);gap:var(--spacing-xs);text-decoration:none}.logo img{height:32px;object-fit:contain;width:32px}@media (max-width:480px){.logo span{display:none}}.nav-links{align-items:center;display:flex;gap:var(--spacing-lg)}@media (max-width:768px){.nav-links{display:none}}.nav-actions{align-items:center;display:flex;gap:var(--spacing-sm);position:relative}@media (max-width:480px){.nav-actions{gap:var(--spacing-xs)}.nav-actions .btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.notification-bell{cursor:pointer;font-size:24px;position:relative;transition:transform var(--transition-fast)}.notification-bell:hover{transform:scale(1.1)}.notification-badge{background:var(--color-coral);border-radius:10px;color:#fff;font-size:10px;font-weight:var(--font-weight-bold);min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.bottom-nav{background:var(--color-bg-primary);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);left:0;overflow:visible;padding:var(--spacing-sm) 0;position:fixed;right:0;z-index:1000}.bottom-nav-items{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:1000px;padding:0 var(--spacing-md)}.nav-item.nav-tier-1,.nav-item.nav-tier-2,.nav-item.nav-tier-3,.nav-item.nav-tier-4{display:none!important}.nav-item.nav-item-more{display:flex!important}@media (min-width:480px){.nav-item.nav-tier-1{display:flex!important}}@media (min-width:640px){.nav-item.nav-tier-2{display:flex!important}.bottom-nav-items{gap:var(--spacing-sm)}}@media (min-width:768px){.nav-item.nav-tier-3{display:flex!important}.bottom-nav-items{gap:var(--spacing-md);justify-content:center}.nav-item{min-width:70px}}@media (min-width:900px){.nav-item.nav-tier-4{display:flex!important}}@media (min-width:1024px){.bottom-nav-items{gap:var(--spacing-lg);max-width:1200px}.nav-item{min-width:80px}}@media (min-width:480px){.more-menu-item.hide-at-480{display:none!important}}@media (min-width:640px){.more-menu-item.hide-at-640{display:none!important}}@media (min-width:768px){.more-menu-item.hide-at-768{display:none!important}}@media (min-width:900px){.more-menu-item.hide-at-900{display:none!important}}.nav-item{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;min-width:60px;padding:var(--spacing-xs);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{color:var(--color-teal-dark)}.nav-item.active{color:var(--color-cyan);position:relative}.nav-item.active:after{background-color:var(--color-cyan);border-radius:50%;bottom:4px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px var(--color-cyan))}.nav-item-icon{align-items:center;display:flex;font-size:24px;justify-content:center}.nav-item-icon,.nav-item-icon img,.nav-item-icon svg{height:24px;width:24px}.nav-item-icon svg{transition:all var(--transition-fast)}.nav-item.active .nav-item-icon svg circle,.nav-item.active .nav-item-icon svg path,.nav-item.active .nav-item-icon svg rect,.nav-item:hover .nav-item-icon svg circle,.nav-item:hover .nav-item-icon svg path,.nav-item:hover .nav-item-icon svg rect{stroke:var(--color-teal-dark)}.more-menu-popup{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-card);bottom:70px;box-shadow:0 -4px 20px rgba(0,0,0,.15);display:none;flex-direction:column;min-width:180px;padding:var(--spacing-sm);position:absolute;right:var(--spacing-md);z-index:1001}.more-menu-popup.show{display:flex}.more-menu-item{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.more-menu-item:hover{background:var(--color-bg-secondary);color:var(--color-teal-dark)}.more-menu-item img{height:20px;width:20px}.main-content{min-height:calc(100vh - 200px)}.hidden{display:none!important}.welcome-section{margin:0 auto;max-width:800px;padding:var(--spacing-3xl) var(--spacing-md) var(--spacing-2xl);text-align:center}.welcome-title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--spacing-md)}.welcome-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px}@media (max-width:768px){.welcome-title{font-size:var(--font-size-3xl)}.welcome-subtitle{font-size:var(--font-size-base)}}.card{background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-trim);overflow:hidden}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn:hover{box-shadow:var(--shadow-log);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-xs{font-size:var(--font-size-xs);padding:4px var(--spacing-sm)}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-xl)}.btn-primary{background:var(--color-teal-bright);color:#fff}.btn-primary:hover{background:var(--color-teal-medium)}.btn-secondary{background:var(--color-gray-light);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-gray-medium)}.btn-danger{background:var(--color-coral);color:#fff}.btn-danger:hover{background:var(--color-coral-light)}.btn-icon{height:40px;padding:var(--spacing-sm);width:40px}.chip{align-items:center;-webkit-appearance:none;appearance:none;background:#fff;border:2px solid var(--color-gray-light);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;max-width:100%;outline:none;overflow:hidden;padding:10px 20px;text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap}.chip:focus{box-shadow:0 0 0 3px rgba(77,208,208,.2);outline:none}.chip:hover{background:var(--color-gray-light);border-color:var(--color-gray-medium);color:var(--color-text-primary)}.chip-active,.chip-cyan,.chip.active{background:var(--color-teal-bright);border-color:var(--color-teal-bright);color:#fff;font-weight:var(--font-weight-bold)}.chip-active:hover,.chip-cyan:hover,.chip.active:hover{background:var(--color-teal-dark);border-color:var(--color-teal-dark)}.chip-row{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;max-width:100%;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}@media (max-width:768px){.chip-row{scroll-snap-type:x mandatory;-ms-overflow-style:none}.chip-row>*{scroll-snap-align:start}}.filter-tabs{background:var(--color-gray-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm)}.filter-tabs .chip{background:transparent;border-color:transparent;padding:12px 24px}.filter-tabs .chip:hover{background:hsla(0,0%,100%,.5)}.filter-tabs .chip-cyan,.filter-tabs .chip.active{background:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.chip-sm{font-size:var(--font-size-xs);padding:6px 14px}.filter-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#fff;border:2px solid var(--color-gray-light);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;max-width:100%;outline:none;overflow:hidden;padding:10px 20px;text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap}.filter-btn:focus{box-shadow:0 0 0 3px rgba(77,208,208,.2);outline:none}.filter-btn:hover{background:var(--color-gray-light);border-color:var(--color-gray-medium);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-teal-bright);border-color:var(--color-teal-bright);color:#fff;font-weight:var(--font-weight-bold)}.tab-underline{border-bottom:2px solid var(--color-gray-light);display:flex;gap:0}.tab-underline .tab-btn{background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:-2px;padding:12px 24px;transition:all var(--transition-fast)}.tab-underline .tab-btn:hover{color:var(--color-teal-dark)}.tab-underline .tab-active,.tab-underline .tab-btn.active{border-bottom-color:var(--color-teal-bright);color:var(--color-teal-dark)}.jump-counter-main{padding:var(--spacing-2xl);text-align:center}.mascot-avatar{border-radius:50%;height:120px;width:120px}.mascot-avatar,.mascot-companion{display:block;margin:0 auto var(--spacing-md)}.mascot-companion{height:80px;transition:transform var(--transition-fast);width:80px}.mascot-companion img{border-radius:50%;height:100%;object-fit:contain;width:100%}.mascot-companion.jumping{animation:mascot-jump .3s ease-out}@keyframes mascot-jump{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.app-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.app-title,.jump-counter{color:var(--color-teal-dark);font-weight:var(--font-weight-black)}.jump-counter{font-family:var(--font-monospace);font-size:72px;line-height:1;margin-bottom:var(--spacing-xl);text-shadow:0 2px 4px rgba(0,0,0,.1)}.jump-counter.flash{animation:flash-pulse .2s ease-out}@keyframes flash-pulse{0%,to{transform:scale(1)}50%{color:var(--color-teal-bright);transform:scale(1.1)}}.jump-display{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.fatigue-meter-container{margin:var(--spacing-lg) 0}.fatigue-label{color:var(--color-text-secondary);display:flex;justify-content:space-between}.fatigue-percentage{color:var(--color-text-primary)}.fatigue-bar-bg{background:var(--color-gray-light);height:8px;width:100%}.fatigue-bar-fill{background:linear-gradient(90deg,#4caf50,#ff9800 50%,#f44336);transition:width var(--transition-base)}.btn-start-workout{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);width:100%}.landing-hero{margin:0 auto;max-width:900px;padding:var(--spacing-xl) var(--spacing-md)}.hero-content{margin-bottom:var(--spacing-xl);max-width:100%;overflow:visible;text-align:center}.hero-title{color:var(--color-text-primary);font-size:clamp(2.5rem,8vw,4rem);font-weight:var(--font-weight-black);letter-spacing:-.02em;line-height:1.05;margin-bottom:var(--spacing-md)}.hero-subtitle{color:var(--color-text-secondary);font-size:clamp(1.125rem,3vw,1.5rem);margin:0 auto;max-width:500px}@media (max-width:640px){.landing-hero{padding:var(--spacing-lg) var(--spacing-sm)}}.stats-card-hero{align-items:center;background:var(--color-bg-primary);border-radius:40px;box-shadow:0 0 0 8px #1a1a1a,0 0 0 10px #333,0 25px 50px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:340px;overflow:hidden;padding:var(--spacing-xl);padding-bottom:24px;padding-top:48px;position:relative}.stats-card-hero:before{background:#1a1a1a;border-radius:12px;height:24px;top:12px;z-index:10}.stats-card-hero:after,.stats-card-hero:before{content:"";left:50%;position:absolute;transform:translateX(-50%);width:100px}.stats-card-hero:after{background:var(--color-gray-medium);border-radius:2px;bottom:8px;height:4px}.camera-preview-area{aspect-ratio:3/4;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-radius:0;margin-left:-24px;margin-right:-24px;margin-top:0;overflow:hidden;position:relative;width:calc(100% + 48px)}.camera-preview-area video{display:none;height:100%;object-fit:cover;width:100%}.camera-preview-area.active video{display:block}.camera-preview-area.active .camera-placeholder{display:none}.camera-overlay{pointer-events:none;z-index:2}.camera-overlay,.camera-placeholder{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.camera-placeholder{color:hsla(0,0%,100%,.5);flex-direction:column;gap:var(--spacing-sm);text-align:center}.camera-placeholder-icon{font-size:48px;opacity:.5}.camera-placeholder p{color:hsla(0,0%,100%,.4);font-size:var(--font-size-sm);margin:0}.camera-preview-area .counter-ring{backdrop-filter:blur(10px);background:rgba(0,0,0,.4);border-radius:50%;padding:10px}.camera-preview-area .counter-ring-inner{position:relative}.camera-preview-area .counter-value{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.camera-preview-area .counter-label{color:hsla(0,0%,100%,.9);font-weight:600}.counter-ring{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:160px}.counter-ring-inner{position:absolute;text-align:center;z-index:2}.counter-value{color:var(--color-teal-dark);font-family:var(--font-monospace);font-size:56px;font-weight:var(--font-weight-black);line-height:1}.counter-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:1px;margin-top:var(--spacing-xs);text-transform:uppercase}.counter-ring-svg{height:100%;position:absolute;transform:rotate(-90deg);width:100%}.ring-bg{fill:none;stroke:var(--color-gray-light);stroke-width:8}.ring-progress{fill:none;stroke:var(--color-teal-bright);stroke-dasharray:339.292;stroke-dashoffset:339.292;stroke-linecap:round;stroke-width:8;transition:stroke-dashoffset .3s ease-out}.stats-row{display:flex;gap:var(--spacing-sm);width:100%}.stat-pill{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-card);display:flex;flex:1;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.stat-pill-icon{font-size:var(--font-size-xl)}.stat-pill-content{display:flex;flex-direction:column}.stat-pill-value{color:var(--color-text-primary);font-family:var(--font-monospace);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2}.stat-pill-label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.btn-start-hero{align-items:center;background:var(--gradient-teal);border:none;border-radius:var(--radius-card);box-shadow:0 4px 16px rgba(77,208,208,.3);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-base);width:100%}.btn-start-hero:hover{box-shadow:0 6px 24px rgba(77,208,208,.4);transform:translateY(-2px)}.btn-start-hero:active{transform:translateY(0)}.btn-start-icon{background:hsla(0,0%,100%,.2);border-radius:50%;height:32px;justify-content:center;width:32px}.btn-start-icon,.status-indicator{align-items:center;display:flex;font-size:var(--font-size-sm)}.status-indicator{color:var(--color-text-secondary);gap:var(--spacing-xs)}.status-indicator .status-dot{animation:pulse-glow 2s infinite;background:var(--color-teal-bright);border-radius:50%;height:8px;width:8px}.stats-card-hero.session-active{border:2px solid var(--color-teal-bright)}.stats-card-hero.session-active .ring-progress{stroke:var(--color-teal-bright)}.status-badge-indicator{align-items:center;background:rgba(0,0,0,.05);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-base)}.status-dot{background:var(--color-gray-medium);border-radius:50%;height:8px;width:8px}.status-badge-indicator.session-active{background:rgba(77,208,208,.15);color:var(--color-teal-dark);font-weight:var(--font-weight-semibold)}.status-badge-indicator.session-active .status-dot{animation:pulse-glow 2s infinite;background:var(--color-teal-bright)}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px rgba(77,208,208,.8);opacity:1}50%{box-shadow:0 0 8px rgba(77,208,208,.4);opacity:.6}}.workout-controls{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}#newSessionBtn{opacity:.7;transition:opacity var(--transition-base)}#newSessionBtn:hover{opacity:1}.features-section{margin-top:var(--spacing-lg);padding:0 var(--spacing-md)}.features-heading{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-align:center}.features-more{margin-top:var(--spacing-sm);text-align:center}.features-row{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}@media (min-width:600px){.features-row{grid-template-columns:repeat(4,1fr)}}.feature-card-mini{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-trim);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:all var(--transition-base)}.feature-card-mini:hover{background:linear-gradient(135deg,rgba(77,208,208,.1),rgba(77,208,208,.05));box-shadow:var(--shadow-log);transform:translateY(-2px)}.feature-card-mini h3{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0;white-space:nowrap}.feature-card-mini p{display:none}.feature-icon-circle{align-items:center;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.workout-mode-fullscreen{background:#000;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:9999}.video-workout-container{align-items:center;background:#000;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.workout-video-feed{height:100%;min-height:100%;min-width:100%;object-fit:cover;width:100%}.workout-video-feed.contain{min-height:auto;min-width:auto;object-fit:contain}.workout-canvas-overlay{pointer-events:none}.skeleton-overlay,.workout-canvas-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.skeleton-joint{border-radius:50%;height:12px;transform:translate(-50%,-50%);width:12px}.skeleton-joint,.skeleton-line{background:var(--color-teal-bright);box-shadow:var(--glow-cyan);position:absolute}.skeleton-line{height:3px;transform-origin:left center}.neon-rope-effect{height:100%;pointer-events:none;position:absolute;width:100%}.rope-arc{animation:rope-spin .5s linear infinite;border:4px solid var(--color-teal-bright);border-radius:50%;box-shadow:var(--glow-cyan);position:absolute}@keyframes rope-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.workout-hud{align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);left:0;padding:var(--spacing-sm);padding-top:env(safe-area-inset-top,var(--spacing-sm));position:absolute;right:0;top:0;z-index:10}.hud-stats-grid,.workout-hud{display:flex;justify-content:center}.hud-stats-grid{flex-wrap:wrap;gap:var(--spacing-xs);max-width:100%}.hud-stat-card{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.6);border:1px solid rgba(77,208,208,.3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;min-width:60px;padding:var(--spacing-xs) var(--spacing-sm)}.hud-stat-icon{font-size:var(--font-size-lg);line-height:1}.hud-stat-value{color:#fff;font-family:var(--font-monospace);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.hud-stat-label{color:hsla(0,0%,100%,.7);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.hud-stat-jumps{background:rgba(77,208,208,.2);border-color:var(--color-teal-bright);min-width:70px}.hud-stat-jumps .hud-stat-value{color:var(--color-teal-bright);font-size:var(--font-size-2xl);text-shadow:0 0 10px rgba(77,208,208,.5)}@media (min-width:500px){.workout-hud{padding:var(--spacing-md)}.hud-stats-grid{gap:var(--spacing-sm)}.hud-stat-card{min-width:80px;padding:var(--spacing-sm) var(--spacing-md)}.hud-stat-icon{font-size:var(--font-size-xl)}.hud-stat-value{font-size:var(--font-size-2xl)}.hud-stat-label{font-size:var(--font-size-xs)}.hud-stat-jumps .hud-stat-value{font-size:var(--font-size-3xl)}}.center-jump-counter{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.massive-counter{color:#fff;font-family:var(--font-monospace);font-size:clamp(80px,20vw,180px);font-weight:var(--font-weight-black);line-height:1;text-shadow:0 0 30px rgba(77,208,208,.8),0 0 60px rgba(77,208,208,.4)}.massive-counter.pulse-jump{animation:mega-pulse .3s ease-out}@keyframes mega-pulse{0%,to{transform:scale(1)}50%{text-shadow:0 0 50px #4dd0d0,0 0 100px rgba(77,208,208,.6);transform:scale(1.15)}}.workout-bottom-controls{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;display:flex;gap:var(--spacing-sm);justify-content:center;left:0;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom, 0px));position:absolute;right:0;z-index:10}.workout-control-btn{align-items:center;background:rgba(0,0,0,.6);border:2px solid var(--color-teal-bright);border-radius:50%;box-shadow:0 0 15px rgba(77,208,208,.4);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xl);height:56px;justify-content:center;transition:all var(--transition-base);width:56px}.workout-control-btn:active,.workout-control-btn:hover{background:var(--color-teal-bright);box-shadow:0 0 25px rgba(77,208,208,.7);transform:scale(1.05)}.workout-control-btn.stop-btn{border-color:var(--color-coral);box-shadow:0 0 15px hsla(0,100%,71%,.4)}.workout-control-btn.stop-btn:active,.workout-control-btn.stop-btn:hover{background:var(--color-coral);box-shadow:0 0 25px hsla(0,100%,71%,.7)}@media (min-width:500px){.workout-bottom-controls{gap:var(--spacing-md);padding:var(--spacing-lg)}.workout-control-btn{border-width:3px;font-size:var(--font-size-2xl);height:64px;width:64px}}.workout-mode-fullscreen~.accessibility-toggle,body:has(.workout-mode-fullscreen[style*=block]) .accessibility-toggle{display:none!important}.vs-mode-split-screen{display:flex;flex-direction:column;gap:0;height:100vh;height:100dvh;overflow:hidden}.player-video-section{align-items:center;background:#000;display:flex;flex:1;justify-content:center;min-height:0;overflow:hidden;position:relative}.player-video-feed{height:100%;object-fit:cover;width:100%}.player-overlay{background:var(--gradient-dark);left:0;padding:var(--spacing-sm);position:absolute;right:0;top:0;z-index:5}.player-info{align-items:center;display:flex;gap:var(--spacing-xs)}.player-avatar{border:2px solid var(--color-teal-bright);border-radius:50%;box-shadow:var(--glow-cyan);height:36px;width:36px}.player-name{color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.player-jump-count{color:#fff;font-family:var(--font-monospace);font-size:64px;font-weight:var(--font-weight-black);left:50%;position:absolute;text-shadow:0 0 30px rgba(77,208,208,.8);top:50%;transform:translate(-50%,-50%);transition:transform .1s ease-out;z-index:3}.player-jump-count.pulse-jump{animation:player-pulse .2s ease-out}@keyframes player-pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}to{transform:translate(-50%,-50%) scale(1)}}.vs-divider{background:var(--gradient-teal);flex-shrink:0;justify-content:center;min-height:48px;padding:var(--spacing-xs) var(--spacing-md);position:relative;z-index:10}.vs-divider,.vs-status{align-items:center;display:flex}.vs-status{color:#fff;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.jump-lead-badge{background:var(--overlay-dark);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:4px;padding:var(--spacing-xs) var(--spacing-sm)}.jump-lead-badge,.vs-badge{align-items:center;display:flex}.vs-badge{background:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.3);flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-black);height:40px;justify-content:center;width:40px}.reaction-emojis{background:var(--overlay-dark);border-radius:var(--radius-pill);bottom:var(--spacing-md);display:flex;flex-direction:row;gap:var(--spacing-xs);left:50%;padding:var(--spacing-xs);position:fixed;transform:translateX(-50%);z-index:20}.emoji-btn{align-items:center;background:transparent;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;display:flex;font-size:var(--font-size-xl);height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.emoji-btn:active{background:var(--color-teal-bright);transform:scale(.9)}@media (min-width:600px){.player-avatar{border-width:3px;height:48px;width:48px}.player-name{font-size:var(--font-size-lg)}.player-jump-count{font-size:80px}.vs-badge{font-size:var(--font-size-xl);height:56px;width:56px}.jump-lead-badge{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.emoji-btn{height:52px;width:52px}}@media (min-width:900px){.vs-mode-split-screen{flex-direction:row}.player-video-section{flex:1}.vs-divider{flex-direction:column;min-height:auto;padding:var(--spacing-md) var(--spacing-sm);width:auto}.vs-status{flex-direction:column;gap:var(--spacing-md)}.player-jump-count{font-size:100px}.vs-badge{font-size:var(--font-size-2xl);height:64px;width:64px}.reaction-emojis{background:var(--overlay-dark);border-radius:var(--radius-card);bottom:auto;flex-direction:column;left:var(--spacing-md);padding:var(--spacing-sm);position:absolute;top:50%;transform:translateY(-50%)}.emoji-btn{font-size:var(--font-size-2xl);height:56px;width:56px}.emoji-btn:hover{background:var(--color-teal-bright);transform:scale(1.2)}}.battle-timer{background:var(--overlay-dark);border-radius:var(--radius-pill);color:#fff;font-family:var(--font-monospace);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);left:50%;padding:var(--spacing-xs) var(--spacing-md);position:absolute;top:var(--spacing-xs);transform:translateX(-50%);z-index:15}@media (min-width:600px){.battle-timer{font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-lg)}}.floating-emoji{animation:float-up 2s ease-out forwards;font-size:var(--font-size-3xl);pointer-events:none;position:absolute}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-200px) scale(1.5)}}.modal-overlay{animation:modal-fade-in .2s ease-out;padding:var(--spacing-md);z-index:1000}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-container{animation:modal-slide-up .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:0 20px 60px rgba(0,0,0,.4);max-width:400px;overflow:hidden;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:var(--gradient-teal);color:#fff;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.modal-header-info{background:var(--gradient-teal);padding:var(--spacing-xl)}.modal-icon{font-size:64px;margin-bottom:var(--spacing-sm)}.modal-title{color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);margin:0}.modal-subtitle{font-size:var(--font-size-base);margin:var(--spacing-xs) 0 0;opacity:.9}.modal-body{padding:var(--spacing-xl)}.modal-actions{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-xl) var(--spacing-xl)}.modal-actions .btn{flex:1}.modal-content{text-align:center}.modal-content .modal-icon{padding-top:var(--spacing-xl)}.modal-content .modal-title{color:var(--color-text-primary);padding:0 var(--spacing-xl)}.modal-content .modal-body{color:var(--color-text-secondary)}.modal-content .modal-body p{margin:0}.workout-complete-stats{display:flex;gap:var(--spacing-xl);justify-content:center;padding:var(--spacing-md) 0}.complete-stat{text-align:center}.complete-stat-value{color:var(--color-teal-bright);display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);line-height:1}.complete-stat-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.battle-result-stats{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-xl)}.result-player{background:var(--color-bg-secondary);border-radius:var(--radius-card);min-width:100px;padding:var(--spacing-md);text-align:center}.result-player.winner{background:linear-gradient(135deg,rgba(77,208,208,.2),rgba(26,95,95,.2));border:2px solid var(--color-teal-bright)}.result-avatar{border-radius:50%;height:48px;width:48px}.result-avatar,.result-name{margin-bottom:var(--spacing-xs)}.result-name{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.result-jumps{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);line-height:1}.result-label{font-size:var(--font-size-xs)}.result-label,.result-vs{color:var(--color-text-secondary)}.result-vs{font-size:var(--font-size-xl);font-weight:var(--font-weight-black)}.result-summary{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-xl);justify-content:center;padding-top:var(--spacing-lg)}.summary-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.summary-icon{font-size:var(--font-size-lg)}.challenge-card-modern{background:var(--color-bg-primary);border:3px solid transparent;border-radius:var(--radius-card);box-shadow:var(--shadow-log);overflow:hidden;transition:all var(--transition-base)}.challenge-card-modern:hover{border-color:var(--color-teal-bright);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.challenge-card-header{align-items:center;background:var(--gradient-teal);color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-md)}.challenge-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.challenge-reward-badge{align-items:center;background:var(--color-coral);border-radius:var(--radius-pill);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--spacing-xs);padding:6px 16px}.challenge-card-body{padding:var(--spacing-lg)}.challenge-description{color:var(--color-text-secondary);font-size:var(--font-size-base)}.challenge-description,.challenge-progress-section{margin-bottom:var(--spacing-md)}.challenge-progress-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.progress-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.progress-value{color:var(--color-teal-medium);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.challenge-progress-bar{background:var(--color-gray-light);height:12px}.challenge-progress-bar,.challenge-progress-fill{border-radius:var(--radius-pill);overflow:hidden;position:relative}.challenge-progress-fill{background:var(--gradient-teal);height:100%;transition:width .5s ease-out}.challenge-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.challenge-timer{align-items:center;color:var(--color-coral);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs)}.challenge-start-btn{background:var(--gradient-teal);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.challenge-start-btn:hover{box-shadow:0 8px 24px rgba(77,208,208,.4);transform:translateY(-2px)}.livestream-feed{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:var(--spacing-md)}.livestream-card{aspect-ratio:9/16;border-radius:var(--radius-card);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.livestream-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.3);transform:scale(1.05)}.livestream-thumbnail{height:100%;object-fit:cover;width:100%}.livestream-overlay{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:var(--spacing-md);position:absolute;right:0;top:0}.livestream-badges{display:flex;gap:var(--spacing-xs)}.live-badge{animation:pulse-live 2s infinite;background:var(--color-coral);border-radius:var(--radius-badge);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:6px 12px;text-transform:uppercase}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.7}}.viewers-badge{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.6);border-radius:var(--radius-badge);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:4px;padding:6px 12px}.livestream-info{color:#fff}.streamer-profile{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.streamer-avatar{border:2px solid #fff;border-radius:50%;height:40px;width:40px}.streamer-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.stream-stats{display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md)}.stream-stat{align-items:center;display:flex;gap:4px}.join-live-btn{background:var(--color-teal-bright);border:none;border-radius:var(--radius-pill);bottom:var(--spacing-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);left:50%;opacity:0;padding:var(--spacing-sm) var(--spacing-lg);position:absolute;transform:translateX(-50%);transition:all var(--transition-base)}.livestream-card:hover .join-live-btn{opacity:1;transform:translateX(-50%) translateY(-10px)}.mascot-encouragement{bottom:100px;max-width:280px;position:fixed;right:var(--spacing-md);z-index:var(--z-sticky)}.mascot-speech-bubble{animation:bounce-in .5s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-log);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);position:relative}@keyframes bounce-in{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.mascot-speech-bubble:after{border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #fff;bottom:-10px;content:"";height:0;position:absolute;right:30px;width:0}.mascot-message{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.fatigue-meter-container{backdrop-filter:blur(20px);background:var(--overlay-dark);border-radius:var(--radius-lg);bottom:var(--spacing-lg);left:var(--spacing-md);min-width:200px;padding:var(--spacing-md);position:absolute}.fatigue-label{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:1px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.fatigue-bar-bg{background:hsla(0,0%,100%,.2);border-radius:var(--radius-pill);height:24px;overflow:hidden;position:relative}.fatigue-bar-fill{background:linear-gradient(90deg,#4caf50,#ffc107 50%,#ff5722);border-radius:var(--radius-pill);height:100%;transition:width .5s ease-out}.fatigue-percentage{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);left:50%;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.stat-card{background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-trim);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-log);transform:translateY(-4px)}.stat-icon{align-items:center;background:var(--color-gray-light);border-radius:50%;display:flex;font-size:36px;height:72px;justify-content:center;margin:0 auto var(--spacing-sm);width:72px}.stat-value{color:var(--color-teal-dark);font-family:var(--font-monospace);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase}.activity-calendar{background:var(--color-bg-primary)}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.calendar-grid{display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs);text-align:center;text-transform:uppercase}.calendar-day{align-items:center;aspect-ratio:1;background:var(--color-gray-light);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all var(--transition-fast)}.calendar-day:hover{box-shadow:var(--shadow-log);transform:scale(1.1)}.calendar-day.has-workout{border:2px solid var(--color-teal-bright)}.calendar-day.current-day{border:3px solid var(--color-coral)}.calendar-day.other-month{opacity:.3}.calendar-day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.calendar-day-jumps{color:var(--color-teal-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.workout-history-item{background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-trim);overflow:hidden;transition:all var(--transition-base)}.workout-history-item:hover{box-shadow:var(--shadow-log)}.workout-history-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-lg)}.workout-type-icon{align-items:center;border-radius:50%;display:flex;font-size:var(--font-size-2xl);height:48px;justify-content:center;width:48px}.workout-history-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.workout-history-date,.workout-stat-mini{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.workout-stat-mini{align-items:center;display:flex;gap:var(--spacing-xs)}.workout-history-details{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-lg)}.workout-detail-stat{text-align:center}.workout-detail-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:1px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.workout-detail-value{color:var(--color-teal-dark);font-family:var(--font-monospace);font-size:var(--font-size-xl);font-weight:var(--font-weight-black)}.mascot-preview-section{margin-bottom:var(--spacing-2xl)}.mascot-preview-card{background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-log);padding:var(--spacing-2xl)}.mascot-3d-preview{align-items:center;display:flex;justify-content:center;min-height:300px;position:relative}.mascot-large-avatar{border:6px solid var(--color-teal-bright);border-radius:50%;box-shadow:0 0 40px rgba(77,208,208,.4);height:240px;width:240px}.mascot-name-badge{background:var(--gradient-teal);border-radius:var(--radius-pill);bottom:20px;box-shadow:var(--shadow-log);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);left:50%;padding:var(--spacing-sm) var(--spacing-xl);position:absolute;transform:translateX(-50%)}.mascot-rotation-controls{bottom:20px;display:flex;gap:var(--spacing-md);position:absolute}.rotation-btn{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-teal-bright);border-radius:50%;cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:48px;justify-content:center;transition:all var(--transition-base);width:48px}.rotation-btn:hover{background:var(--color-teal-bright);color:#fff;transform:scale(1.1)}.mascot-stat-mini{text-align:center}.mascot-stat-value{color:var(--color-teal-dark);font-family:var(--font-monospace);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black)}.mascot-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mascot-items-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.mascot-item-card{background:var(--color-bg-primary);border:3px solid transparent;border-radius:var(--radius-card);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.mascot-item-card:hover{box-shadow:var(--shadow-log);transform:translateY(-4px)}.mascot-item-card.item-selected{border-color:var(--color-teal-bright);box-shadow:0 0 20px rgba(77,208,208,.4)}.mascot-item-card.item-locked{opacity:.6}.rarity-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px 8px;position:absolute;right:var(--spacing-xs);text-transform:uppercase;top:var(--spacing-xs);z-index:2}.rarity-badge.rarity-common{background:#b0bec5;color:#fff}.rarity-badge.rarity-rare{background:linear-gradient(135deg,#4dd0d0,#00bcd4);color:#fff}.rarity-badge.rarity-epic{background:linear-gradient(135deg,#9c27b0,#e040fb);color:#fff}.rarity-badge.rarity-legendary{background:linear-gradient(135deg,#ff6b6b,gold);color:#fff}.mascot-item-image{align-items:center;aspect-ratio:1;background:var(--color-bg-secondary);display:flex;justify-content:center;position:relative}.mascot-item-image img{height:100%;object-fit:contain;width:100%}.lock-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;left:0;right:0;top:0}.lock-overlay,.selected-checkmark{align-items:center;display:flex;justify-content:center;position:absolute}.selected-checkmark{background:var(--color-teal-bright);border-radius:50%;box-shadow:0 0 20px rgba(77,208,208,.6);color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);height:48px;left:50%;top:50%;transform:translate(-50%,-50%);width:48px}.mascot-item-info{padding:var(--spacing-sm)}.mascot-item-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.mascot-item-requirement{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.mascot-item-action{margin-top:var(--spacing-xs)}.program-card{background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-log);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.program-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.program-cover{align-items:flex-start;display:flex;height:200px;justify-content:space-between;padding:var(--spacing-md);position:relative}.difficulty-badge{backdrop-filter:blur(10px);background:rgba(0,0,0,.7);border-radius:var(--radius-pill);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:6px 12px;text-transform:uppercase}.difficulty-badge.difficulty-beginner{border:2px solid #4caf50}.difficulty-badge.difficulty-intermediate{border:2px solid #ff9800}.difficulty-badge.difficulty-advanced{border:2px solid #f44336}.tier-lock-badge{align-items:center;border-radius:var(--radius-pill);color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--spacing-xs);padding:6px 12px}.program-info{padding:var(--spacing-lg)}.program-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-sm)}.program-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-md)}.avatar-edit-btn{align-items:center;background:var(--color-teal-bright);border:4px solid #fff;border-radius:50%;bottom:0;cursor:pointer;display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;position:absolute;right:0;transition:all var(--transition-base);width:40px}.avatar-edit-btn:hover{box-shadow:var(--shadow-log);transform:scale(1.1)}.setting-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md) 0}.setting-item:last-child{border-bottom:none}.setting-label{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.setting-value{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.toggle{display:inline-block;height:28px;position:relative;width:52px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:var(--color-gray-light);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.toggle input:checked+.toggle-slider{background:var(--color-teal-bright)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.input{border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);width:100%}.input:focus{border-color:var(--color-teal-bright);box-shadow:0 0 0 3px rgba(77,208,208,.2);outline:none}.input-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.song-card{background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-log);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.song-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.song-cover{align-items:flex-start;display:flex;height:200px;padding:var(--spacing-md);position:relative}.song-difficulty-badge{backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border:2px solid #fff;border-radius:var(--radius-pill);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:6px 16px;text-transform:uppercase}.song-info{padding:var(--spacing-lg)}.song-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-xs)}.song-artist{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.game-hud{align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);display:flex;gap:var(--spacing-lg);left:0;padding:var(--spacing-lg);position:absolute;right:0;top:0;z-index:100}.rhythm-track{bottom:150px;height:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:120px}.rhythm-target-zone{align-items:center;bottom:0;display:flex;flex-direction:column;height:150px;justify-content:center;left:0;position:absolute;right:0}.rhythm-target-line{background:var(--color-teal-bright);border-radius:2px;box-shadow:var(--glow-cyan);height:4px;position:absolute;width:140px;z-index:1}.rhythm-target-indicator{align-items:center;border:4px solid var(--color-teal-bright);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);height:120px;justify-content:center;position:absolute;transition:all .2s ease-out;width:120px}.rhythm-target-indicator.hit-perfect{background:rgba(76,175,80,.3);border-color:#4caf50;box-shadow:0 0 40px #4caf50;transform:scale(1.2)}.rhythm-target-indicator.hit-good{background:rgba(255,152,0,.3);border-color:#ff9800;box-shadow:0 0 30px #ff9800;transform:scale(1.1)}.rhythm-target-indicator.hit-miss{background:rgba(244,67,54,.3);border-color:#f44336;box-shadow:0 0 20px #f44336;transform:scale(.9)}.rhythm-note{align-items:center;background:var(--gradient-teal);border-radius:50%;box-shadow:0 0 20px rgba(77,208,208,.6);display:flex;font-size:48px;height:80px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-out;width:80px}.rhythm-note.note-hit{opacity:0;transform:translateX(-50%) scale(1.5)}.rhythm-note.note-missed{opacity:.3}.jump-indicator{backdrop-filter:blur(20px);background:var(--overlay-dark);border:4px solid var(--color-teal-bright);border-radius:var(--radius-card);bottom:320px;color:#fff;left:50%;padding:var(--spacing-lg) var(--spacing-2xl);pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) scale(0);transition:transform .2s ease-out}.jump-indicator.active{transform:translateX(-50%) scale(1)}.combo-display{animation:pulse-combo .5s ease-out;left:50%;position:absolute;text-align:center;top:200px;transform:translateX(-50%)}.combo-multiplier{color:var(--color-teal-bright);font-family:var(--font-monospace);font-size:64px;font-weight:var(--font-weight-black);line-height:1;text-shadow:var(--glow-cyan)}.combo-subtitle{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:var(--spacing-xs)}@keyframes pulse-combo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.modal-overlay{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:10000}.modal-card{animation:modal-slide-in .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:0 20px 60px rgba(0,0,0,.5);padding:var(--spacing-2xl)}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.result-stat{background:var(--color-bg-secondary);border-radius:var(--radius-card);padding:var(--spacing-lg);text-align:center}.result-stat-value{color:var(--color-teal-dark);font-family:var(--font-monospace);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-xs)}.result-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase}.features-hero{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);padding:var(--spacing-2xl) 0}.section-header{margin-bottom:var(--spacing-2xl);text-align:center}.section-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-sm)}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:700px}.feature-showcase-card{align-items:center;background:var(--color-bg-primary);box-shadow:var(--shadow-log);display:flex;gap:var(--spacing-2xl);padding:var(--spacing-2xl)}.feature-showcase-card,.feature-showcase-image{border-radius:var(--radius-card);overflow:hidden}.feature-showcase-image{flex:0 0 400px;height:400px}.feature-showcase-content{flex:1}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.features-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.features-grid-2,.features-grid-3{display:grid;gap:var(--spacing-lg)}.features-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-trim);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.feature-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.feature-card-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-md)}.feature-card-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6}.cta-card{background:var(--gradient-teal);border-radius:var(--radius-card);box-shadow:var(--shadow-log);padding:var(--spacing-3xl);text-align:center}.dropdown-menu{animation:slideDown .2s ease-out}.menu-item{align-items:center;border-radius:var(--radius-lg);color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.menu-item:hover{background:var(--color-gray-light);color:var(--color-teal-dark);transform:translateX(4px)}@media (max-width:768px){.massive-counter{font-size:120px}.player-jump-count{font-size:80px}.hud-stat-value{font-size:var(--font-size-2xl)}.livestream-feed{grid-template-columns:1fr}.mascot-large-avatar{height:180px;width:180px}.calendar-grid{gap:4px}.mascot-items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.pricing-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.vs-mode-split-screen{grid-template-rows:1fr auto 1fr}.player-avatar{height:36px;width:36px}.player-name{font-size:var(--font-size-base)}.vs-badge{font-size:var(--font-size-xl);padding:var(--spacing-xs) var(--spacing-md)}.jump-lead-badge{font-size:var(--font-size-xs)}.hud-stats-grid{gap:var(--spacing-sm)}.hud-stat-card{padding:var(--spacing-sm)}.hud-stat-icon img{height:20px;width:20px}.reaction-emojis{gap:var(--spacing-xs)}.emoji-btn{font-size:18px;height:36px;width:36px}}@media (max-width:480px){.massive-counter{font-size:80px}.player-jump-count{font-size:56px}.hud-stat-value{font-size:var(--font-size-lg)}.hud-stat-label{font-size:var(--font-size-xs)}.player-overlay{padding:var(--spacing-sm)}.player-avatar{height:28px;width:28px}.player-name{font-size:var(--font-size-sm)}.vs-divider{padding:var(--spacing-xs) 0}.vs-badge{font-size:var(--font-size-lg);padding:var(--spacing-xs) var(--spacing-sm)}.emoji-btn{font-size:16px;height:32px;width:32px}}@media (orientation:landscape) and (max-height:500px){.workout-mode-fullscreen{flex-direction:row}.workout-hud{height:100%;left:auto;padding:var(--spacing-sm);right:0;top:0;width:auto}.hud-stats-grid,.workout-hud{flex-direction:column}.massive-counter{font-size:100px}.vs-mode-split-screen{grid-template-columns:1fr auto 1fr;grid-template-rows:1fr}.vs-divider{flex-direction:column;height:100%;padding:0 var(--spacing-sm)}.player-jump-count{font-size:60px}}.pricing-grid{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto}.dashboard{margin:0 auto;max-width:1200px;padding:var(--spacing-md)}.dashboard-hero{align-items:center;background:var(--gradient-teal);border-radius:var(--radius-card);color:#fff;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-2xl);position:relative}.dashboard-hero:before{background:hsla(0,0%,100%,.1);border-radius:50%;content:"";height:300px;position:absolute;right:-10%;top:-50%;width:300px}.dashboard-hero-content h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-xs)}.dashboard-hero-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);opacity:.9}.dashboard-hero-mascot{position:relative;z-index:1}.dashboard-hero-mascot img{height:auto;width:120px}.mascot-bounce{animation:mascot-bounce 2s ease-in-out infinite}@keyframes mascot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dashboard-stats{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.dashboard-stats .stat-card{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:left}.dashboard-stats .stat-icon{font-size:40px;margin-bottom:0}.dashboard-stats .stat-info{flex:1}.dashboard-stats .stat-value{font-size:var(--font-size-2xl);line-height:1.2}.dashboard-stats .stat-label{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.dashboard-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.dashboard-col{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-card{background:var(--color-bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-trim);padding:var(--spacing-lg)}.dashboard-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.dashboard-card .card-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.dashboard-card .card-link{color:var(--color-teal-bright);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.dashboard-card .card-link:hover{text-decoration:underline}.activity-chart{margin-bottom:var(--spacing-md)}.activity-chart canvas{height:180px!important;width:100%!important}.week-summary{border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding-top:var(--spacing-md)}.week-stat{text-align:center}.week-stat-value{color:var(--color-teal-dark);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-black)}.week-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase}.program-progress{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.program-info h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.program-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.progress-ring{height:60px;position:relative;width:60px}.progress-ring svg{height:60px;transform:rotate(-90deg);width:60px}.progress-ring-bg{fill:none;stroke:var(--color-gray-light);stroke-width:3}.progress-ring-fill{fill:none;stroke:var(--color-teal-bright);stroke-linecap:round;stroke-width:3}.progress-text{color:var(--color-teal-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.empty-state{padding:var(--spacing-xl);text-align:center}.empty-state.small{padding:var(--spacing-md)}.empty-icon{display:block;font-size:48px;margin-bottom:var(--spacing-sm)}.empty-state h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.challenges-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.challenge-item{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.challenge-info{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.challenge-icon{font-size:24px}.challenge-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2px}.challenge-info p{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0}.challenge-progress{align-items:center;display:flex;gap:var(--spacing-sm)}.challenge-progress .progress-bar{background:var(--color-bg-tertiary,rgba(0,0,0,.08));border-radius:var(--radius-pill);flex:1;height:12px;overflow:hidden}.challenge-progress .progress-fill{background:var(--gradient-teal);border-radius:var(--radius-pill);height:100%}.challenge-progress .progress-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:50px;text-align:right}.streams-list{flex-direction:column}.stream-item,.streams-list{display:flex;gap:var(--spacing-md)}.stream-item{border-radius:var(--radius-lg);color:var(--color-text-primary);padding:var(--spacing-sm);text-decoration:none;transition:background var(--transition-fast)}.stream-item:hover{background:var(--color-bg-secondary)}.stream-thumbnail{background:linear-gradient(135deg,var(--color-teal-dark),var(--color-teal-bright));border-radius:var(--radius-lg);flex-shrink:0;height:75px;overflow:hidden;position:relative;width:100px}.stream-thumbnail img{height:100%;object-fit:cover;width:100%}.stream-thumbnail .live-badge{animation:livePulse 2s ease-in-out infinite;background:#dc2626;border-radius:4px;color:#fff;font-size:9px;font-weight:700;left:6px;padding:3px 8px;position:absolute;top:6px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.stream-thumb-fallback{align-items:center;display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center;width:100%}.stream-thumb-icon{font-size:1.5rem;opacity:.9}.stream-thumb-initial{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.stream-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2px}.stream-info p{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0}.quick-actions h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.actions-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.action-btn{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.action-btn:hover{background:var(--color-teal-bright);color:#fff;transform:translateY(-2px)}.action-btn span:first-child{font-size:24px}.action-btn span:last-child{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-hero{flex-direction:column;padding:var(--spacing-xl);text-align:center}.dashboard-hero-content h1{font-size:var(--font-size-2xl)}.dashboard-hero-mascot{margin-top:var(--spacing-md)}.actions-grid,.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats .stat-card{flex-direction:column;text-align:center}}[data-theme=dark]{--overlay-dark:rgba(17,24,39,.9);--overlay-light:rgba(31,41,55,.95);--glow-cyan:0 0 20px rgba(77,208,208,.4);--glow-coral:0 0 20px hsla(0,100%,71%,.4)}[data-theme=dark] .top-nav{background:var(--dm-bg-card);border-bottom-color:var(--dm-border)}[data-theme=dark] .logo,[data-theme=dark] .notification-bell{color:var(--dm-text-primary)}[data-theme=dark] .notification-dropdown{background:var(--dm-bg-card);border-color:var(--dm-border);box-shadow:0 8px 24px var(--dm-shadow)}[data-theme=dark] .notification-item{border-bottom-color:var(--dm-border)}[data-theme=dark] .notification-item:hover{background:var(--dm-hover-bg)}[data-theme=dark] .notification-item .title{color:var(--dm-text-primary)}[data-theme=dark] .notification-item .message{color:var(--dm-text-secondary)}[data-theme=dark] .notification-item .time{color:var(--dm-text-muted)}[data-theme=dark] .bottom-nav{background:var(--dm-bg-card);border-top-color:var(--dm-border)}[data-theme=dark] .nav-item{color:var(--dm-text-muted)}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-item:hover{color:var(--color-cyan-light)}[data-theme=dark] .nav-item.active:after{background-color:var(--color-cyan-light)}[data-theme=dark] .nav-item.active .nav-icon{filter:drop-shadow(0 0 8px var(--color-cyan-light))}[data-theme=dark] .nav-item .nav-label{color:inherit}[data-theme=dark] .achievement-card,[data-theme=dark] .challenge-card,[data-theme=dark] .feature-card,[data-theme=dark] .program-card,[data-theme=dark] .stat-card,[data-theme=dark] .workout-card,[data-theme=dark] .workout-mode-card{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .feature-card:hover,[data-theme=dark] .program-card:hover,[data-theme=dark] .stat-card:hover,[data-theme=dark] .workout-card:hover{border-color:var(--color-cyan)}[data-theme=dark] .stat-value{color:var(--dm-text-primary)}[data-theme=dark] .stat-label{color:var(--dm-text-secondary)}[data-theme=dark] .stat-icon{background:var(--dm-bg-elevated)}[data-theme=dark] .dashboard-hero{background:linear-gradient(135deg,#1e3a4c,#1f2937)}[data-theme=dark] .dashboard-hero h1,[data-theme=dark] .dashboard-hero p{color:var(--dm-text-primary)}[data-theme=dark] .action-card{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .action-card:hover{background:var(--dm-bg-elevated);border-color:var(--color-cyan)}[data-theme=dark] .action-card .action-title{color:var(--dm-text-primary)}[data-theme=dark] .action-card .action-description{color:var(--dm-text-secondary)}[data-theme=dark] .workout-display{background:var(--dm-bg-card)}[data-theme=dark] .jump-counter{color:var(--dm-text-primary)}[data-theme=dark] .workout-stat-label{color:var(--dm-text-secondary)}[data-theme=dark] .workout-stat-value{color:var(--dm-text-primary)}[data-theme=dark] .progress-container{background:var(--dm-bg-elevated)}[data-theme=dark] .modal{background:rgba(0,0,0,.8)}[data-theme=dark] .modal-content{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .modal-header{border-bottom-color:var(--dm-border);color:var(--dm-text-primary)}[data-theme=dark] .modal-body{color:var(--dm-text-primary)}[data-theme=dark] .modal-footer{border-top-color:var(--dm-border)}[data-theme=dark] .leaderboard-item{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .leaderboard-item:hover{background:var(--dm-hover-bg)}[data-theme=dark] .leaderboard-rank{color:var(--dm-text-muted)}[data-theme=dark] .leaderboard-name{color:var(--dm-text-primary)}[data-theme=dark] .leaderboard-score{color:var(--color-cyan-light)}[data-theme=dark] .activity-item,[data-theme=dark] .feed-item{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .feed-author{color:var(--dm-text-primary)}[data-theme=dark] .feed-time{color:var(--dm-text-muted)}[data-theme=dark] .feed-content{color:var(--dm-text-secondary)}[data-theme=dark] .vs-player-card{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .challenge-header,[data-theme=dark] .vs-player-name,[data-theme=dark] .vs-player-score{color:var(--dm-text-primary)}[data-theme=dark] .challenge-description,[data-theme=dark] .challenge-progress-text{color:var(--dm-text-secondary)}[data-theme=dark] .settings-section{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .settings-section h3{color:var(--dm-text-primary)}[data-theme=dark] .setting-item{border-bottom-color:var(--dm-border)}[data-theme=dark] .setting-label{color:var(--dm-text-primary)}[data-theme=dark] .setting-description{color:var(--dm-text-secondary)}[data-theme=dark] .form-group label{color:var(--dm-text-primary)}[data-theme=dark] .form-control{background:var(--dm-input-bg);border-color:var(--dm-border);color:var(--dm-text-primary)}[data-theme=dark] .form-control:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px rgba(0,188,212,.3)}[data-theme=dark] .form-control::placeholder{color:var(--dm-text-muted)}[data-theme=dark] .form-text,[data-theme=dark] .help-text{color:var(--dm-text-secondary)}[data-theme=dark] .tabs{border-bottom-color:var(--dm-border)}[data-theme=dark] .tab{color:var(--dm-text-secondary)}[data-theme=dark] .tab:hover{color:var(--dm-text-primary)}[data-theme=dark] .tab.active{border-bottom-color:var(--color-cyan-light);color:var(--color-cyan-light)}[data-theme=dark] .badge-outline{border-color:var(--dm-border);color:var(--dm-text-secondary)}[data-theme=dark] .empty-state{color:var(--dm-text-secondary)}[data-theme=dark] .empty-state h3{color:var(--dm-text-primary)}[data-theme=dark] .list-item{border-bottom-color:var(--dm-border)}[data-theme=dark] .list-item:hover{background:var(--dm-hover-bg)}[data-theme=dark] .divider,[data-theme=dark] hr{border-color:var(--dm-border)}[data-theme=dark] .skeleton{background:var(--dm-bg-elevated)}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}[data-theme=dark] .toast{background:var(--dm-bg-card);border-color:var(--dm-border);color:var(--dm-text-primary)}[data-theme=dark] footer{background:var(--dm-bg-card);border-top-color:var(--dm-border);color:var(--dm-text-secondary)}[data-theme=dark] footer a{color:var(--color-cyan-light)}[data-theme=dark] .section-header{color:var(--dm-text-primary)}[data-theme=dark] .section-subtitle{color:var(--dm-text-secondary)}[data-theme=dark] .welcome-title{color:var(--dm-text-primary)}[data-theme=dark] .welcome-subtitle{color:var(--dm-text-secondary)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--dm-text-primary)}[data-theme=dark] p{color:var(--dm-text-secondary)}[data-theme=dark] b,[data-theme=dark] strong{color:var(--dm-text-primary)}[data-theme=dark] code,[data-theme=dark] pre{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--color-cyan-light)}[data-theme=dark] blockquote{background:var(--dm-bg-elevated);border-left-color:var(--color-cyan);color:var(--dm-text-secondary)}[data-theme=dark] .stats-card-hero{background:var(--dm-bg-card);box-shadow:0 0 0 8px #0a0a0a,0 0 0 10px #222,0 25px 50px rgba(0,0,0,.5)}[data-theme=dark] .stats-card-hero:before{background:#0a0a0a}[data-theme=dark] .stats-card-hero:after{background:var(--dm-border)}[data-theme=dark] .counter-value{color:var(--color-cyan-light)}[data-theme=dark] .counter-label{color:var(--dm-text-secondary)}[data-theme=dark] .ring-bg{stroke:var(--dm-bg-elevated)}[data-theme=dark] .stat-pill{background:var(--dm-bg-elevated)}[data-theme=dark] .stat-pill-value{color:var(--dm-text-primary)}[data-theme=dark] .stat-pill-label{color:var(--dm-text-secondary)}[data-theme=dark] .btn-start-hero{box-shadow:0 4px 16px rgba(77,208,208,.2)}[data-theme=dark] .status-indicator{color:var(--dm-text-secondary)}[data-theme=dark] .feature-card-mini{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .feature-card-mini:hover{background:var(--dm-bg-elevated);border-color:var(--color-cyan)}[data-theme=dark] .feature-card-mini h3{color:var(--dm-text-primary)}[data-theme=dark] .feature-card-mini p{color:var(--dm-text-secondary)}[data-theme=dark] .feature-icon-circle{background:var(--dm-bg-elevated)}[data-theme=dark] .features-heading{color:var(--dm-text-primary)}.hero-title-gradient{background:linear-gradient(135deg,#00d9c0,#00b8d4 30%,#667eea 70%,#764ba2);-webkit-background-clip:text;font-size:clamp(2.25rem,10vw,5rem);font-weight:900;line-height:1.05;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;padding:0 1rem}.home-section-badge{background:linear-gradient(135deg,rgba(0,217,192,.1),rgba(102,126,234,.1));border-radius:50px;color:var(--color-teal-bright,#00d9c0);display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.home-section-title{color:var(--color-text-primary);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.75rem}.home-section-subtitle{color:var(--color-text-secondary);font-size:1.125rem;margin:0 auto 2rem;max-width:600px}.home-features-section{padding:4rem 1.5rem;text-align:center}.home-features-header{margin-bottom:2rem}.home-features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.home-feature-card{background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e5e5);border-radius:16px;padding:1.5rem;text-align:left;text-decoration:none;transition:all .3s ease}.home-feature-card:hover{border-color:var(--color-teal-bright);box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-4px)}.home-feature-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.home-feature-card h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.home-feature-card p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.home-pricing-section{background:linear-gradient(180deg,rgba(0,217,192,.03),transparent);padding:4rem 1.5rem;text-align:center}.home-pricing-header{margin-bottom:2rem}.home-pricing-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:700px}.home-pricing-card{background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e5e5);border-radius:20px;padding:2rem;position:relative;text-align:left}.home-pricing-featured{border:2px solid var(--color-teal-bright,#00d9c0);box-shadow:0 8px 30px rgba(0,217,192,.15)}.home-pricing-badge{background:linear-gradient(135deg,#00d9c0,#00b8a3);border-radius:50px;color:#fff;font-size:.75rem;font-weight:700;left:50%;padding:.375rem 1rem;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.home-stats-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 1.5rem}.home-stats-grid{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:800px;text-align:center}.home-stat-item{color:#fff}.home-stat-number{display:block;font-size:2rem;font-weight:800;margin-bottom:.25rem}.home-stat-label{font-size:.875rem;opacity:.9}.home-cta-section{padding:4rem 1.5rem;text-align:center}.home-cta-content .home-section-subtitle{margin-bottom:2rem}.home-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.home-btn-primary{align-items:center;background:linear-gradient(135deg,#00d9c0,#00b8a3);border-radius:50px;color:#fff;display:inline-flex;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s}.home-btn-primary:hover{box-shadow:0 8px 25px rgba(0,217,192,.4);transform:translateY(-2px)}.home-btn-outline{align-items:center;background:transparent;border:2px solid var(--color-border,#e5e5e5);border-radius:50px;color:var(--color-text-primary);display:inline-flex;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s}.home-btn-outline:hover{border-color:var(--color-teal-bright);color:var(--color-teal-bright)}@media (max-width:768px){.home-section-title{font-size:1.5rem}.home-features-grid,.home-pricing-grid{grid-template-columns:1fr}.home-stats-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.home-stat-number{font-size:1.5rem}.home-cta-buttons{align-items:center;flex-direction:column}}[data-theme=dark] .home-feature-card{background:var(--color-bg-secondary,#1e1e1e);border-color:var(--dm-border,#333)}[data-theme=dark] .home-feature-card h3{color:var(--dm-text-primary,#f1f5f9)}[data-theme=dark] .home-feature-card p{color:var(--dm-text-secondary,#94a3b8)}[data-theme=dark] .home-pricing-card{background:var(--color-bg-secondary,#1e1e1e);border-color:var(--dm-border,#333)}[data-theme=dark] .home-section-title{color:var(--dm-text-primary,#f1f5f9)}[data-theme=dark] .home-section-subtitle{color:var(--dm-text-secondary,#94a3b8)}.animal-card .animal-widget{display:flex;flex-direction:column;gap:var(--spacing-md,12px)}.animal-widget-top{align-items:center;display:flex;gap:var(--spacing-md,12px)}.animal-avatar-wrapper{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.animal-avatar-img{height:48px;object-fit:contain;width:48px}.animal-widget-info{flex:1}.animal-name{color:var(--color-text-primary);font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-bold,700);margin-bottom:2px}.animal-tier{border-radius:10px;display:inline-block;font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-semibold,600);margin-bottom:4px;padding:2px 8px;text-transform:uppercase}.animal-tier.tier-common{background:#e8e8e8;color:#666}.animal-tier.tier-rare{background:#e3f2fd;color:#1565c0}.animal-tier.tier-epic{background:#f3e5f5;color:#7b1fa2}.animal-tier.tier-legendary{background:#fff8e1;color:#f57c00}.animal-tier.tier-mythic{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#d84315}.animal-level{color:var(--color-text-secondary);font-size:var(--font-size-sm,.875rem)}.animal-energy-section{padding:var(--spacing-sm,8px) 0}.energy-label{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs,.75rem);justify-content:space-between;margin-bottom:4px}.energy-bar{background:var(--color-gray-light,#e5e5e5);border-radius:4px;height:8px;overflow:hidden}.energy-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;height:100%;transition:width .3s ease}.unlock-next{align-items:center;background:var(--color-bg-secondary,#f5f5f5);border-radius:8px;display:flex;font-size:var(--font-size-sm,.875rem);gap:6px;padding:var(--spacing-sm,8px)}.unlock-label{color:var(--color-text-secondary)}.unlock-name{color:var(--color-text-primary)}.unlock-name,.unlock-progress{font-weight:var(--font-weight-semibold,600)}.unlock-progress{color:var(--color-teal-bright,#00d9c0);margin-left:auto}.animal-action-btn{margin-top:var(--spacing-xs,4px);text-align:center;width:100%}.loading-state{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg,24px)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-gray-light,#e5e5e5);border-radius:50%;border-top-color:var(--color-teal-bright,#00d9c0);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}[data-theme=dark] .animal-avatar-wrapper{background:linear-gradient(135deg,#1b5e20,#2e7d32)}[data-theme=dark] .animal-tier.tier-common{background:#424242;color:#bdbdbd}[data-theme=dark] .unlock-next{background:var(--dm-bg-elevated,#2d2d2d)}[data-theme=dark] .energy-bar{background:var(--dm-bg-elevated,#333)}.unlock-next-visual{align-items:center;background:var(--color-bg-secondary,#f5f5f5);border-radius:8px;display:flex;gap:10px;margin-top:var(--spacing-xs,4px);padding:var(--spacing-sm,8px)}.next-animal-preview{align-items:center;background:rgba(0,0,0,.1);border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.next-animal-info{flex:1;min-width:0}.next-label{color:var(--color-text-secondary);font-size:var(--font-size-xs,.75rem);margin-bottom:4px}.next-progress-bar{background:var(--color-gray-light,#e5e5e5);border-radius:3px;height:6px;margin-bottom:2px;overflow:hidden}.next-progress-fill{background:linear-gradient(90deg,#9ca3af,#6b7280);border-radius:3px;height:100%;transition:width .3s ease}.next-progress-text{color:var(--color-text-secondary);font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-semibold,600)}[data-theme=dark] .unlock-next-visual{background:var(--dm-bg-elevated,#2d2d2d)}[data-theme=dark] .next-animal-preview{background:hsla(0,0%,100%,.1)}[data-theme=dark] .next-progress-bar{background:var(--dm-bg-elevated,#333)}.animal-collection{color:var(--color-text-secondary);font-size:var(--font-size-xs,.75rem);margin-top:2px}.next-unlock-section{background:linear-gradient(135deg,rgba(0,217,192,.08),rgba(0,184,163,.08));border:1px solid rgba(0,217,192,.2);border-radius:10px;padding:var(--spacing-sm,10px) var(--spacing-md,12px)}.next-unlock-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.next-unlock-label{color:var(--color-text-secondary);font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;text-transform:uppercase}.next-unlock-jumps{color:var(--color-teal-bright,#00d9c0);font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-bold,700)}.next-unlock-row{align-items:center;display:flex;gap:10px}.next-animal-silhouette{align-items:center;background:rgba(0,0,0,.05);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.next-unlock-progress{flex:1;min-width:0}.next-unlock-progress .next-progress-bar{background:rgba(0,0,0,.08);border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.next-unlock-progress .next-progress-fill{background:linear-gradient(90deg,#00d9c0,#00b8a3);border-radius:4px;height:100%;transition:width .3s ease}.next-progress-stats{color:var(--color-text-secondary);font-size:var(--font-size-xs,.75rem);text-align:right}.all-unlocked-badge{align-items:center;background:linear-gradient(135deg,gold,#ffb800);border-radius:8px;color:#5d4e00;display:flex;font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-bold,700);gap:6px;justify-content:center;padding:8px 12px;text-align:center}[data-theme=dark] .next-unlock-section{background:linear-gradient(135deg,rgba(0,217,192,.1),rgba(0,184,163,.1));border-color:rgba(0,217,192,.3)}[data-theme=dark] .next-animal-silhouette,[data-theme=dark] .next-unlock-progress .next-progress-bar{background:hsla(0,0%,100%,.1)}.offline-notification{align-items:center;animation:slideUp .3s ease;border-radius:var(--radius-lg,12px);bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;gap:12px;left:50%;max-width:90vw;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:10000}.offline-notification-info{background:var(--color-primary,#00d9c0);color:#fff}.offline-notification-warning{background:#f59e0b;color:#fff}.offline-notification-success{background:#10b981;color:#fff}.offline-notification-error{background:#ef4444;color:#fff}.offline-notification button{background:transparent;border:none;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1;opacity:.8;padding:0}.offline-notification button:hover{opacity:1}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.offline-indicator{animation:pulse 2s infinite;background:#f59e0b;border-radius:var(--radius-sm,6px);color:#fff;display:none;font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-semibold,600);padding:4px 8px}body.is-offline .offline-indicator{display:inline-flex}.sync-badge{background:#f59e0b;border-radius:9px;color:#fff;display:none;font-size:11px;font-weight:700;height:18px;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.update-notification{animation:slideDown .3s ease;background:linear-gradient(135deg,#00d9c0,#00b8a3);color:#fff;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:10001}.update-notification-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 auto;max-width:800px}.update-notification button{border:none;border-radius:var(--radius-md,8px);cursor:pointer;font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-semibold,600);padding:6px 16px}.update-notification button:first-of-type{background:#fff;color:#00d9c0}.update-notification button:last-of-type{background:transparent;border:1px solid hsla(0,0%,100%,.5);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .offline-notification-info{background:var(--color-primary-dark,#00b8a3)}