@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--space-2xs:4px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-xxl:64px;--bg-deep:#070b16;--bg-main:#0c1222;--surface-1:#151d31;--surface-2:#1e2942;--surface-3:#29375a;--surface-hover:#38487045;--primary:#5b4bf5;--primary-light:#8479ff;--primary-dark:#3a2dbf;--primary-glow:#5b4bf559;--accent:#0fb9a6;--accent-light:#2de0c8;--accent-glow:#0fb9a647;--text-primary:#f4f7ff;--text-secondary:#a5afc9;--text-muted:#6e7893;--success:#10b981;--warning:#f59e0b;--danger:#f43f5e;--danger-glow:#f43f5e4d;--grad-primary:linear-gradient(135deg, #8479ff 0%, #5b4bf5 55%, #0fb9a6 100%);--grad-heat:linear-gradient(135deg, #f59e0b 0%, #f43f5e 100%);--grad-cool:linear-gradient(135deg, #2de0c8 0%, #3b82f6 100%);--grad-surface:linear-gradient(160deg, #ffffff0f, #ffffff04);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 10px 24px -12px #000000b3;--shadow-lg:0 24px 56px -20px #000000d9;--shadow-glow:0 12px 40px -16px var(--primary-glow);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--tap:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% -8%,#5b4bf538,#0000 45%),radial-gradient(circle at 92% 8%,#0fb9a626,#0000 42%),radial-gradient(circle at 50% 108%,#5b4bf51f,#0000 55%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,Inter,sans-serif;font-weight:700;line-height:1.2}h1{margin-bottom:var(--space-sm);font-size:clamp(1.75rem,5vw,2.25rem)}h2{margin-bottom:var(--space-xs);font-size:clamp(1.35rem,4.2vw,1.75rem)}h3{margin-bottom:var(--space-xs);font-size:clamp(1.1rem,3.4vw,1.25rem)}p{color:var(--text-secondary);margin-bottom:var(--space-sm)}.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.container{max-width:1200px;padding:var(--space-md);padding-left:max(var(--space-md), var(--safe-l));padding-right:max(var(--space-md), var(--safe-r));width:100%;margin:0 auto}.page{background-color:#0000;flex-direction:column;min-height:100dvh;display:flex}.animated-bg,.orb{display:none}.glass{background:var(--surface-1);background-image:var(--grad-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);border:1px solid #ffffff12;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}@media (hover:hover) and (pointer:fine){.glass:hover{box-shadow:var(--shadow-lg);border-color:#ffffff29;transform:translateY(-3px)}}.glass-solid{background:var(--surface-1);background-image:var(--grad-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid #ffffff12}.glass-accent{background:var(--surface-1);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-glow)}.glass-topline:before{content:"";top:0;left:var(--radius-lg);right:var(--radius-lg);background:var(--grad-primary);opacity:.7;height:1px;position:absolute}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--tap);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:1px solid #0000;outline:none;padding:11px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .12s,background-color .15s,box-shadow .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px var(--primary-glow)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-glow);background-size:160% 160%}.btn-secondary{background-color:var(--surface-2);color:var(--text-primary);border-color:#ffffff17}.btn-accent{background:linear-gradient(135deg, var(--accent-light), var(--accent));color:#04211e;box-shadow:0 12px 32px -18px var(--accent-glow)}.btn-ghost{color:var(--text-primary);background-color:#ffffff0a;border-color:#ffffff21}.btn-danger{background:var(--grad-heat);color:#fff}@media (hover:hover) and (pointer:fine){.btn-primary:hover{box-shadow:0 16px 44px -14px var(--primary-glow);background-position:100% 0}.btn-secondary:hover{background-color:var(--surface-3)}.btn-accent:hover{filter:brightness(1.08)}.btn-ghost:hover{background-color:#ffffff1a}.btn-danger:hover{filter:brightness(1.08)}}.btn-lg{border-radius:var(--radius-lg);min-height:52px;padding:15px 28px;font-size:1rem}.btn-icon{width:var(--tap);height:var(--tap);min-height:var(--tap);border-radius:var(--radius-full);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background-color:#ffffff12;border:1px solid #ffffff1f;justify-content:center;align-items:center;padding:0;display:flex}@media (hover:hover) and (pointer:fine){.btn-icon:hover{background-color:#ffffff24;transform:scale(1.06)}}.input,.input-field{width:100%;min-height:var(--tap);border-radius:var(--radius-md);color:var(--text-primary);background-color:#00000047;border:1px solid #ffffff1f;outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s}.input:focus,.input-field:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:var(--text-muted)}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);background-position:right 16px center,right 11px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{appearance:textfield}.field-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:600;display:block}.divider{align-items:center;gap:var(--space-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-sm) 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background-color:#ffffff14;flex:1;height:1px}.stat-card{border-top:3px solid var(--surface-3);position:relative;overflow:hidden}.stat-card:after{content:"";pointer-events:none;opacity:.5;background:radial-gradient(circle at 0% 0%, var(--stat-tint,transparent), transparent 62%);position:absolute;inset:0}.stat-card.stat-purple{border-top-color:var(--primary);--stat-tint:#5b4bf547}.stat-card.stat-green{border-top-color:var(--accent);--stat-tint:#0fb9a63d}.stat-card.stat-pink{border-top-color:var(--danger);--stat-tint:#f43f5e3d}.stat-card.stat-orange{border-top-color:var(--warning);--stat-tint:#f59e0b3d}.stat-value{font-variant-numeric:tabular-nums;font-family:Outfit,sans-serif;font-size:clamp(1.35rem,4.6vw,1.6rem);font-weight:800;line-height:1.1}.badge-card{align-items:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-xs);text-align:center;border-radius:var(--radius-md);background-color:var(--surface-1);border:1px solid #ffffff12;flex-direction:column;transition:transform .2s,border-color .2s;display:flex}@media (hover:hover) and (pointer:fine){.badge-card:hover{border-color:#ffffff2e;transform:translateY(-3px)}}.badge-card.unlocked{box-shadow:0 10px 30px -20px var(--primary-glow);background-image:linear-gradient(160deg,#5b4bf533,#0fb9a60f);border-color:#5b4bf566}.badge-card.locked{opacity:.32;filter:grayscale()}.badge-icon{color:var(--primary-light);font-size:2rem}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle-bg{stroke:#ffffff14;fill:none}.progress-ring__circle{fill:none;stroke-linecap:round;transition:stroke-dashoffset .3s,stroke .6s}.streak-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.streak-cell{aspect-ratio:1;cursor:default;border-radius:5px;min-width:14px;transition:transform .15s}.streak-cell.empty{background-color:#ffffff0f}.streak-cell.level-1{background-color:#5b4bf559}.streak-cell.level-2{background-color:#5b4bf58c}.streak-cell.level-3{background-color:#5b4bf5cc}.streak-cell.level-4{background:var(--grad-primary);box-shadow:0 0 10px var(--primary-glow)}@media (hover:hover) and (pointer:fine){.streak-cell:hover{z-index:1;transform:scale(1.18)}}.countdown-container{justify-content:center;align-items:center;display:flex;position:relative}.countdown-text{color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;position:absolute}.quote-card{padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 3px);border-radius:var(--radius-md);color:var(--text-secondary);background:linear-gradient(100deg,#5b4bf51f,#ffffff05);font-size:.95rem;font-style:italic;line-height:1.6;position:relative;overflow:hidden}.quote-card:before{content:"";background:var(--grad-primary);width:3px;position:absolute;top:0;bottom:0;left:0}.quote-card .quote-author{margin-top:var(--space-xs);color:var(--primary-light);font-size:.8rem;font-style:normal;font-weight:600;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}.delay-1{opacity:0;animation-delay:50ms}.delay-2{opacity:0;animation-delay:.1s}.delay-3{opacity:0;animation-delay:.15s}.delay-4{opacity:0;animation-delay:.2s}.delay-5{opacity:0;animation-delay:.25s}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:.3}}.skeleton{background-color:var(--surface-2);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeletonPulse}.avatar{border-radius:var(--radius-full);object-fit:cover;width:46px;height:46px;box-shadow:var(--shadow-glow);border:1.5px solid #ffffff2e;flex-shrink:0}.avatar-lg{border-radius:var(--radius-full);border:2px solid var(--primary-light);object-fit:cover;width:60px;height:60px}.workout-shell{isolation:isolate;background-color:var(--phase,var(--bg-deep));flex-direction:column;justify-content:center;align-items:center;transition:background-color .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden}.phase-field{z-index:-1;pointer-events:none;background:radial-gradient(85% 60% at 50% 40%,#ffffff29,#0000 70%),radial-gradient(120% 110%,#0000 25%,#00000080 100%);position:absolute;inset:0}@keyframes phaseBreathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.workout-shell.is-active .phase-field{animation:1.8s ease-in-out infinite phaseBreathe}@keyframes phaseFlash{0%{opacity:.5}to{opacity:0}}.phase-flash{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#ffffff80,#0000 60%);animation:.45s ease-out forwards phaseFlash;position:absolute;inset:0}.workout-card{z-index:5;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px)saturate(1.15);background:#060a1657;border:1px solid #ffffff29;flex-direction:column;align-items:center;width:100%;max-width:560px;padding:clamp(20px,5vw,36px);display:flex;position:relative;box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff1a}.workout-phase{text-transform:uppercase;letter-spacing:.01em;text-align:center;text-shadow:0 4px 24px #0000008c;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-family:Outfit,sans-serif;font-size:clamp(2.4rem,11vw,4.5rem);font-weight:800;line-height:1}.workout-sub{color:#ffffffd1;text-align:center;margin-top:var(--space-xs);text-shadow:0 2px 10px #00000080;font-size:clamp(.9rem,3.4vw,1.05rem);font-weight:500}.workout-primary-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);touch-action:manipulation;background:#ffffff29;border:1.5px solid #ffffff57;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .12s,background-color .15s;display:flex}.workout-primary-btn:active{background:#ffffff42;transform:scale(.94)}.workout-rail{z-index:10;align-items:center;gap:var(--space-xs);padding:0 max(var(--space-sm), var(--safe-l)) 0 max(var(--space-sm), var(--safe-r));display:flex;position:absolute;left:0;right:0}.workout-rail-top{top:calc(var(--safe-t) + 14px);justify-content:space-between}.workout-rail-bottom{bottom:calc(var(--safe-b) + 14px);flex-direction:column;justify-content:center}.exercise-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:2px solid #ffffff2e}.pill{border-radius:var(--radius-full);letter-spacing:.02em;color:var(--text-secondary);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:5px 11px;font-size:.72rem;font-weight:600;display:inline-flex}.pill-live{color:var(--accent-light);background:#0fb9a629;border-color:#0fb9a666}.pill-warn{color:var(--warning);background:#f59e0b24;border-color:#f59e0b61}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full);border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}.grid-stats{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.grid-routines{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(270px,1fr));display:grid}.grid-badges{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;display:grid}.grid-analytics{gap:var(--space-md);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.grid-settings{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grid-summary{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-feedback{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.summary-figure{align-items:center;gap:12px;min-width:0;display:flex}.summary-figure>div{min-width:0}.summary-value{white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:clamp(1.05rem,4.5vw,1.3rem);font-weight:700;line-height:1.2;overflow:hidden}.summary-label{color:var(--text-muted);font-size:.72rem}.feedback-btn{text-align:center;min-height:76px;color:var(--text-secondary);background-color:#ffffff08;border:1px solid #ffffff14;flex-direction:column;gap:6px;padding:14px 6px;font-size:.76rem;line-height:1.2}.feedback-btn.is-picked{background-color:rgba(var(--fb-rgb,91, 75, 245), .14);border-color:var(--fb,var(--primary));color:var(--fb,var(--primary-light))}.builder-row{padding:var(--space-sm);align-items:center;gap:12px;display:flex}.builder-fields{flex:1;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px;min-width:0;display:grid}.builder-move{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.builder-move-btn{width:30px;height:26px;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.builder-move-btn:disabled{opacity:.3;cursor:default}.builder-move-btn:not(:disabled):active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.builder-move-btn:not(:disabled):hover{color:var(--text-primary);background-color:#ffffff21}}.builder-handle{color:var(--text-muted);cursor:grab;flex-shrink:0}.builder-handle:active{cursor:grabbing}@media (width<=900px){.grid-analytics{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.container,.glass,.glass-solid{padding:var(--space-sm)}.grid-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-badges{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.builder-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-fields>:first-child{grid-column:1/-1}.builder-row{gap:8px}}@media (width<=480px){.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-stats>.stat-hero{grid-area:auto/1/auto/-1}.grid-summary{grid-template-columns:minmax(0,1fr)}h1{margin-bottom:var(--space-xs)}}@media (hover:none) and (pointer:coarse){.only-pointer{display:none!important}}@media (hover:hover) and (pointer:fine){.only-touch{display:none!important}}@media (height<=480px) and (orientation:landscape){.workout-card{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;padding:12px}.workout-phase{font-size:clamp(1.8rem,7vh,2.6rem)}.workout-primary-btn{width:58px;height:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.delay-1,.delay-2,.delay-3,.delay-4,.delay-5{opacity:1}.workout-shell.is-active .phase-field{opacity:.85;animation:none}}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}
