body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.start-container{align-items:center;background:linear-gradient(135deg,#fff5f5,#fff9e6);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.start-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fee2e2;border-radius:24px;box-shadow:0 4px 24px #dc26260a;max-width:500px;padding:48px 32px;position:relative;text-align:center;width:100%;z-index:2}.start-logo{margin-bottom:40px}.emoji-container{display:inline-block;height:100px;position:relative;width:100px}.logo-icon .emoji{animation:float 3s ease-in-out infinite;display:block;font-size:80px;position:relative;z-index:2}.logo-icon.animate .emoji{animation:float 3s ease-in-out infinite,rotate 20s linear infinite}.emoji-bg{animation:pulse 4s ease-in-out infinite;background:linear-gradient(45deg,#dc2626,#fbbf24);border-radius:50%;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:1}.start-logo h1{animation:fadeInUp .8s ease-out;color:#1a1a1a;font-size:36px;font-weight:600;letter-spacing:-.5px;margin:24px 0 0}.tagline{animation:fadeInUp .8s ease-out .2s both;color:#666;font-size:18px;font-weight:400;margin-bottom:16px}.description{animation:fadeInUp .8s ease-out .4s both;color:#888;font-size:16px;line-height:1.6;margin-bottom:48px}.start-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:48px 0}.feature{animation:fadeInUp .8s ease-out .6s both;background:#f8f9fa;border-radius:16px;padding:24px 16px;transition:all .3s ease}.feature:hover{background:#fff5f5;box-shadow:0 8px 24px #dc262614;transform:translateY(-6px) scale(1.02)}.feature:nth-child(2){animation-delay:.7s}.feature:nth-child(3){animation-delay:.8s}.feature-icon{align-items:center;display:flex;font-size:32px;height:60px;justify-content:center;margin-bottom:16px}.animated-emoji{display:inline-block;font-size:36px}.animated-emoji.stats{animation:bounce 2s ease-in-out infinite;color:#dc2626}.animated-emoji.target{animation:spin 3s linear infinite;color:#fbbf24}.animated-emoji.heart{animation:heartbeat 1.5s ease-in-out infinite;color:#dc2626}.feature h3{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.feature p{color:#666;font-size:14px;line-height:1.4;margin:0}.start-button{animation:fadeInUp .8s ease-out 1s both;background:#dc2626;border-radius:16px;color:#fff;font-size:18px;font-weight:500;margin:16px 0 32px;overflow:hidden;padding:20px 32px;position:relative;transition:all .3s ease}.start-button:hover{background:#b91c1c;box-shadow:0 12px 32px #dc262633;transform:translateY(-3px)}.start-button:active{transform:translateY(-1px)}.start-button:after{background:#fbbf2480;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.start-button:focus:not(:active):after{animation:ripple 1s ease-out}.login-prompt{animation:fadeInUp .8s ease-out 1.2s both;color:#666;font-size:16px;margin:0}.login-link{color:#dc2626;cursor:pointer;font-weight:500;position:relative;text-decoration:none;transition:color .2s}.login-link:hover{color:#b91c1c}.login-link:after{background:#dc2626;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.login-link:hover:after{width:100%}.background-emojis{height:100%;left:0;top:0;width:100%;z-index:1}.floating-emoji{animation:floatAround 20s linear infinite;font-size:32px;opacity:.08}.floating-emoji:first-child{animation-delay:0s}.floating-emoji:nth-child(2){animation-delay:2s;animation-duration:25s;right:10%;top:20%}.floating-emoji:nth-child(3){animation-delay:4s;animation-duration:22s;bottom:30%;left:15%}.floating-emoji:nth-child(4){animation-delay:6s;animation-duration:28s;bottom:15%;right:5%}.floating-emoji:nth-child(5){animation-delay:8s;font-size:36px;left:20%;top:40%}.floating-emoji:nth-child(6){animation-delay:10s;bottom:40%;right:20%}.floating-emoji:nth-child(7){animation-delay:12s;font-size:28px;left:10%}.floating-emoji:nth-child(8){animation-delay:14s;animation-duration:30s;right:25%;top:15%}@keyframes floatAround{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-30px) translateX(30px) rotate(90deg)}50%{transform:translateY(0) translateX(60px) rotate(180deg)}75%{transform:translateY(30px) translateX(30px) rotate(270deg)}to{transform:translateY(0) translateX(0) rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.15;transform:scale(1.15)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(40)}}@media (min-width:1440px){.start-content{max-width:600px;padding:64px 48px}.start-logo h1{font-size:42px}.tagline{font-size:20px}.description{font-size:18px;margin-bottom:56px}.start-features{gap:32px;margin:56px 0}.feature{padding:32px 20px}.feature-icon{font-size:40px;height:72px}.animated-emoji{font-size:44px}.feature h3{font-size:18px}.feature p{font-size:15px}.start-button{font-size:20px;margin:20px 0 40px;padding:24px 40px}.login-prompt{font-size:18px}.floating-emoji{font-size:40px}}@media (min-width:1024px) and (max-width:1439px){.start-content{max-width:550px;padding:56px 40px}.start-logo h1{font-size:40px}.start-features{gap:28px}.feature{padding:28px 20px}.feature-icon{height:64px}}@media (min-width:768px) and (max-width:1023px){.start-content{max-width:500px;padding:48px 32px}.start-features{gap:20px}}@media (max-width:767px){.start-content{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:20px;max-width:400px;padding:40px 24px}.emoji-container{height:80px;width:80px}.logo-icon .emoji{font-size:64px}.start-logo h1{font-size:32px;margin-top:20px}.tagline{font-size:16px}.description{font-size:15px;margin-bottom:40px}.start-features{gap:16px;grid-template-columns:1fr;margin:40px 0}.feature{padding:20px 16px}.feature-icon{font-size:28px;height:48px}.animated-emoji{font-size:32px}.feature h3{font-size:15px}.feature p{font-size:13px}.start-button{font-size:16px;margin:12px 0 28px;padding:18px 24px}.login-prompt{font-size:15px}.background-emojis{display:none}}@media (max-width:480px){.start-container{padding:16px}.start-content{max-width:100%;padding:32px 20px}.emoji-container{height:70px;width:70px}.logo-icon .emoji{font-size:56px}.start-logo h1{font-size:28px;margin-top:16px}.tagline{font-size:15px}.description{font-size:14px;margin-bottom:32px}.feature{padding:16px 12px}.feature-icon{font-size:24px;height:40px}.animated-emoji{font-size:28px}.feature h3{font-size:14px}.feature p{font-size:12px}.start-button{font-size:15px;padding:16px 20px}}@media (prefers-reduced-motion:reduce){.animated-emoji.heart,.animated-emoji.stats,.animated-emoji.target,.description,.feature,.floating-emoji,.login-prompt,.logo-icon .emoji,.logo-icon.animate .emoji,.start-button,.start-logo h1,.tagline{animation:none!important;transition:none!important}.feature:hover{transform:none!important}.emoji-bg{animation:none!important}}:root{--bg:#0b0f19;--card:#131a2a;--card-light:#1a2235;--border:#ffffff0f;--text:#f5f7ff;--text-secondary:#9ca7c2;--yellow-hover:#ffda6b;--shadow:0 10px 30px #00000059;--radius:24px;--transition:0.25s ease}body{background:radial-gradient(circle at top left,#8b5cf626,#0000 30%),radial-gradient(circle at top right,#00d2ff1f,#0000 25%),#0b0f19;background:radial-gradient(circle at top left,#8b5cf626,#0000 30%),radial-gradient(circle at top right,#00d2ff1f,#0000 25%),var(--bg);color:#f5f7ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}.homepage{min-height:100vh;padding-bottom:120px}.homepage-content{margin:0 auto;max-width:1300px;padding:32px 24px 0;width:100%}.welcome-section{margin-bottom:28px}.welcome-section h1{font-size:42px;font-weight:800;letter-spacing:-1px;margin:0}.welcome-section p{color:#9ca7c2;color:var(--text-secondary);font-size:16px;margin-top:10px}.shock-mode-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffc83d2e,#ffffff0a);border:1px solid #ffc83d26;border-radius:30px;box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);margin:24px;padding:26px}.shock-mode-content{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.shock-mode-icon{align-items:center;background:linear-gradient(135deg,#ffc83d,#ff9f1a);border-radius:28px;box-shadow:0 10px 35px #ffc83d66;color:#000;display:flex;font-size:48px;height:90px;justify-content:center;width:90px}.shock-mode-info h3{font-size:30px;font-weight:800;margin:0}.shock-mode-info p{color:#9ca7c2;color:var(--text-secondary);font-size:15px;margin-top:10px}.shock-mode-stats{gap:18px}.shock-mode-stats,.shock-stat{align-items:center;display:flex}.shock-stat{background:#ffffff0a;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;flex-direction:column;min-width:110px;padding:18px 22px}.stat-value2{font-size:28px;font-weight:800}.stat-label2{color:#9ca7c2;color:var(--text-secondary);font-size:13px;margin-top:4px}.shock-mode-btn{background:linear-gradient(135deg,#ffc83d,#ff9f1a);background:linear-gradient(135deg,var(--yellow),#ff9f1a);border:none;border-radius:18px;color:#000;cursor:pointer;font-size:15px;font-weight:700;padding:16px 24px;transition:.25s ease;transition:var(--transition)}.shock-mode-btn:hover{box-shadow:0 12px 25px #ffc83d4d;transform:translateY(-3px)}.motivation-section,.quick-actions-section,.recent-results-section,.today-workout-section,.weekly-schedule-section{margin-top:34px}.quick-actions-section h2,.recent-results-section h2,.today-workout-section h2,.weekly-schedule-section h2{font-size:28px;margin-bottom:20px}.day-card,.motivation-card,.quick-action,.recent-result-item,.today-workout-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#131a2aeb;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow)}.today-workout-card{border-left:6px solid #ffc83d;border-left:6px solid var(--yellow);padding:28px;transition:.25s ease;transition:var(--transition)}.today-workout-card:hover{transform:translateY(-4px)}.workout-header{gap:22px}.workout-header,.workout-icon{align-items:center;display:flex}.workout-icon{border-radius:28px;flex-shrink:0;font-size:48px;height:95px;justify-content:center;width:95px}.workout-info h3{font-size:30px;font-weight:800;margin:0}.workout-meta{margin-top:14px}.duration,.intensity-badge,.status{border-radius:14px;font-size:13px;font-weight:700;padding:10px 14px}.duration{background:#ffffff0f}.status.pending{background:#ffc10726;color:#ffd54f}.status.completed{background:#4caf5026;color:#81c784}.intensity-badge{color:#fff}.workout-actions{margin-top:26px}.start-button{border:none;border-radius:18px;cursor:pointer;font-size:17px;font-weight:800;padding:18px;transition:.25s ease;transition:var(--transition);width:100%}.start-button:hover{transform:translateY(-2px)}.section-header{gap:20px;margin-bottom:20px}.schedule-actions{display:flex;gap:12px}.edit-schedule-btn,.view-all{background:#ffffff0f;border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:700;padding:14px 18px;transition:.25s ease;transition:var(--transition)}.edit-schedule-btn:hover,.view-all:hover{background:#ffffff1f}.weekly-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.day-card{overflow:hidden;padding:22px;position:relative;transition:.25s ease;transition:var(--transition)}.day-card:hover{transform:translateY(-4px)}.day-icon{font-size:46px;margin-bottom:16px}.day-info h4{font-size:18px;font-weight:800;margin:0}.day-name{color:#9ca7c2;color:var(--text-secondary);margin-top:8px}.workout-duration{font-weight:700;margin-top:8px}.status-badge-wrapper{margin-top:14px}.status-badge-custom{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;padding:8px 14px}.day-status{position:absolute;right:18px;top:18px}.status-icon{font-size:22px;font-weight:700}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-action{cursor:pointer;padding:28px;transition:.25s ease;transition:var(--transition)}.quick-action:hover{border-color:#ffc83d33;transform:translateY(-5px)}.action-icon{font-size:52px;margin-bottom:18px}.quick-action h4{font-size:22px;font-weight:800;margin:0}.quick-action p{color:#9ca7c2;color:var(--text-secondary);margin-top:8px}.motivation-card{align-items:center;background:linear-gradient(135deg,#ffc10726,#ffffff08);display:flex;gap:24px;padding:28px}.motivation-icon{font-size:58px}.motivation-content h3{font-size:26px;font-weight:800;margin:0}.motivation-content p{color:#9ca7c2;color:var(--text-secondary);line-height:1.6;margin-top:10px}.recent-results-list{display:flex;flex-direction:column;gap:16px}.recent-result-item{align-items:center;display:flex;justify-content:space-between;padding:20px;transition:.25s ease;transition:var(--transition)}.recent-result-item:hover{transform:translateY(-2px)}.result-icon{font-size:42px}.result-info h4{font-size:18px;margin:0}.result-info p{color:#9ca7c2;color:var(--text-secondary);margin-top:6px}.result-stats{display:flex;flex-wrap:wrap;gap:12px}.result-calories,.result-duration{background:#ffffff0f;border-radius:14px;font-weight:700;padding:10px 14px}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#131a2ae6;border:1px solid #ffffff14;border-radius:28px;bottom:20px;display:flex;justify-content:space-around;left:50%;max-width:900px;padding:14px 10px;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:999}.nav-item{align-items:center;background:#0000;border:none;border-radius:18px;color:#9ca7c2;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 14px;transition:.25s ease;transition:var(--transition)}.nav-item.active,.nav-item:hover{background:#ffffff14;color:#fff}.nav-icon{font-size:22px}.nav-label{font-size:12px;font-weight:700}.modal-overlay{background:#000000b3;z-index:9999}.modal-content{background:#131a2a;background:var(--card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:30px;max-width:760px;padding:30px;width:95%}.close-modal{font-size:24px}.schedule-edit-item{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.schedule-select,.schedule-select-program{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;color:#fff;flex:1 1;padding:14px 16px}.schedule-select,.schedule-select-program option{background:#1b1d26;color:#fff;padding:10px}.homepage-error,.homepage-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.spinner{border:5px solid #ffffff14;border-top:5px solid var(--yellow);height:70px;width:70px}@media (max-width:1024px){.homepage-content{padding:28px 20px 0}.welcome-section h1{font-size:clamp(2rem,5vw,3rem)}.shock-mode-content{align-items:flex-start;flex-direction:column;gap:24px}.shock-mode-stats{flex-wrap:wrap;width:100%}.quick-actions-grid,.weekly-grid{grid-template-columns:repeat(2,1fr)}.workout-header{align-items:flex-start}.bottom-nav{border-radius:24px;padding:12px 8px;width:calc(100% - 24px)}}@media (max-width:768px){.homepage{padding-bottom:110px}.homepage-content{padding:22px 16px 0}.welcome-section{margin-bottom:22px}.welcome-section h1{font-size:2rem;line-height:1.1}.welcome-section p{font-size:14px}.day-card,.motivation-card,.quick-action,.recent-result-item,.shock-mode-banner,.today-workout-card{border-radius:24px;padding:20px}.motivation-section,.quick-actions-section,.recent-results-section,.today-workout-section,.weekly-schedule-section{margin-top:26px}.quick-actions-section h2,.recent-results-section h2,.today-workout-section h2,.weekly-schedule-section h2{font-size:24px;margin-bottom:16px}.workout-header{align-items:flex-start;flex-direction:column;gap:18px}.workout-icon{border-radius:22px;font-size:38px;height:76px;width:76px}.workout-info h3{font-size:24px}.workout-meta{gap:10px}.quick-actions-grid,.weekly-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:14px}.schedule-actions{width:100%}.edit-schedule-btn,.view-all{align-items:center;display:flex;flex:1 1;justify-content:center}.recent-result-item{align-items:flex-start;flex-direction:column;gap:18px}.result-stats{width:100%}.motivation-card{align-items:flex-start;flex-direction:column}.motivation-icon{font-size:46px}.motivation-content h3{font-size:22px}.bottom-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#131a2ae0;border-radius:22px;bottom:12px;box-shadow:0 10px 35px #00000059;padding:10px 6px;width:calc(100% - 16px)}.nav-item{border-radius:16px;flex:1 1;padding:10px 8px}.nav-icon{font-size:20px}.nav-label{font-size:11px}}@media (max-width:480px){.homepage-content{padding:18px 14px 0}.welcome-section h1{font-size:1.8rem}.shock-mode-banner{margin:10px;padding:18px}.shock-mode-icon{border-radius:22px;font-size:36px;height:72px;width:72px}.shock-mode-info h3{font-size:24px}.shock-stat{flex:1 1;min-width:90px;padding:14px}.stat-value2{font-size:22px}.day-card,.motivation-card,.quick-action,.recent-result-item,.today-workout-card{padding:18px}.quick-action h4{font-size:20px}.bottom-nav{border-radius:20px}}@media (max-width:768px){.quick-actions-section{margin-top:28px}.quick-actions-section h2{font-size:24px;margin-bottom:18px}.quick-actions-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.quick-action{align-items:flex-start;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:20px 16px;transition:transform .25s ease,border-color .25s ease,background .25s ease}.quick-action:hover{background:linear-gradient(145deg,#ffc83d14,#ffffff0a);border-color:#ffc83d40;transform:translateY(-4px)}.action-icon{font-size:42px;margin-bottom:14px}.quick-action h4{font-size:17px;line-height:1.3;margin:0 0 8px}.quick-action p{color:#9ca7c2;color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}}@media (max-width:480px){.quick-actions-grid{gap:12px}.quick-action{border-radius:20px;min-height:165px;padding:18px 14px}.action-icon{font-size:36px}.quick-action h4{font-size:15px}.quick-action p{font-size:12px}}@media (max-width:768px){.weekly-schedule-section{margin-top:30px}.weekly-schedule-section h2{font-size:24px;margin-bottom:18px}.weekly-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.day-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:210px;overflow:hidden;padding:20px 16px;position:relative;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.day-card:before{background:radial-gradient(circle at top right,#ffc83d14,#0000 45%);content:"";inset:0;pointer-events:none;position:absolute}.day-card:hover{background:linear-gradient(145deg,#ffc83d0f,#ffffff0a);border-color:#ffc83d40;box-shadow:0 14px 30px #00000059;transform:translateY(-4px)}.day-icon{font-size:38px;margin-bottom:14px}.day-info h4{font-size:17px;line-height:1.3;margin:0}.day-name{color:#9ca7c2;color:var(--text-secondary);font-size:13px;margin-top:6px}.workout-duration{font-size:13px;font-weight:700;margin-top:10px}.status-badge-wrapper{margin-top:14px}.status-badge-custom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;font-size:11px;font-weight:800;justify-content:center;padding:10px 12px;width:100%}.day-status{right:16px;top:16px}.status-icon{font-size:18px}}@media (max-width:480px){.weekly-grid{gap:12px}.day-card{border-radius:20px;min-height:190px;padding:18px 14px}.day-icon{font-size:34px}.day-info h4{font-size:15px}.day-name,.workout-duration{font-size:12px}.status-badge-custom{font-size:10px;padding:9px 10px}}.programs-page{background:#0f0f14;color:#fff;font-family:Inter,sans-serif;min-height:100vh;padding:20px}.programs-header{align-items:center;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff14;border-radius:30px;box-shadow:0 20px 60px #00000059,inset 0 1px 0 #ffffff0f;display:flex;flex-direction:column;justify-content:center;margin-bottom:26px;overflow:hidden;padding:15px;position:relative;text-align:center}.programs-header:before{background:radial-gradient(circle at top,#667eea2e,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.programs-header:after{background:#4ecdc414;border-radius:50%;content:"";filter:blur(70px);height:220px;position:absolute;right:-80px;top:-80px;width:220px}.programs-header h1{align-items:center;color:#fff;display:flex;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;gap:14px;justify-content:center;letter-spacing:-1px;margin-bottom:14px;text-shadow:0 4px 18px #0006}.programs-header .header-emoji{filter:drop-shadow(0 0 12px rgba(255,255,255,.25)) drop-shadow(0 0 30px rgba(102,126,234,.35));font-size:3.2rem}.programs-header p{color:#ffffffc7;font-size:1.05rem;line-height:1.7;margin:0;max-width:760px}.programs-header .back-button{align-items:center;background:#ffffff14;border:1px solid #ffffff14;border-radius:16px;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .25s ease;width:52px;z-index:5}.programs-header .back-button:hover{background:#ffffff24;box-shadow:0 12px 24px #00000047;transform:translateY(-3px) scale(1.03)}.programs-header .back-arrow{font-size:24px;font-weight:700}@media (max-width:768px){.programs-header{border-radius:24px;padding:20px}.programs-header h1{flex-direction:column;font-size:30px}.programs-header .header-emoji{font-size:2.6rem}.programs-header .back-button{height:46px;right:18px;top:18px;width:46px}}@media (max-width:600px){.header-content h1{font-size:20px}.header-content p{font-size:12px}}.back-button{border-radius:12px;gap:8px;padding:10px 14px;transition:.2s}.back-button:hover{background:#ffffff26}.programs-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.program-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;overflow:hidden;padding:18px;position:relative;transition:.25s ease}.program-card:hover{background:#ffffff17;transform:translateY(-6px)}.program-card.active{border:1px solid #4ecdc4;box-shadow:0 0 20px #4ecdc440}.program-badge{align-items:center;border-radius:12px;display:flex;font-size:20px;height:42px;justify-content:center;margin-bottom:10px;width:42px}.program-header h3{font-size:18px;margin-bottom:6px}.program-description{font-size:13px;margin-bottom:12px;opacity:.7}.program-tags{display:flex;flex-wrap:wrap;gap:8px}.program-tags span{background:#ffffff14;border-radius:999px;font-size:12px;padding:6px 10px}.program-actions{margin-top:14px}.details-btn{background:linear-gradient(135deg,#4ecdc4,#556270);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:.2s;width:100%}.details-btn:hover{opacity:.9;transform:scale(1.02)}.level-filter{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.level-filter h3{color:#ffffffbf;font-size:13px;font-weight:600;letter-spacing:.4px;margin:0 0 6px 2px}.level-buttons{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #00000040;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.level-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.level-btn:hover{background:#ffffff14;transform:translateY(-1px)}.level-btn.active{background:#4ecdc426;border:1px solid #4ecdc473;box-shadow:0 0 14px #4ecdc433;color:#fff}.level-icon{font-size:14px;opacity:.9}.level-label{font-weight:500}@media (max-width:600px){.level-buttons{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.level-buttons::-webkit-scrollbar{display:none}.level-btn{flex:0 0 auto}}.no-results{align-items:center;animation:fadeIn .4s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;margin-top:20px;padding:50px 20px;text-align:center}.no-results-icon{font-size:44px;margin-bottom:12px;opacity:.9}.no-results h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px}.no-results p{color:#ffffffa6;font-size:13px;line-height:1.5;margin:0 0 16px;max-width:420px}.reset-filters{background:#4ecdc41f;border:1px solid #4ecdc466;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.reset-filters:hover{background:#4ecdc438;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.programs-info-bar{display:flex;gap:12px;margin-bottom:20px;opacity:.8}.programs-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#4ecdc4;height:40px;width:40px}.custom-workout-btn{background:linear-gradient(135deg,#ff9800,#ff5722);border:none;border-radius:14px;color:#fff;cursor:pointer;margin-bottom:20px;padding:12px 16px;transition:.2s}.custom-workout-btn:hover{transform:scale(1.05)}.modal-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b8;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:999}.modal-content.large{animation:modalAppear .28s ease;background:linear-gradient(180deg,#1a1a22fa,#121218fa);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff08;max-height:calc(100vh - 40px);max-width:1100px;overflow-y:auto;padding:24px;position:relative;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:100%}.modal-content.large::-webkit-scrollbar{width:8px}.modal-content.large::-webkit-scrollbar-track{background:#0000}.modal-content.large::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.modal-header{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#14141ceb;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;margin:-24px -24px 22px;padding:20px 24px;top:0;z-index:10}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8f2ec);-webkit-background-clip:text;font-size:22px;font-weight:700;margin:0}.close-modal{background:#ffffff14;border-radius:12px;height:40px;line-height:1;transition:all .2s ease;width:40px}.close-modal:hover{background:#ffffff24;transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column;gap:24px}.modal-actions{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#14141cf0;border-top:1px solid #ffffff0f;bottom:-24px;display:flex;gap:12px;justify-content:flex-end;margin:24px -24px -24px;padding:18px 24px;position:-webkit-sticky;position:sticky;z-index:10}.cancel-btn,.save-btn{border:none;border-radius:14px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 18px;transition:all .2s ease}.cancel-btn{background:#ffffff14;color:#ffffffe0}.cancel-btn:hover{background:#ffffff24}.save-btn{background:linear-gradient(135deg,#4ecdc4,#556270);box-shadow:0 10px 24px #4ecdc433;color:#fff}.save-btn:hover{opacity:.95;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:10px}.modal-content.large{border-radius:24px 24px 0 0;max-height:92vh;padding:18px}.modal-header{margin:-18px -18px 18px;padding:16px 18px}.modal-actions{flex-direction:column;margin:20px -18px -18px;padding:16px 18px}.cancel-btn,.save-btn{width:100%}}.workout-name-section{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:hsla(0,0%,100%,.045);border:1px solid #ffffff12;border-radius:20px;box-shadow:0 10px 30px #0000002e,inset 0 1px 0 #ffffff08;display:flex;flex-direction:column;gap:12px;padding:20px}.workout-name-section label{color:#ffffffb8;font-size:13px;font-weight:600;letter-spacing:.3px}.workout-name-input{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;color:#fff;font-size:15px;font-weight:500;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.workout-name-input::placeholder{color:#ffffff59}.workout-name-input:focus{background:#ffffff14;border-color:#4ecdc480;box-shadow:0 0 0 4px #4ecdc41f,0 10px 24px #4ecdc41f}.exercise-filters{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:hsla(0,0%,100%,.045);border:1px solid #ffffff12;border-radius:22px;box-shadow:0 10px 30px #0000002e,inset 0 1px 0 #ffffff08;display:flex;flex-direction:column;gap:18px;padding:22px}.exercise-filters h3{color:#fff;font-size:18px;font-weight:700;margin:0}.filters-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#ffffffa6;font-size:12px;font-weight:600;letter-spacing:.3px}.filter-group input,.filter-group select{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;color:#fff;font-size:14px;font-weight:500;outline:none;padding:13px 14px;transition:all .2s ease;width:100%}.filter-group input::placeholder{color:#ffffff59}.filter-group input:focus,.filter-group select:focus{background:#ffffff14;border-color:#4ecdc473;box-shadow:0 0 0 4px #4ecdc41f,0 10px 24px #4ecdc41f}.filter-group select option{background:#1b1b24;color:#fff}@media (max-width:768px){.exercise-filters,.workout-name-section{border-radius:18px;padding:18px}.filters-row{grid-template-columns:1fr}}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.exercises-grid-custom{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.exercise-item{background:#ffffff0d;border-radius:14px;cursor:pointer;padding:12px;transition:.2s}.exercise-item:hover{transform:translateY(-3px)}.exercise-item.selected{background:#4ecdc41a;border:1px solid #4ecdc4}.program-detail-page{background:radial-gradient(circle at top left,#667eea2e,#0000 30%),radial-gradient(circle at bottom right,#764ba22e,#0000 30%),linear-gradient(135deg,#0f172a,#111827 45%,#1e293b);color:#fff;min-height:100vh;overflow-x:hidden;padding:30px;position:relative}.workout-main{grid-gap:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:28px;box-shadow:0 20px 60px #00000059,inset 0 1px 0 #ffffff0d;display:grid;gap:28px;grid-template-columns:1.2fr 1fr;margin-top:28px;padding:20px}.exercise-gif-container{align-items:center;background:radial-gradient(circle at top,#667eea40,#0000 60%),#0f172acc;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 70px #00000073;display:flex;justify-content:center;min-height:420px;overflow:hidden;position:relative;width:100%}.exercise-gif{height:100%;object-fit:cover;transform:scale(1.02);transition:transform .4s ease;width:100%}.exercise-gif-container:hover .exercise-gif{transform:scale(1.07)}.gif-placeholder{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:12px}.placeholder-icon{font-size:3rem;opacity:.9}.placeholder-text{font-size:1.1rem;font-weight:600}.gif-overlay{background:linear-gradient(0deg,#000000bf,#0000);bottom:0;display:flex;flex-direction:column;gap:6px;left:0;padding:18px 20px;position:absolute;right:0}.exercise-name-large{color:#fff;font-size:1.4rem;font-weight:800}.muscle-group-badge{align-self:flex-start;background:#667eea40;border:1px solid #667eea59;border-radius:999px;color:#c7d2fe;font-size:.85rem;font-weight:600;padding:6px 12px}.exercise-details-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff0a;display:flex;flex-direction:column;justify-content:space-between;padding:22px;transition:all .3s ease}.exercise-details-panel h3{color:#fff;font-size:1.6rem;font-weight:800;margin-bottom:8px}.exercise-details-panel .description{color:#ffffffb3;line-height:1.6;margin-bottom:18px}.stats-grid-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.stat-item-compact{align-items:center;background:#ffffff0f;border:1px solid #ffffff0d;border-radius:18px;display:flex;gap:14px;padding:14px 16px;transition:all .25s ease}.stat-item-compact:hover{background:#ffffff17;transform:translateY(-3px)}.stat-item-compact .stat-icon{font-size:1.4rem}.stat-item-compact small{color:#ffffff8c;display:block;font-size:.8rem}.stat-item-compact strong{color:#a78bfa;font-size:1.15rem;font-weight:800}.tips-mini{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:18px;margin-top:18px;padding:16px}.tips-mini h4{color:#ffd166;font-size:.95rem;margin-bottom:8px}.tips-mini p{color:#ffffffbf;font-size:.95rem;line-height:1.5}@media (max-width:900px){.workout-main{grid-template-columns:1fr}.exercise-gif-container{min-height:300px}}@media (max-width:768px){.workout-container:has(.workout-timer) .exercise-details-panel{display:none}.workout-container:has(.workout-controls) .exercise-details-panel{display:flex}.exercise-details-panel{transition:all .3s ease}}.workout-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;box-shadow:0 12px 30px #00000040;flex-direction:column;gap:14px;margin-top:20px;padding:18px;width:100%}.btn-start-exercise{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:18px;box-shadow:0 12px 30px #667eea59;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:800;gap:10px;justify-content:center;padding:16px 18px;transition:all .25s ease;width:100%}.btn-start-exercise:hover{box-shadow:0 18px 40px #667eea73;transform:translateY(-3px)}.btn-next-exercise,.btn-next-set{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.98rem;font-weight:600;gap:10px;justify-content:center;padding:14px 16px;transition:all .25s ease;width:100%}.btn-next-exercise:hover,.btn-next-set:hover{background:#ffffff1a;border-color:#667eea66;transform:translateY(-2px)}.btn-skip-exercise{align-items:center;background:#f4433614;border:1px solid #f4433640;border-radius:14px;color:#ff5252;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:14px 18px;position:relative;transition:all .2s ease;width:100%}.btn-skip-exercise .btn-icon{font-size:16px;transition:transform .2s ease}.btn-skip-exercise:hover{background:#f4433626;border-color:#f4433666;transform:translateY(-1px)}.btn-skip-exercise:active{transform:translateY(0) scale(.98)}.btn-skip-exercise:hover .btn-icon{transform:translateX(3px)}.btn-skip-exercise:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.workout-controls{border-radius:18px;padding:14px}.btn-start-exercise{font-size:1rem}}.close-workout{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 10px 25px #00000040;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;left:18px;position:absolute;top:18px;transition:all .25s ease;width:44px;z-index:9999}.close-workout:hover{background:#ff636326;border-color:#ff636366;transform:scale(1.05)}.complete-workout-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 14px 35px #10b98159,0 6px 16px #00000040;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:800;height:48px;justify-content:center;position:absolute;right:18px;top:18px;transition:all .25s ease;width:48px;z-index:9999}.complete-workout-btn:hover{box-shadow:0 20px 50px #10b98173,0 10px 20px #0000004d;transform:translateY(-3px) scale(1.05)}.complete-workout-btn:active{transform:scale(.95)}.complete-workout-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.workout-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 12px 30px #00000040,inset 0 1px 0 #ffffff0d;margin-bottom:18px;padding:20px 22px;position:relative;width:100%;z-index:2}.workout-header:before{background:linear-gradient(135deg,#667eea1f,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.workout-header h2{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.workout-progress-info{display:flex;flex-wrap:wrap;gap:10px}.progress-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;color:#ffffffd9;font-size:.85rem;font-weight:600;padding:8px 14px}.current-exercise-progress,.overall-progress-container{margin:12px 0}.progress-labels{color:#ffffffb3;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:6px}.current-progress-bar,.overall-progress-bar{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden}.current-progress-fill,.overall-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .3s ease}.timer-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 16px 40px #00000059,inset 0 1px 0 #ffffff0d;flex-direction:column;gap:12px;justify-content:center;overflow:hidden;padding:22px;position:relative;width:100%}.timer-content:before{background:radial-gradient(circle at top,#667eea2e,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.timer-label{color:#ffffffbf;font-size:.95rem;font-weight:600;text-align:center}.timer-label,.timer-value{position:relative;z-index:2}.timer-value{animation:pulseTimer 1.5s ease-in-out infinite;color:#fff;font-size:3rem;letter-spacing:-1px;text-shadow:0 6px 20px #0006}@keyframes pulseTimer{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.skip-timer{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;color:#ffffffd9;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:6px;padding:10px 18px;position:relative;transition:all .25s ease;z-index:2}.skip-timer:hover{background:#ffffff1f;border-color:#667eea66;transform:translateY(-2px)}.program-detail-header{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.back-button{background:#0f172ad9;border:1px solid #ffffff1f;box-shadow:0 6px 18px #00000040,inset 0 1px 0 #ffffff0d;display:inline-flex;font-size:.95rem;gap:10px;padding:12px 22px;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border-color:#ffffff2e;box-shadow:0 12px 28px #667eea59,0 4px 12px #0003}.back-button:active{transform:scale(.98)}.back-arrow{color:#fff;font-size:1.1rem}.program-detail-header.programs-header{align-items:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff14;border-radius:30px;box-shadow:0 20px 60px #00000059,inset 0 1px 0 #ffffff0f;display:flex;flex-direction:column;justify-content:center;margin-bottom:26px;overflow:hidden;padding:28px 24px;position:relative;text-align:center}.program-detail-header .header-content{align-items:center;animation:fadeInUp .5s ease;display:flex;flex-direction:column;gap:10px;max-width:800px;padding:10px 16px;position:relative;z-index:1}.program-detail-header .header-content h1{align-items:center;color:#fff;display:flex;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;gap:14px;letter-spacing:-.8px;text-shadow:0 6px 20px #00000073}.program-detail-header .program-emoji{filter:drop-shadow(0 0 10px rgba(255,255,255,.25)) drop-shadow(0 0 25px rgba(102,126,234,.35));font-size:2.8rem}.program-detail-header .header-content p{color:#ffffffc7;font-size:1.05rem;line-height:1.6;margin:0;max-width:700px}.program-detail-header .back-button{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;left:18px;position:absolute;top:18px;transition:all .25s ease;width:48px;z-index:10}.program-detail-header .back-button:hover{background:#ffffff24;box-shadow:0 12px 24px #00000040;transform:translateY(-3px) scale(1.05)}.program-detail-header.programs-header:before{background:radial-gradient(circle at top,#667eea2e,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.workout-container{padding-top:80px;position:relative;z-index:1}.program-overview-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 18px 50px #00000059;margin-bottom:36px;overflow:hidden;padding:20px;position:relative}.program-overview-card:after{background:#667eea2e;border-radius:50%;content:"";filter:blur(40px);height:220px;position:absolute;right:-80px;top:-100px;width:220px}.overview-header{align-items:center;display:flex;gap:30px;position:relative;z-index:2}.program-icon-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;box-shadow:0 12px 30px #667eea59,inset 0 1px 0 #ffffff4d;display:flex;font-size:3.4rem;height:120px;justify-content:center;width:120px}.overview-info{flex:1 1}.overview-info h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:22px;text-shadow:0 2px 12px #00000059}.overview-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:20px;padding:18px 20px;transition:all .3s ease}.stat:hover{background:#ffffff17;transform:translateY(-4px)}.stat-label{color:#ffffffa6;display:block;font-size:.92rem;margin-bottom:8px}.stat-value{font-size:1.25rem}.program-detail-page,.program-detail-page h1,.program-detail-page h2,.program-detail-page h3,.program-detail-page h4,.program-detail-page li,.program-detail-page p,.program-detail-page span,.program-detail-page strong{color:#fff}.exercise-description-detailed,.exercise-tips-detailed li,.section-title p{color:#ffffffc7}.exercise-muscle-badge{color:#eef2ff}.section-title p{color:#ffffffa6}.exercises-section{margin-top:40px}.section-title{margin-bottom:30px}.section-title h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:10px;text-shadow:0 2px 12px #00000059}.exercise-card-detailed{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #ffffff14;border-radius:28px;display:flex;gap:24px;margin-bottom:26px;overflow:hidden;padding:28px;position:relative;transition:all .35s ease}.exercise-card-detailed:before{background:linear-gradient(130deg,#ffffff0f,#0000 45%);content:"";inset:0;pointer-events:none;position:absolute}.exercise-card-detailed:hover{border-color:#667eea4d;box-shadow:0 22px 50px #00000059;transform:translateY(-6px)}.exercise-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:22px;box-shadow:0 12px 25px #667eea59;display:flex;font-size:1.35rem;font-weight:800;height:74px;justify-content:center;min-width:74px}.exercise-main{flex:1 1}.exercise-header-detailed{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.exercise-header-detailed h3{color:#fff;font-size:1.7rem;font-weight:800}.exercise-muscle-badge{background:#667eea2e;border:1px solid #667eea59;border-radius:999px;font-size:.9rem;font-weight:700;padding:10px 18px;white-space:nowrap}.exercise-description-detailed{font-size:1rem;line-height:1.75;margin-bottom:24px}.exercise-tips-detailed{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:22px;margin-bottom:24px;padding:22px}.exercise-tips-detailed h4{color:#ffd166;font-size:1rem;margin-bottom:14px}.exercise-tips-detailed ul{padding-left:18px}.exercise-tips-detailed li{line-height:1.6;margin-bottom:10px}.exercise-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat-card{background:#ffffff0f;border:1px solid #ffffff0d;border-radius:22px;gap:16px;padding:18px}.stat-card:hover{background:#ffffff1a;transform:translateY(-4px)}.stat-icon{border-radius:16px;box-shadow:0 8px 18px #667eea40;font-size:1.35rem;height:54px;width:54px}.stat-content{display:flex;flex-direction:column}.stat-content .stat-label{color:#cbd5e1;font-size:.85rem;font-weight:500;margin-bottom:4px}.stat-content .stat-value{color:#8b5cf6;font-size:1.15rem;font-weight:800}.stat-card:hover .stat-value{color:#a78bfa}.start-workout-fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;bottom:30px;box-shadow:0 20px 40px #667eea66,0 6px 18px #00000040;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:14px;padding:18px 28px;position:fixed;right:30px;transition:all .35s ease;z-index:100}.start-workout-fab:hover{box-shadow:0 28px 60px #667eea80,0 8px 24px #0000004d;transform:translateY(-5px) scale(1.03)}.start-icon{font-size:1.25rem}input,select,textarea{color:#fff}@media (max-width:900px){.exercise-header-detailed,.overview-header{align-items:flex-start;flex-direction:column}.header-content h1{font-size:2.2rem}}@media (max-width:768px){.program-detail-page{padding:18px}.exercise-card-detailed{flex-direction:column}.exercise-number{height:70px;width:70px}.header-content{padding:26px}.overview-info h2,.section-title h2{font-size:1.6rem}.start-workout-fab{bottom:18px;justify-content:center;left:18px;right:18px}.close-workout,.complete-workout-btn{top:14px}.close-workout{left:14px}.complete-workout-btn{right:14px}.timer-value{font-size:2.4rem}.timer-content{border-radius:20px;padding:18px}}.workout-session{background:radial-gradient(circle at top left,#6366f12e,#0000 30%),radial-gradient(circle at bottom right,#a855f724,#0000 35%),linear-gradient(180deg,#0b1120,#111827);color:#fff;min-height:100vh;overflow-x:hidden;padding:32px 24px 140px;position:relative}.workout-header-modern{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#111827b8;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 20px 60px #00000073,inset 0 1px 0 #ffffff0f;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.workout-header-modern:before{background:linear-gradient(135deg,#6366f138,#a855f724);content:"";inset:0;pointer-events:none;position:absolute}.close-workout-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:52px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .25s ease;width:52px;z-index:5}.close-workout-btn:hover{background:#ef44442e;box-shadow:0 10px 25px #ef444438;transform:scale(1.08)}.header-content-modern{margin-bottom:24px;padding-right:80px;position:relative;z-index:2}.header-content-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 14px}.workout-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;color:#ffffffe6;font-size:.95rem;font-weight:600;padding:10px 16px}.progress-indicator{position:relative;z-index:2}.progress-text{align-items:center;color:#ffffffbf;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;margin-bottom:12px}.progress-bar-modern{background:#ffffff0f;border:1px solid #ffffff0a;border-radius:999px;height:14px;overflow:hidden}.progress-fill-modern{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:inherit;box-shadow:0 0 20px #8b5cf673;height:100%;transition:width .4s ease}.workout-content-modern{display:flex;flex-direction:column;gap:28px}.workout-main-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1.15fr .85fr}.exercise-gif-container-modern{align-items:center;background:linear-gradient(145deg,#1e293beb,#0f172af5);border:1px solid #ffffff14;border-radius:30px;box-shadow:0 24px 60px #00000073;display:flex;justify-content:center;min-height:480px;overflow:hidden;position:relative}.exercise-gif-modern{height:100%;object-fit:cover;width:100%}.gif-placeholder-modern{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center;padding:40px;text-align:center}.placeholder-icon-modern{font-size:5rem}.placeholder-text-modern{font-size:1.5rem;font-weight:700}.placeholder-hint-modern{color:#ffffff8c;font-size:.95rem}.gif-overlay-modern{background:linear-gradient(0deg,#000000e6,#0000);display:flex;flex-direction:column;gap:10px;inset:auto 0 0 0;padding:24px;position:absolute}.exercise-name-large-modern{font-size:1.6rem;font-weight:800}.muscle-group-badge-modern{align-self:flex-start;background:#6366f138;border:1px solid #818cf83d;border-radius:999px;color:#c7d2fe;font-size:.9rem;font-weight:700;padding:8px 14px}.exercise-details-panel-modern{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111827bd;border:1px solid #ffffff14;border-radius:30px;box-shadow:0 24px 60px #0000006b;display:flex;flex-direction:column;gap:24px;height:100%;padding:30px}.set-indicator-modern{align-self:flex-start;background:#6366f129;border:1px solid #818cf83d;border-radius:999px;color:#c7d2fe;font-size:.92rem;font-weight:700;padding:10px 16px}.exercise-title-modern{font-size:2rem;font-weight:800;line-height:1.1;margin:0}.exercise-description-modern{color:#ffffffb8;font-size:1rem;line-height:1.7;margin:0}.stats-grid-modern{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stat-card-modern{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:24px;display:flex;gap:14px;padding:20px;transition:all .25s ease}.stat-card-modern:hover{background:#ffffff0f;transform:translateY(-4px)}.stat-icon-modern{font-size:1.7rem}.stat-content-modern{display:flex;flex-direction:column;gap:4px}.stat-label-modern{color:#ffffff8c;font-size:.82rem}.stat-value-modern{font-size:1rem;font-weight:800}.tips-modern{background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #818cf829;border-radius:24px;padding:22px}.tips-modern h4{font-size:1rem;margin:0 0 10px}.tips-modern p{color:#ffffffd1;line-height:1.6;margin:0}.workout-timer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff14;border-radius:28px;box-shadow:0 20px 50px #00000059;padding:26px}.exercise-timer{background:linear-gradient(135deg,#4f46e538,#8b5cf62e)}.rest-timer{background:linear-gradient(135deg,#10b98133,#22c55e29)}.timer-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.timer-label{font-size:1rem;font-weight:700}.timer-value{font-size:clamp(2rem,6vw,4rem);font-weight:900;letter-spacing:-2px}.workout-controls{display:flex;flex-wrap:wrap;gap:18px}.btn-next-set,.btn-start-exercise{align-items:center;border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;gap:12px;justify-content:center;min-height:68px;padding:18px 26px;transition:all .25s ease}.btn-start-exercise{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 18px 40px #6366f159}.btn-next-set{background:linear-gradient(135deg,#10b981,#22c55e);box-shadow:0 18px 40px #22c55e47}.btn-next-set:hover,.btn-start-exercise:hover{transform:translateY(-4px) scale(1.01)}.btn-icon{font-size:1.1rem}.next-exercise-preview-modern{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:28px;padding:24px 28px}.preview-header-modern{display:flex;gap:20px;justify-content:space-between;margin-bottom:10px}.preview-label-modern{color:#fff9;font-size:.9rem;font-weight:600}.preview-name-modern{font-size:1.05rem;font-weight:800}.preview-details-modern{align-items:center;color:#ffffffb8;display:flex;gap:10px}@media (max-width:992px){.workout-main-grid{grid-template-columns:1fr}.exercise-gif-container-modern{min-height:340px}.stats-grid-modern{grid-template-columns:1fr}.timer-content{flex-direction:column;text-align:center}}@media (max-width:768px){.workout-session{padding:20px 16px 120px}.exercise-details-panel-modern,.exercise-gif-container-modern,.workout-header-modern{border-radius:24px}.header-content-modern{padding-right:70px}.workout-controls{flex-direction:column}.btn-next-set,.btn-start-exercise{width:100%}.preview-header-modern{flex-direction:column}}.health-container{background:radial-gradient(circle at top left,#4ecdc41f,#0000 28%),radial-gradient(circle at top right,#6366f11a,#0000 30%),radial-gradient(circle at bottom left,#ffffff08,#0000 25%),linear-gradient(180deg,#0b0b11,#11111a);color:#fff;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:28px}.health-header{align-items:center;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff14;border-radius:30px;box-shadow:0 20px 60px #00000059,inset 0 1px 0 #ffffff0f;display:flex;flex-direction:column;justify-content:center;margin-bottom:26px;overflow:hidden;padding:15px;position:relative;text-align:center}.health-header:before{background:radial-gradient(circle at top,#667eea2e,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.health-header h1{align-items:center;color:#fff;display:flex;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;gap:14px;justify-content:center;letter-spacing:-1px;margin-bottom:14px;position:relative;text-shadow:0 4px 18px #0006;z-index:2}.health-header .header-emoji{-webkit-text-fill-color:initial;filter:drop-shadow(0 0 12px rgba(255,255,255,.25)) drop-shadow(0 0 30px rgba(102,126,234,.35));font-size:3.2rem}.health-header p{color:#ffffffc7;font-size:1.05rem;line-height:1.7;max-width:760px;position:relative;z-index:2}.health-header:after{background:#4ecdc414;border-radius:50%;content:"";filter:blur(70px);height:220px;position:absolute;right:-80px;top:-80px;width:220px}.health-header .back-button{align-items:center;background:#ffffff14;border:1px solid #ffffff14;border-radius:16px;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .25s ease;width:52px;z-index:5}.health-header .back-button:hover{background:#ffffff24;box-shadow:0 12px 24px #00000047;transform:translateY(-3px) scale(1.03)}.health-tabs{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.tab-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff14;color:#ffffffbd;font-size:14px;font-weight:700;overflow:hidden;padding:14px 20px;position:relative;transition:all .25s ease}.tab-btn:before{background:linear-gradient(135deg,#ffffff0f,#0000);content:"";inset:0;opacity:0;position:absolute;transition:.25s ease}.tab-btn:hover:before{opacity:1}.tab-btn:hover{transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#4ecdc42e,#4ecdc414);border-color:#4ecdc459;box-shadow:0 10px 30px #4ecdc429,inset 0 1px 0 #ffffff14;color:#fff}.health-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.1fr .9fr}.left-column,.right-column{display:flex;flex-direction:column;gap:24px}.health-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#ffffff12,#ffffff0a);border:1px solid #ffffff14;border-radius:28px;box-shadow:0 20px 50px #00000047,inset 0 1px 0 #ffffff0a;overflow:hidden;padding:24px;position:relative;transition:all .28s ease}.health-card:hover{border-color:#ffffff1f;transform:translateY(-4px)}.health-card:before{background:linear-gradient(180deg,#ffffff08,#0000 45%);content:"";inset:0;pointer-events:none;position:absolute}.health-card h2{align-items:center;display:flex;font-size:20px;font-weight:800;gap:12px;letter-spacing:-.5px;margin:0 0 22px;position:relative;z-index:2}.form-row{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.form-group{gap:10px}.form-group label{color:#ffffffb8}.form-input{border:1px solid #ffffff14;border-radius:18px;font-size:14px;font-weight:500;padding:15px 16px;transition:all .22s ease}.form-input:hover{background:#ffffff12}.form-input:focus{background:#ffffff14;border-color:#4ecdc473;box-shadow:0 0 0 5px #4ecdc41a,0 10px 25px #4ecdc41a;outline:none}.form-input::placeholder{color:#ffffff52}.macros-section{margin-top:10px}.macros-section h3{font-size:15px;font-weight:800;margin-bottom:16px}.macros-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.macro-group{display:flex;flex-direction:column;gap:8px}.macro-input{text-align:center}.macros-sum{background:#ffffff0a;border-radius:14px;color:#ffffffb8;font-size:13px;font-weight:600;margin-top:16px;padding:12px 14px}.slider-group{margin-bottom:26px}.slider-group label{color:#ffffffb8;display:block;font-size:13px;font-weight:700;margin-bottom:12px}.slider-container{align-items:center;display:flex;gap:14px}.slider{accent-color:var(--slider-color);flex:1 1}.slider-value{background:#ffffff0f;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a;font-weight:800;min-width:62px;padding:10px 12px;text-align:center}.form-buttons{display:flex;gap:14px;margin-top:22px}.btn-primary,.btn-secondary{border:none;border-radius:18px;cursor:pointer;font-size:14px;font-weight:800;padding:15px 18px;transition:all .24s ease}.btn-primary{background:linear-gradient(135deg,#4ecdc4,#556270);box-shadow:0 14px 34px #4ecdc438;color:#fff;flex:1 1}.btn-primary:hover{box-shadow:0 18px 38px #4ecdc442;transform:translateY(-3px)}.btn-secondary{background:#ffffff0f;border:1px solid #ffffff14;color:#fff}.btn-secondary:hover{background:#ffffff1a}.progress-cards-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.progress-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;overflow:hidden;padding:20px;position:relative}.progress-card:before{background:linear-gradient(135deg,#ffffff08,#0000);content:"";inset:0;position:absolute}.progress-card h3{color:#ffffffb3;font-size:14px;margin:0 0 12px}.progress-card .value{font-size:30px;font-weight:900;letter-spacing:-1px}.progress-card .change{font-size:13px;font-weight:700;margin-top:10px}.progress-card.positive{border-color:#22c55e38}.progress-card.negative{border-color:#ef444438}.records-container{overflow-x:auto}.records-table{border-collapse:collapse;width:100%}.records-table th{border-bottom:1px solid #ffffff14;color:#ffffff8c;font-size:12px;font-weight:800;letter-spacing:.5px;padding:16px;text-align:left}.records-table td{border-bottom:1px solid #ffffff0d;font-size:14px;padding:16px}.records-table tr{transition:.2s ease}.records-table tr:hover{background:#ffffff08}.level-indicator{align-items:center;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff26;color:#fff;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;min-width:62px;padding:7px 12px}.table-actions{display:flex;gap:10px}.icon-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .22s ease;width:40px}.icon-btn:hover{transform:translateY(-2px) scale(1.04)}.icon-btn-edit{background:#4ecdc426}.icon-btn-delete{background:#ef444426}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state i{font-size:54px;margin-bottom:14px}.empty-state p{color:#ffffff9e}.health-error,.health-loading{align-items:center;background:#0b0b11;color:#fff;display:flex;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border-top-color:#4ecdc4}@media (max-width:992px){.health-grid{grid-template-columns:1fr}}@media (max-width:768px){.health-container{padding:16px}.health-header{border-radius:24px;padding:26px 22px 90px}.health-header h1{font-size:30px}.health-tabs{flex-direction:column}.tab-btn{width:100%}.form-row,.macros-row,.progress-cards-grid{grid-template-columns:1fr}.records-table{min-width:760px}.form-buttons{flex-direction:column}}.nutrition-page{background:radial-gradient(circle at top left,#22c55e1f,#0000 30%),radial-gradient(circle at bottom right,#3b82f61f,#0000 30%),linear-gradient(180deg,#0f172a,#111827);color:#fff;min-height:100vh;overflow-x:hidden;padding:32px 20px 120px}.nutrition-header{align-items:center;display:flex;justify-content:center;margin-bottom:32px;position:relative}.nutrition-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1px;text-align:center}.back-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);left:0;position:absolute}.back-button:hover{transform:translateY(-2px) scale(1.05)}.nutrition-tabs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.tab-button{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;color:#fff;cursor:pointer;display:flex;gap:14px;padding:18px;transition:all .25s ease}.tab-button:hover{background:#ffffff14;transform:translateY(-4px)}.tab-button.active{background:linear-gradient(135deg,#22c55e,#3b82f6);border-color:#0000;box-shadow:0 10px 30px #3b82f64d}.tab-icon{font-size:26px}.tab-text{font-size:15px;font-weight:700}.nutrition-calculator{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 20px 50px #00000040;margin-bottom:32px;padding:28px}.nutrition-calculator h3{font-size:1.5rem;font-weight:800;margin-bottom:24px}.calculator-form{display:flex;flex-direction:column;gap:18px}.calc-row{display:flex;flex-wrap:wrap;gap:16px}.calc-row input,.calc-row select{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;color:#fff;flex:1 1;font-size:15px;min-width:180px;outline:none;padding:16px 18px;transition:all .25s ease}.calc-row input::placeholder{color:#94a3b8}.calc-row input:focus,.calc-row select:focus{background:#ffffff1a;border-color:#3b82f680}.calc-row select option{background:#111827;color:#fff}.calc-row button{background:linear-gradient(135deg,#22c55e,#3b82f6);border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;min-width:180px;padding:16px 24px;transition:all .25s ease}.calc-row button:hover{box-shadow:0 10px 24px #3b82f659;transform:translateY(-3px)}.calculator-result{background:linear-gradient(135deg,#22c55e26,#3b82f626);border:1px solid #ffffff14;border-radius:24px;margin-top:10px;padding:24px;text-align:center}.result-value{font-size:2.5rem;font-weight:800;margin-bottom:8px}.result-label{color:#cbd5e1;font-size:15px}.nutrition-main{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 20px 50px #0000004d;padding:32px}.content-header{margin-bottom:36px}.content-header h2{font-size:2rem;font-weight:800;margin-bottom:12px}.description{color:#cbd5e1;font-size:1.05rem;line-height:1.7;margin-bottom:24px}.calories-badge,.macros-info,.protein-target,.water-formula{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:24px;padding:22px}.calories-badge{align-items:center;display:flex;gap:18px;width:-webkit-fit-content;width:fit-content}.calories-badge span{font-size:42px}.calories-title,.target-title{color:#cbd5e1;font-size:14px}.calories-value,.target-value{font-size:1.4rem;font-weight:800;margin-top:4px}.low-calorie-foods h3,.meal-plan h3,.principles-section h3,.protein-sources h3,.recipes-section h3,.rules-section h3,.superfoods-section h3,.supplements-section h3,.tips-section h3,.water-balance-section h3,.workout-nutrition-section h3,.workout-tips-section h3{font-size:1.5rem;font-weight:800;margin-bottom:22px}.foods-grid,.meals-timeline,.principles-grid,.recipes-grid,.sources-grid,.superfoods-grid,.supplements-grid,.tips-grid,.workout-grid,.workout-tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.food-card,.global-tip,.meal-card,.principle-card,.recipe-card,.rule-item,.source-card,.superfood-card,.supplement-card,.tip-card,.water-info,.workout-card,.workout-tip-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:24px;padding:22px;transition:all .25s ease}.food-card:hover,.meal-card:hover,.principle-card:hover,.recipe-card:hover,.rule-item:hover,.source-card:hover,.superfood-card:hover,.supplement-card:hover,.tip-card:hover,.workout-card:hover,.workout-tip-card:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-6px)}.meal-time{background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;margin-bottom:14px;padding:8px 14px}.food-info h4,.meal-card h4,.principle-card h4,.recipe-header h4,.source-info h4,.superfood-info h4,.supplement-info h4,.workout-card h4{font-size:1.1rem;font-weight:700;margin-bottom:12px}.food-list ul,.meal-card ul,.recipe-ingredients{color:#cbd5e1;display:flex;flex-direction:column;gap:10px;padding-left:18px}.tip-card{gap:18px}.tip-card,.tip-number{align-items:center;display:flex}.tip-number{background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:14px;font-size:18px;font-weight:800;height:46px;justify-content:center;min-width:46px}.target-info{gap:18px}.target-icon,.target-info{align-items:center;display:flex}.target-icon{background:linear-gradient(135deg,#ef4444,#f97316);border-radius:18px;font-size:28px;height:60px;justify-content:center;width:60px}.food-card,.source-card,.superfood-card,.supplement-card{align-items:center;display:flex;gap:18px}.food-icon,.source-icon,.superfood-icon,.supplement-icon{align-items:center;background:#ffffff14;border-radius:18px;display:flex;font-size:30px;height:60px;justify-content:center;width:60px}.recipe-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.recipe-protein{background:#22c55e2e;border-radius:999px;color:#4ade80;font-size:13px;font-weight:700;padding:8px 14px}.macros-info{display:flex;gap:16px;justify-content:space-between}.macro-item{background:#ffffff0d;border-radius:20px;flex:1 1;padding:18px;text-align:center}.macro-value{font-size:1.8rem;font-weight:800;margin-bottom:6px}.macro-label{color:#cbd5e1;font-size:14px}.principle-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:22px;display:flex;font-size:34px;height:68px;justify-content:center;margin-bottom:18px;width:68px}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-item{gap:16px}.rule-check,.rule-item{align-items:center;display:flex}.rule-check{background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:12px;font-weight:800;height:36px;justify-content:center;min-width:36px}.workout-card.before{border-left:4px solid #22c55e}.workout-card.after{border-left:4px solid #3b82f6}.workout-icon{font-size:42px;margin-bottom:16px}.workout-time{color:#4ade80;font-weight:700;margin-bottom:12px}.workout-desc{color:#cbd5e1;line-height:1.6;margin-bottom:18px}.avoid-list{color:#fca5a5;line-height:1.6;margin-top:18px}.workout-tip-card{text-align:center}.workout-tip-icon{font-size:42px;margin-bottom:16px}.water-info{display:flex;flex-direction:column;gap:24px}.water-formula{align-items:center;display:flex;gap:18px}.water-icon{font-size:46px}.water-example{color:#cbd5e1;margin-top:8px}.dehydration-title,.water-tips-title{font-size:1rem;font-weight:700;margin-bottom:14px}.water-tip{color:#cbd5e1;line-height:1.6;margin-bottom:10px}.signs-list{display:flex;flex-wrap:wrap;gap:10px}.sign-badge{background:#ef444426;border:1px solid #ef444433;border-radius:999px;color:#fca5a5;font-size:14px;padding:10px 16px}.supplement-time{color:#93c5fd;font-size:14px;margin-top:10px}.supplements-note{background:#facc1514;border:1px solid #facc1526;border-radius:18px;color:#fde68a;line-height:1.6;margin-top:22px;padding:18px}.nutrition-tips{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:32px}.global-tip{align-items:flex-start;display:flex;gap:18px}.tip-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:18px;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.global-tip h4{font-size:1.1rem;margin-bottom:8px}.global-tip p{color:#cbd5e1;line-height:1.6}@media (max-width:768px){.nutrition-page{padding:24px 14px 120px}.nutrition-calculator,.nutrition-main{border-radius:24px;padding:22px}.nutrition-header{margin-bottom:24px}.back-button{font-size:20px;height:42px;width:42px}.content-header h2{font-size:1.5rem}.macros-info{flex-direction:column}.tab-button{border-radius:20px;padding:16px}.tab-text{font-size:14px}.calc-row{flex-direction:column}.calc-row button{width:100%}.recipe-header,.water-formula{align-items:flex-start;flex-direction:column}.nutrition-page{display:flex;flex-direction:column}.nutrition-header{order:1}.nutrition-tabs{order:2}.nutrition-main{order:3}.nutrition-calculator{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:26px;box-shadow:0 14px 34px #00000059;margin-bottom:0;margin-top:24px;order:999}.nutrition-calculator h3{margin-bottom:22px;text-align:center}.nutrition-header h1{font-size:1.7rem}}.profile-page{background:radial-gradient(circle at top left,#4ecdc41f,#0000 30%),radial-gradient(circle at bottom right,#6366f11f,#0000 30%),#0f1117;color:#fff;font-family:Inter,sans-serif;min-height:100vh;padding:24px}.profile-error,.profile-loading{align-items:center;background:#0f1117;color:#fff;display:flex;justify-content:center;min-height:100vh}.error-container{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:24px;text-align:center}.retry-btn{background:linear-gradient(135deg,#4ecdc4,#556270);border:none;border-radius:14px;color:#fff;cursor:pointer;margin-top:14px;padding:12px 18px}.spinner,.spinner-small{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#4ecdc4}.spinner{height:48px;width:48px}.spinner-small{height:28px;width:28px}.profile-header{align-items:center;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff14;border-radius:30px;box-shadow:0 20px 60px #00000059,inset 0 1px 0 #ffffff0f;display:flex;justify-content:center;margin-bottom:30px;overflow:hidden;padding:28px 32px;position:relative}.profile-header:before{background:radial-gradient(circle at top left,#4ecdc42e,#0000 55%);inset:0}.profile-header:after,.profile-header:before{content:"";pointer-events:none;position:absolute}.profile-header:after{background:#6366f11f;border-radius:50%;filter:blur(80px);height:240px;right:-90px;top:-90px;width:240px}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#7ee7df);-webkit-background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-1px;margin:0;position:relative;text-align:center;text-shadow:0 4px 18px #00000059;z-index:2}.profile-header p{color:#ffffffbf;font-size:15px;line-height:1.6;margin-top:10px;position:relative;text-align:center;z-index:2}.profile-header .back-button{left:24px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}@media (max-width:768px){.profile-header{padding:24px 20px}.profile-header h1{font-size:2rem;max-width:75%}.profile-header .back-button{height:42px;left:16px;width:42px}}.back-button{background:#ffffff0f;border-radius:14px;font-size:20px;height:46px;transition:.2s ease;width:46px}.back-button:hover{background:#ffffff1f}.profile-content{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1.2fr .8fr}.right-column{display:flex;flex-direction:column;gap:22px}@media (max-width:1000px){.profile-content{grid-template-columns:1fr}}.achievements-section,.profile-card,.stats-summary,.water-reminder-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 10px 30px #00000040;padding:24px;transition:.25s ease}.achievements-section:hover,.profile-card:hover,.stats-summary:hover,.water-reminder-section:hover{transform:translateY(-4px)}.profile-avatar{flex-direction:column;margin-bottom:30px}.avatar-circle,.profile-avatar{align-items:center;display:flex}.avatar-circle{background:linear-gradient(135deg,#4ecdc4,#556270);border-radius:50%;box-shadow:0 0 30px #4ecdc459;font-size:42px;font-weight:800;height:110px;justify-content:center;margin-bottom:14px;width:110px}.profile-avatar h2{font-size:28px;margin:0}.member-since{font-size:13px;margin-top:6px;opacity:.7}.profile-form{gap:18px}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:13px;opacity:.75}.form-group input{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;color:#fff;font-size:15px;height:52px;padding:0 16px;transition:.2s ease}.form-group input::placeholder{color:#ffffff59}.form-group input:focus{border-color:#4ecdc4;box-shadow:0 0 0 4px #4ecdc426;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:700px){.form-row{grid-template-columns:1fr}}.gender-select{display:flex;gap:12px}.gender-btn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;color:#fff;cursor:pointer;flex:1 1;height:48px;transition:.2s ease}.gender-btn:hover{background:#ffffff1a}.gender-btn.active{background:linear-gradient(135deg,#4ecdc4,#556270);border-color:#0000;box-shadow:0 0 20px #4ecdc459}.experience-badges{display:flex;flex-wrap:wrap;gap:10px}.experience-badge{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;color:#fffc;cursor:pointer;padding:10px 14px;transition:.2s ease}.experience-badge:hover{transform:translateY(-2px)}.experience-badge.active{background:#4ecdc426;border-color:#4ecdc473;box-shadow:0 0 18px #4ecdc433;color:#fff}.workouts-slider{display:flex;flex-direction:column;gap:12px}.workouts-slider input[type=range]{accent-color:#4ecdc4;width:100%}.slider-value{color:#4ecdc4;font-size:14px;font-weight:600}.profile-actions{display:flex;gap:14px;margin-top:28px}.logout-button,.save-button{border:none;border-radius:16px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;height:54px;transition:.25s ease}.save-button{background:linear-gradient(135deg,#4ecdc4,#556270)}.logout-button{background:#ffffff14}.logout-button:hover,.save-button:hover{transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.section-header h3{margin:0}.achievements-count{background:#4ecdc426;border-radius:999px;color:#4ecdc4;font-size:13px;font-weight:700;padding:8px 12px}.achievements-grid{grid-gap:14px;display:grid;gap:14px}.achievement-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;display:flex;gap:14px;padding:14px;transition:.2s ease}.achievement-item:hover{transform:translateX(4px)}.achievement-item.unlocked{background:#4ecdc414;border-color:#4ecdc44d}.achievement-item.locked{opacity:.6}.achievement-icon{align-items:center;background:#ffffff14;border-radius:16px;display:flex;font-size:24px;height:54px;justify-content:center;width:54px}.achievement-info h4{margin:0 0 4px}.achievement-info p{font-size:13px;margin:0;opacity:.7}.reminder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reminder-description{font-size:14px;opacity:.7}.reminder-settings{display:flex;flex-direction:column;gap:10px;margin-top:18px}.setting-item{background:#ffffff0a;border-radius:12px;display:flex;justify-content:space-between;padding:12px 14px}.toggle-switch{position:relative}.toggle-switch input{display:none}.toggle-slider{background:#ffffff26;border-radius:999px;cursor:pointer;display:block;height:30px;position:relative;transition:.25s ease;width:54px}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:24px;left:3px;position:absolute;top:3px;transition:.25s ease;width:24px}.toggle-switch input:checked+.toggle-slider{background:#4ecdc4}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.stats-summary h3{margin-top:0}.stats-list{display:flex;flex-direction:column;gap:14px}.stat-item{align-items:center;background:#ffffff0a;border-radius:14px;display:flex;justify-content:space-between;padding:14px 16px}.stat-label{opacity:.75}.stat-value{color:#4ecdc4}.show-more-achievements{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-top:18px;padding:14px 18px;transition:.25s ease;width:100%}.show-more-achievements:hover{background:#ffffff1a;transform:translateY(-2px)}.show-more-achievements.opened{background:#4ecdc414;border-color:#4ecdc459}.show-more-icon{align-items:center;background:#ffffff14;border-radius:50%;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;transition:.25s ease;width:28px}.show-more-achievements:hover .show-more-icon{transform:rotate(90deg)}.notification-popup{animation:slideIn .35s ease;position:fixed;right:24px;top:24px;z-index:9999}.notification-content{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141ef2;border:1px solid #4ecdc44d;border-radius:18px;box-shadow:0 10px 30px #00000059;display:flex;gap:14px;padding:18px}.notification-icon{font-size:28px}.notification-content h4{margin:0 0 4px}.notification-content p{font-size:13px;margin:0;opacity:.8}.notification-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.details-button{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#4ecdc429,#6366f124);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 10px 24px #00000040,inset 0 1px 0 #ffffff14;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.2px;margin-top:16px;padding:14px 18px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease;width:100%}.details-button:hover{background:linear-gradient(135deg,#4ecdc43d,#6366f138);border-color:#4ecdc459;box-shadow:0 16px 34px #00000059,0 0 24px #4ecdc42e;transform:translateY(-3px)}.details-button:active{transform:scale(.98)}.details-button .icon,.details-button svg{font-size:18px;transition:transform .25s ease}.details-button:hover .icon,.details-button:hover svg{transform:translateX(3px)}.details-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.recalc-bmi-button{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#4ecdc429,#6366f124);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 10px 24px #00000040,inset 0 1px 0 #ffffff14;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.2px;margin-top:16px;padding:14px 18px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease;width:100%}.recalc-bmi-button:hover{background:linear-gradient(135deg,#4ecdc43d,#6366f138);border-color:#4ecdc459;box-shadow:0 16px 34px #00000059,0 0 24px #4ecdc42e;transform:translateY(-3px)}.recalc-bmi-button:active{transform:scale(.98)}.recalc-bmi-button .icon,.recalc-bmi-button svg{font-size:18px;transition:transform .25s ease}.recalc-bmi-button:hover .icon,.recalc-bmi-button:hover svg{transform:rotate(12deg) scale(1.05)}.recalc-bmi-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}@media (max-width:768px){.details-button,.recalc-bmi-button{border-radius:16px;font-size:14px;padding:13px 16px}.profile-page{padding:16px}.profile-header{padding:18px}.profile-header h1{font-size:24px}.experience-badges,.gender-select,.profile-actions{flex-direction:column}.notification-popup{left:16px;right:16px;top:16px}.profile-content{display:flex;flex-direction:column}.achievements-section{order:999}}.dashboard{background:radial-gradient(900px 400px at 10% 0,#6366f12e,#0000),radial-gradient(800px 400px at 90% 10%,#22c55e1f,#0000),#0b1220;color:#e5e7eb;font-family:Inter,sans-serif;min-height:100vh;padding-bottom:60px}.dashboard-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 10px 30px #00000059;gap:14px;margin:12px;padding:18px 20px;position:-webkit-sticky;position:sticky;top:10px;z-index:50}.dashboard-header,.dashboard-header .back-button{align-items:center;display:flex;justify-content:center}.dashboard-header .back-button{background:#ffffff14;border:none;border-radius:12px;color:#f1f5f9;cursor:pointer;font-size:18px;height:38px;transition:.2s ease;width:38px}.dashboard-header .back-button:hover{background:#22c55e40;transform:scale(1.05)}.dashboard-header .header-content{display:flex;flex-direction:column;gap:4px}.dashboard-header h1{color:#f8fafc;font-size:18px;font-weight:600;letter-spacing:.2px;margin:0}.dashboard-header p{color:#e2e8f0b3;font-size:12px;line-height:1.2;margin:0}.dashboard-header:before{background:linear-gradient(180deg,#22c55e,#3b82f6);border-radius:10px;content:"";height:70%;left:8px;position:absolute;width:4px}.dashboard-content{padding:12px}.period-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 14px}.tab{background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;color:#ffffffb3;cursor:pointer;flex:0 0 auto;font-size:12px;padding:8px 12px;transition:.2s}.tab.active{background:linear-gradient(135deg,#22c55e2e,#6366f11f);border-color:#22c55e40;color:#fff}.charts-section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){.charts-section{grid-template-columns:1fr}}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 6px 18px #00000040;padding:10px 12px;transition:.2s}.chart-container:hover{transform:translateY(-2px)}.chart-container h3{font-size:12px;margin:0 0 6px;opacity:.85}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:30px 0}.stat-card{align-items:center;background:linear-gradient(135deg,#0b1220,#111a2b);border:1px solid #667eea14;border-radius:20px;box-shadow:0 8px 24px #00000014;display:flex;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.stat-card:hover{box-shadow:0 12px 30px #667eea2e;transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:18px;box-shadow:0 6px 18px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:30px;height:65px;justify-content:center;width:65px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:6px}.stat-label{color:#777;font-size:14px;font-weight:500}.streak-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:35px}.streak-card{align-items:center;border-radius:24px;box-shadow:0 10px 28px #0000001f;color:#fff;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.streak-card:after{background:#ffffff14;border-radius:50%;content:"";height:140px;position:absolute;right:-40px;top:-40px;width:140px}.streak-card:hover{transform:translateY(-5px) scale(1.01)}.streak-card.current{background:linear-gradient(135deg,#ff6b6b,#ff9472)}.streak-card.best{background:linear-gradient(135deg,#f6d365,#fda085)}.streak-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:20px;display:flex;flex-shrink:0;font-size:34px;height:72px;justify-content:center;width:72px}.streak-info{display:flex;flex-direction:column}.streak-value{font-size:38px;font-weight:800;line-height:1;margin-bottom:8px}.streak-label{font-size:15px;font-weight:500;opacity:.92}@media (max-width:768px){.stats-cards,.streak-cards{grid-template-columns:1fr}.stat-card,.streak-card{padding:20px}.stat-value{font-size:28px}.streak-value{font-size:32px}}.chart-container{display:flex;flex-direction:column;height:350px}.chart-wrapper{flex:1 1;height:auto}.chart-container.full-width{grid-column:1/-1;height:auto;width:100%}.no-data-message{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:16px;margin-top:20px;padding:20px;text-align:center}.start-workout-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;box-shadow:0 10px 25px #22c55e40,0 4px 10px #00000040;color:#0b1220;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:14px 18px;position:relative;transition:all .25s ease}.start-workout-btn:before{background:radial-gradient(circle,#ffffff59,#0000 60%);content:"";inset:-40%;position:absolute;transform:translateX(-60%);transition:transform .6s ease}.start-workout-btn:hover{box-shadow:0 14px 35px #22c55e59,0 6px 14px #0000004d;transform:translateY(-2px) scale(1.03)}.start-workout-btn:hover:before{transform:translateX(60%)}.start-workout-btn:active{transform:translateY(0) scale(.98)}.start-workout-btn .start-icon{font-size:16px}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff14;border-radius:50%;border-top-color:#22c55e;height:38px;width:38px}@media (max-width:768px){.stats-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin:24px 0}.stat-card{align-items:flex-start;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#111a2bf5,#0b1220eb);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 10px 30px #00000047;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;overflow:hidden;padding:18px 16px;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.stat-card:before{background:linear-gradient(90deg,#22c55e,#3b82f6);height:3px}.stat-card:after{background:#3b82f614;border-radius:50%;content:"";filter:blur(10px);height:100px;position:absolute;right:-30px;top:-30px;width:100px}.stat-card:hover{border-color:#3b82f638;box-shadow:0 16px 34px #00000059;transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#3b82f6,#22c55e);border-radius:18px;box-shadow:0 10px 24px #3b82f647;font-size:26px;height:58px;width:58px}.stat-info{width:100%}.stat-value{color:#fff;font-size:26px;font-weight:800;line-height:1.1;margin-top:14px}.stat-label{color:#ffffffa6;font-size:12px;line-height:1.5;margin-top:6px}}@media (max-width:480px){.stats-cards{gap:12px}.stat-card{border-radius:20px;min-height:155px;padding:16px 14px}.stat-icon{height:52px;width:52px}.stat-icon,.stat-value{font-size:22px}.stat-label{font-size:11px}}@media (max-width:768px){.streak-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.streak-card{align-items:flex-start;border-radius:26px;box-shadow:0 12px 32px #00000047;display:flex;flex-direction:column;justify-content:space-between;min-height:185px;overflow:hidden;padding:20px 16px;position:relative;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.streak-card:after{background:#ffffff14;filter:blur(6px);height:120px;right:-35px;top:-35px;width:120px}.streak-card:hover{box-shadow:0 18px 40px #00000059;transform:translateY(-4px)}.streak-card.current{background:linear-gradient(145deg,#ff6b6b,#ff8e72)}.streak-card.best{background:linear-gradient(145deg,#f6d365,#fda085)}.streak-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff1f;font-size:28px;height:60px;width:60px}.streak-info{width:100%}.streak-value{color:#fff;font-size:30px;font-weight:900;line-height:1;margin-top:14px}.streak-label{font-size:13px;line-height:1.5;margin-top:8px;opacity:.92}}@media (max-width:480px){.streak-cards{gap:12px}.streak-card{border-radius:22px;min-height:170px;padding:18px 14px}.streak-icon{font-size:24px;height:54px;width:54px}.streak-value{font-size:26px}.streak-label{font-size:12px}}@media (max-width:768px){.charts-section{gap:16px}.chart-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#111a2bf5,#0b1220eb);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 12px 30px #00000047;min-height:320px;overflow:hidden;padding:18px 16px;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.chart-container:before{background:radial-gradient(circle at top right,#3b82f61a,#0000 45%);content:"";inset:0;pointer-events:none;position:absolute}.chart-container:hover{border-color:#3b82f638;box-shadow:0 18px 38px #00000059;transform:translateY(-4px)}.chart-container h3{color:#f8fafc;font-size:15px;font-weight:700;letter-spacing:.2px;margin-bottom:14px;position:relative;z-index:2}.chart-wrapper{flex:1 1;min-height:240px;position:relative;z-index:2}.chart-container.full-width{border-radius:26px;min-height:360px}}@media (max-width:480px){.chart-container{border-radius:20px;min-height:290px;padding:16px 14px}.chart-container h3{font-size:14px}.chart-wrapper{min-height:210px}.chart-container.full-width{border-radius:22px;min-height:330px}}:root{--card:#111827eb;--red:#ff5c5c;--shadow:0 20px 60px #00000073}body{background:radial-gradient(circle at top left,#8b5cf626,#0000 30%),radial-gradient(circle at top right,#00d2ff1f,#0000 25%),linear-gradient(180deg,#070b14,#111827);background:radial-gradient(circle at top left,#8b5cf626,#0000 30%),radial-gradient(circle at top right,#00d2ff1f,#0000 25%),linear-gradient(180deg,var(--bg),var(--bg2))}.onboarding-step0{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative;width:100%}.onboarding-wrapper{box-shadow:0 25px 80px #0000008c;gap:32px;max-width:540px}@media (max-width:600px){.onboarding-wrapper{border-radius:28px;gap:24px;padding:24px}}.logo-container{text-align:center}.logo-icon{align-items:center;background:linear-gradient(135deg,#ffc83d,#ff9f1a);background:linear-gradient(135deg,var(--yellow),var(--yellow2));border-radius:36px;box-shadow:0 16px 40px #ffc83d4d;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.logo-icon .emoji{font-size:62px}.logo-container h1{font-size:62px;font-weight:900;letter-spacing:-3px;margin:0}.logo-container p{color:#94a3b8;color:var(--text-secondary);font-size:18px;margin-top:16px}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#111827eb;background:var(--card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:32px;box-shadow:0 20px 60px #00000073;box-shadow:var(--shadow);padding:32px;width:100%}.auth-tabs{display:flex;gap:12px;margin-bottom:28px}.tab-btn{background:#ffffff0d;border:none;border-radius:18px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:15px;font-weight:800;padding:16px;transition:.28s ease;transition:var(--transition)}.tab-btn:hover{background:#ffffff14}.tab-btn.active{background:linear-gradient(135deg,#ffc83d,#ff9f1a);background:linear-gradient(135deg,var(--yellow),var(--yellow2));box-shadow:0 10px 30px #ffc83d38;color:#000}.auth-form form{display:flex;flex-direction:column;gap:18px}.form-group label{margin-bottom:10px}.input-icon{position:relative}.icon{font-size:18px;left:18px;opacity:.75;position:absolute;top:50%;transform:translateY(-50%)}.input-icon input,.reset-input{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:18px;color:#fff;font-size:15px;outline:none;padding:18px 18px 18px 54px;transition:.28s ease;transition:var(--transition);width:100%}.input-icon input::placeholder,.reset-input::placeholder{color:#ffffff47}.input-icon input:focus,.reset-input:focus{border-color:#ffc83d66;box-shadow:0 0 0 4px #ffc83d14}.auth-button,.reset-button{align-items:center;background:linear-gradient(135deg,#ffc83d,#ff9f1a);background:linear-gradient(135deg,var(--yellow),var(--yellow2));border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:900;gap:10px;justify-content:center;margin-top:8px;padding:18px;transition:.28s ease;transition:var(--transition);width:100%}.auth-button:hover,.reset-button:hover{box-shadow:0 16px 36px #ffc83d40;transform:translateY(-3px)}.auth-button:disabled,.reset-button:disabled{cursor:not-allowed;opacity:.7}.reset-button.secondary{background:#ffffff0f;color:#fff}.error-message{align-items:center;background:#ff5c5c1f;border:1px solid #ff5c5c2e;border-radius:18px;color:#ffb1b1;display:flex;gap:12px;margin-bottom:22px;padding:16px}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{color:#94a3b8;color:var(--text-secondary)}.forgot-password-btn,.switch-mode-btn{background:#0000;border:none;color:#ffc83d;color:var(--yellow);cursor:pointer;font-weight:700;margin-left:8px}.forgot-password{margin-top:18px;text-align:center}.reset-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.reset-modal{background:#111827fa;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 20px 60px #00000073;box-shadow:var(--shadow);max-width:520px;padding:32px;position:relative;width:100%}.close-modal{background:#ffffff0f;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:22px;height:42px;position:absolute;right:18px;top:18px;width:42px}.reset-modal-header{margin-bottom:24px;text-align:center}.reset-icon{font-size:54px}.reset-modal-header h2{font-size:30px;font-weight:900;margin-top:14px}.reset-modal-body p{color:#94a3b8;color:var(--text-secondary);line-height:1.6}.reset-message{border-radius:16px;font-size:14px;margin-bottom:18px;padding:16px}.reset-message.success{background:#4caf501f;color:#9be59d}.reset-message.error{background:#ff5c5c1f;color:#ffb1b1}.reset-buttons{display:flex;flex-direction:column;gap:12px}.countdown-text{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-top:12px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #00000040;border-radius:50%;border-top-color:#000;height:18px;width:18px}.background-emojis{inset:0;overflow:hidden;pointer-events:none;position:absolute}.floating-emoji{animation:float 12s ease-in-out infinite;font-size:56px;opacity:.05;position:absolute}.floating-emoji:first-child{left:5%;top:10%}.floating-emoji:nth-child(2){right:8%;top:18%}.floating-emoji:nth-child(3){bottom:15%;left:10%}.floating-emoji:nth-child(4){bottom:10%;right:15%}.floating-emoji:nth-child(5){left:50%;top:45%}.floating-emoji:nth-child(6){left:30%;top:70%}.floating-emoji:nth-child(7){right:25%;top:60%}.floating-emoji:nth-child(8){right:40%;top:35%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (max-width:600px){.onboarding-step0{padding:24px 16px}.logo-container h1{font-size:48px}.logo-container p{font-size:16px}.logo-icon{height:100px;width:100px}.logo-icon .emoji{font-size:52px}.auth-card,.reset-modal{border-radius:26px;padding:24px}.auth-tabs{flex-direction:column}.tab-btn{width:100%}}.onboarding-step1{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative;width:100%}.onboarding-wrapper{max-width:560px}.onboarding-wrapper:before{background:radial-gradient(circle,#ffc83d1a,#0000 70%)}.onboarding-wrapper:after{height:220px;width:220px}.form-group{width:100%}.form-group label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:14px;font-weight:700;margin-bottom:12px}.form-input{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:20px;color:#fff;font-size:15px;outline:none;padding:18px 20px;transition:.28s ease;transition:var(--transition);width:100%}.form-input::placeholder{color:#ffffff47}.form-input:focus{border-color:#ffc83d66;box-shadow:0 0 0 4px #ffc83d14}.gender-options{display:flex;gap:16px}.gender-option{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:24px;cursor:pointer;flex:1 1;padding:24px 18px;text-align:center;transition:.28s ease;transition:var(--transition)}.gender-option:hover{background:#ffffff14;transform:translateY(-3px)}.gender-option.selected{background:linear-gradient(135deg,#ffc83d24,#ff9f1a14);border-color:#ffc83d66;box-shadow:0 10px 30px #ffc83d1f}.gender-icon{font-size:48px;margin-bottom:12px}.gender-option span{font-size:15px;font-weight:700}@media (max-width:600px){.onboarding-step1{padding:24px 16px}.onboarding-wrapper{border-radius:28px;gap:24px;padding:24px}.onboarding-header h1{font-size:34px}.gender-options{flex-direction:column}.progress-line{width:18px}.progress-step{font-size:13px;height:36px;width:36px}}.onboarding-step2{align-items:center;background:radial-gradient(circle at top left,#7c3aed2e,#0000 30%),radial-gradient(circle at bottom right,#3b82f62e,#0000 30%),linear-gradient(135deg,#0f172a,#111827 45%,#1e1b4b);box-sizing:border-box;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:30px 16px}.onboarding-wrapper{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 25px 60px #00000073,inset 0 1px 0 #ffffff0a;max-width:860px}.onboarding-wrapper:before{background:linear-gradient(135deg,#7c3aed80,#3b82f659,#0000,#ec48994d);inset:-1px}.back-button{border:1px solid #ffffff14}.form-container{gap:28px}.parameters-row{display:flex;gap:24px}.parameter-column{display:flex;flex:1 1;flex-direction:column;gap:16px}.section-label{color:#ffffffb8;font-size:13px;font-weight:700;letter-spacing:1px}.value-input-container{background:#ffffff0d;border:1px solid #ffffff14;border-radius:26px;padding:22px;transition:.25s ease}.value-input-container:hover{background:#ffffff12;border-color:#7c3aed59}.stepper-controls{align-items:center;display:flex;gap:16px;justify-content:space-between}.stepper-button{background:#ffffff14;border:none;border-radius:18px;color:#fff;cursor:pointer;flex-shrink:0;font-size:28px;font-weight:600;height:54px;transition:.25s ease;width:54px}.stepper-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#3b82f6);transform:scale(1.05)}.stepper-button:disabled{cursor:not-allowed;opacity:.35}.value-input-display{align-items:baseline;display:flex;flex:1 1;gap:8px;justify-content:center}.value-input{background:#0000;border:none;color:#fff;font-size:48px;font-weight:800;letter-spacing:-2px;outline:none;text-align:center;width:100%}.input-unit{color:#fff9;font-size:20px;font-weight:600}.input-range-hints{display:flex;justify-content:space-between;margin-top:16px}.range-hint{color:#fff6;font-size:13px}.bmi-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;display:flex;flex-direction:column;gap:24px;padding:28px}.bmi-header{align-items:center;display:flex;gap:20px;justify-content:space-between}.bmi-header h3{color:#fff;font-size:22px;font-weight:700;margin:0}.bmi-value{align-items:baseline;display:flex;gap:6px}.bmi-value .value{color:#fff;font-size:44px;font-weight:800}.bmi-value .unit{color:#ffffff80;font-size:15px}.bmi-category{display:flex;justify-content:center}.category-text{border-radius:999px;font-size:14px;font-weight:700;padding:10px 18px}.bmi-scale{border-radius:999px;display:flex;height:18px;overflow:hidden;position:relative}.scale-section{flex:1 1;position:relative}.scale-section.underweight{background:#f59e0b}.scale-section.normal{background:#22c55e}.scale-section.overweight{background:#fb923c}.scale-section.obese{background:#ef4444}.scale-label{color:#ffffff8c;font-size:11px;left:50%;top:28px;white-space:nowrap}.scale-indicator,.scale-label{position:absolute;transform:translateX(-50%)}.scale-indicator{top:-12px;transition:.3s ease}.indicator-line{background:#fff;border-radius:999px;height:42px;margin:0 auto;width:3px}.indicator-dot{background:#fff;border-radius:50%;box-shadow:0 0 14px #ffffffb3;height:14px;margin:-7px auto 0;width:14px}.indicator-value{font-size:14px;font-weight:800;margin-top:10px;text-align:center}.next-button{transition:.25s ease}.next-button:hover:not(:disabled){box-shadow:0 16px 40px #7c3aed73;transform:translateY(-2px)}.next-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}@media (max-width:768px){.onboarding-wrapper{padding:28px 20px}.parameters-row{flex-direction:column}.onboarding-header h1{font-size:30px}.value-input{font-size:40px}.bmi-header{align-items:flex-start;flex-direction:column}.bmi-value .value{font-size:36px}}@media (max-width:480px){.onboarding-step2{padding:18px 12px}.onboarding-wrapper{border-radius:24px;padding:22px 16px}.onboarding-header h1{font-size:26px}.stepper-controls{gap:10px}.stepper-button{height:48px;width:48px}.value-input{font-size:34px}.input-unit{font-size:16px}.bmi-card{padding:22px}.scale-label{display:none}.progress-line{max-width:28px}}:root{--cyan:#00d2ff;--purple:#8b5cf6}.onboarding-step3{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative;width:100%}.onboarding-wrapper{max-width:900px;z-index:2}.onboarding-wrapper:before{height:280px;right:-140px;top:-140px;width:280px;z-index:0}.onboarding-wrapper:after{z-index:0}.progress-step{transition:.28s ease;transition:var(--transition)}.progress-step.completed{background:linear-gradient(135deg,var(--green,#4caf50),#66bb6a)}.form-container{gap:24px}.form-section label{display:block;font-size:20px;font-weight:800;margin-bottom:10px}.section-description{color:#94a3b8;color:var(--text-secondary);font-size:15px;margin-bottom:24px;margin-top:0}.goals-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.goal-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:28px;cursor:pointer;display:flex;gap:18px;overflow:hidden;padding:24px;position:relative;transition:.28s ease;transition:var(--transition)}.goal-card:before{background:linear-gradient(135deg,#ffc83d1a,#00d2ff14);content:"";inset:0;opacity:0;position:absolute;transition:.3s ease}.goal-card:hover{background:#ffffff0f;border-color:#ffc83d26;transform:translateY(-4px)}.goal-card.selected{background:linear-gradient(135deg,#ffc83d24,#ff9f1a14);border-color:#ffc83d59;box-shadow:0 14px 35px #ffc83d1f}.goal-card.selected:before{opacity:1}.goal-icon{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid #ffffff0d;border-radius:22px;display:flex;font-size:38px;height:74px;justify-content:center;min-width:74px;width:74px}.goal-content{position:relative;z-index:2}.goal-content h4{font-size:19px;font-weight:800;margin:0}.goal-content p{color:#94a3b8;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:8px}.button-container{margin-top:8px}.next-button{background:linear-gradient(135deg,#ffc83d,#ff9f1a);background:linear-gradient(135deg,var(--yellow),var(--yellow2));border-radius:22px;color:#000;font-size:16px;font-weight:900;padding:18px;transition:var(--transition)}.next-button:hover:not(.disabled){box-shadow:0 16px 36px #ffc83d40;transform:translateY(-3px)}.next-button.disabled{transform:none}@media (max-width:900px){.goals-grid{grid-template-columns:1fr}}@media (max-width:600px){.onboarding-step3{padding:24px 16px}.onboarding-wrapper{border-radius:28px;gap:24px;padding:24px}.onboarding-header h1{font-size:32px}.goal-card{gap:14px;padding:20px}.goal-icon{font-size:30px;height:60px;min-width:60px;width:60px}.goal-content h4{font-size:17px}.goal-content p{font-size:13px}.progress-line{width:18px}.progress-step{font-size:13px;height:36px;width:36px}}.onboarding-step4{align-items:center;background:radial-gradient(circle at top left,#7c3aed2e,#0000 30%),radial-gradient(circle at bottom right,#3b82f62e,#0000 30%),linear-gradient(135deg,#0f172a,#111827 45%,#1e1b4b);box-sizing:border-box;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:30px 16px}.onboarding-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111827e0;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 25px 60px #00000073,inset 0 1px 0 #ffffff0d;gap:28px;padding:40px 32px}.onboarding-wrapper:before{background:linear-gradient(135deg,#7c3aed80,#3b82f666,#0000,#ec48994d);border-radius:32px;inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none}.back-button{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;color:#fff;font-size:22px;font-weight:600;height:48px;transition:.25s ease;width:48px}.back-button:hover{background:#ffffff24}.progress-step{background:#ffffff14;border:1px solid #ffffff14;color:#ffffff8c;font-weight:700;height:38px;transition:.25s ease;width:38px}.progress-step.completed{background:linear-gradient(135deg,#22c55e,#16a34a);border:none}.progress-step.active{background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;box-shadow:0 0 20px #7c3aed73;color:#fff}.progress-line{flex:1 1;max-width:55px}.onboarding-header h1{font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1.1}.onboarding-header p{color:#ffffffb8;font-size:17px;line-height:1.5}.form-container{width:100%}.form-section{display:flex;flex-direction:column;gap:14px}.form-section label{color:#fff;font-size:16px;font-weight:700}.section-description{color:#ffffff94;font-size:14px;margin-top:-4px}.experience-cards{display:flex;flex-direction:column;gap:18px}.experience-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;box-sizing:border-box;cursor:pointer;display:flex;gap:20px;padding:22px;transition:.28s ease;width:100%}.experience-card:hover{background:#ffffff14;border-color:#7c3aed66;box-shadow:0 12px 35px #00000059,0 0 20px #7c3aed33;transform:translateY(-3px)}.experience-card.selected{background:linear-gradient(135deg,#7c3aed47,#3b82f638);border-color:#7c3aedb3;box-shadow:0 0 28px #7c3aed59,0 18px 40px #0006}.experience-icon{align-items:center;background:#ffffff14;border-radius:22px;display:flex;flex-shrink:0;font-size:34px;height:70px;justify-content:center;width:70px}.experience-content{flex:1 1}.experience-content h4{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.experience-content p{color:#ffffffad;font-size:15px;line-height:1.5;margin:0}.button-container{width:100%}.next-button{background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:20px;box-shadow:0 12px 30px #7c3aed59;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:62px;transition:.28s ease;width:100%}.next-button:hover:not(.disabled){box-shadow:0 16px 40px #7c3aed73;transform:translateY(-2px)}.next-button.disabled{box-shadow:none;cursor:not-allowed;opacity:.45}@media (max-width:768px){.onboarding-wrapper{border-radius:26px;padding:28px 20px}.onboarding-header h1{font-size:30px}.experience-card{gap:16px;padding:18px}.experience-icon{font-size:28px;height:58px;width:58px}.experience-content h4{font-size:18px}.experience-content p{font-size:14px}.next-button{font-size:16px;height:56px}}@media (max-width:480px){.onboarding-step4{padding:18px 12px}.onboarding-wrapper{padding:22px 16px}.onboarding-header h1{font-size:26px}.onboarding-header p{font-size:15px}.experience-card{align-items:flex-start;flex-direction:column}.experience-icon{height:54px;width:54px}.progress-line{max-width:28px}}:root{--bg:#070b14;--bg2:#111827;--card:#0f172aeb;--border:#ffffff14;--text:#f8fafc;--text-secondary:#94a3b8;--yellow:#ffc83d;--yellow2:#ff9f1a;--green:#4caf50;--shadow:0 25px 70px #00000073;--transition:.28s ease}*{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}body{background:radial-gradient(circle at top left,#8b5cf624,#0000 30%),radial-gradient(circle at top right,#00d2ff1f,#0000 25%),linear-gradient(180deg,#070b14,#111827);background:radial-gradient(circle at top left,#8b5cf624,#0000 30%),radial-gradient(circle at top right,#00d2ff1f,#0000 25%),linear-gradient(180deg,var(--bg),var(--bg2));color:#f8fafc;color:var(--text);font-family:Inter,system-ui,sans-serif}.onboarding-step5{align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}.onboarding-step5,.onboarding-wrapper{display:flex;overflow:hidden;width:100%}.onboarding-wrapper{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(180deg,#0a0e18f5,#101624fa);border:1px solid #ffffff0f;border-radius:40px;box-shadow:0 25px 70px #00000073;box-shadow:var(--shadow);flex-direction:column;gap:30px;max-width:760px;padding:38px;position:relative}.onboarding-wrapper:before{background:radial-gradient(circle,#ffc83d1f,#0000 70%);border-radius:50%;content:"";height:260px;position:absolute;right:-120px;top:-120px;width:260px}.onboarding-wrapper:after{background:radial-gradient(circle,#00d2ff14,#0000 70%);border-radius:50%;bottom:-120px;content:"";height:240px;left:-120px;position:absolute;width:240px}.onboarding-wrapper>*{position:relative;z-index:2}.back-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:18px;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:54px;justify-content:center;transition:.28s ease;transition:var(--transition);width:54px}.back-button:hover{background:#ffffff14;transform:translateY(-2px)}.progress-container{flex-wrap:wrap;gap:10px}.progress-container,.progress-step{align-items:center;display:flex;justify-content:center}.progress-step{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:50%;color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:800;height:42px;width:42px}.progress-step.completed{background:linear-gradient(135deg,#4caf50,#66bb6a);background:linear-gradient(135deg,var(--green),#66bb6a);color:#fff}.progress-step.active{background:linear-gradient(135deg,#ffc83d,#ff9f1a);background:linear-gradient(135deg,var(--yellow),var(--yellow2));box-shadow:0 10px 30px #ffc83d40;color:#000}.progress-line{background:#ffffff14;border-radius:999px;height:4px;width:28px}.onboarding-header{text-align:center}.onboarding-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffe082 45%,#ffc83d);-webkit-background-clip:text;color:#fff;font-size:42px;font-weight:900;letter-spacing:-2px;margin:0;text-shadow:0 2px 12px #ffffff14}.onboarding-header p{color:#94a3b8;color:var(--text-secondary);font-size:16px;line-height:1.6;margin-top:14px}.form-container{display:flex;flex-direction:column}.form-section{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:30px;padding:30px}.frequency-value{align-items:center;display:flex;flex-direction:column;margin-bottom:36px}.frequency-value .value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffc83d,#fff0b3);background:linear-gradient(135deg,var(--yellow),#fff0b3);-webkit-background-clip:text;font-size:90px;font-weight:900;line-height:1}.frequency-value .label{color:#94a3b8;color:var(--text-secondary);font-size:18px;font-weight:600;margin-top:12px}.frequency-slider{margin-bottom:40px}.slider-input{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ffc83d,#ff9f1a);background:linear-gradient(90deg,var(--yellow),var(--yellow2));border-radius:999px;height:8px;outline:none;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:4px solid #ffc83d;border:4px solid var(--yellow);border-radius:50%;box-shadow:0 6px 20px #ffc83d59;cursor:pointer;height:28px;width:28px}.slider-input::-moz-range-thumb{background:#fff;border:4px solid #ffc83d;border:4px solid var(--yellow);border-radius:50%;cursor:pointer;height:28px;width:28px}.slider-ticks{display:flex;justify-content:space-between;margin-top:20px}.tick{background:#ffffff1f;border-radius:50%;cursor:pointer;height:14px;transition:.28s ease;transition:var(--transition);width:14px}.tick.active{background:#ffc83d;background:var(--yellow);box-shadow:0 0 15px #ffc83d73;transform:scale(1.2)}.frequency-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.frequency-option{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:24px;cursor:pointer;padding:22px;transition:.28s ease;transition:var(--transition)}.frequency-option:hover{background:#ffffff0f;transform:translateY(-3px)}.frequency-option.active{background:linear-gradient(135deg,#ffc83d24,#ff9f1a14);border-color:#ffc83d59;box-shadow:0 12px 30px #ffc83d1f}.option-value{font-size:20px;font-weight:800;margin-bottom:8px}.option-desc{color:#94a3b8;color:var(--text-secondary);font-size:14px;line-height:1.5}.button-container{margin-top:10px}.complete-button{align-items:center;background:linear-gradient(135deg,#ffc83d,#ff9f1a);background:linear-gradient(135deg,var(--yellow),var(--yellow2));border:none;border-radius:24px;color:#000;cursor:pointer;display:flex;font-size:17px;font-weight:900;gap:12px;justify-content:center;padding:20px;transition:.28s ease;transition:var(--transition);width:100%}.complete-button:hover:not(:disabled){box-shadow:0 18px 40px #ffc83d40;transform:translateY(-3px)}.complete-button:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #0003;border-radius:50%;border-top-color:#000;height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.frequency-options{grid-template-columns:1fr}.frequency-value .value{font-size:72px}}@media (max-width:600px){.onboarding-step5{padding:24px 16px}.onboarding-wrapper{border-radius:28px;gap:24px;padding:24px}.onboarding-header h1{font-size:32px}.form-section{padding:22px}.frequency-value .value{font-size:64px}.frequency-value .label{font-size:16px}.option-value{font-size:18px}.option-desc{font-size:13px}.progress-line{width:18px}.progress-step{font-size:13px;height:36px;width:36px}}
/*# sourceMappingURL=main.80e2824f.css.map*/