*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#000;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto}.home-page{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.home-title{margin-bottom:56px;font-size:3rem;font-weight:600}.home-cards{gap:24px;width:100%;max-width:700px;display:flex}.home-card{text-align:center;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:16px;flex:1;padding:40px 28px;transition:background .2s,transform .2s}.home-card:hover{background:#252525;transform:translateY(-2px)}.home-card--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.home-card-icon{margin-bottom:20px;font-size:4.5rem}.home-card h2{margin-bottom:10px;font-size:1.8rem;font-weight:500}.home-card p{color:#999;font-size:1.15rem}.coming-soon{font-style:italic;color:#666!important}@media (width<=500px){.home-cards{flex-direction:column}.home-title{margin-bottom:40px;font-size:2.2rem}}.tasks-page{flex:1;min-height:100vh;padding:16px}.loading{text-align:center;color:#999;padding:48px}.tasks-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.back-btn{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 12px;font-size:1rem;transition:background .2s}.back-btn:hover{background:#252525}.tasks-header h1{font-size:1.8rem;font-weight:600}.tasks-grid{flex-direction:column;gap:12px;max-width:700px;margin:0 auto;display:flex}.task-card{cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:row;align-items:center;transition:background .2s;display:flex;overflow:hidden}.task-card:hover{background:#252525}.task-card-image{object-fit:cover;flex-shrink:0;width:120px;height:120px;margin-top:6px;margin-bottom:6px;margin-left:8px;display:block}.task-card-body{flex:1;min-width:0;padding:18px 20px}.task-card-name{margin-bottom:6px;font-size:1.35rem;font-weight:500}.task-card-desc{color:#999;margin-bottom:10px;font-size:1.1rem;line-height:1.4}.task-card-duration{color:#aaa;background:#252525;border-radius:12px;padding:4px 10px;font-size:1rem}@media (width<=500px){.task-card-image{width:75px;height:75px}}.workout-page{flex-direction:column;align-items:center;height:100dvh;padding:12px 16px;display:flex;overflow:hidden}.workout-topbar{flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;margin-bottom:4px;display:flex}.exercise-info-row{flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:-32px;margin-bottom:8px;display:flex}.close-btn{background:#1a1a1a;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;transition:background .2s;display:flex}.close-btn:hover{background:#333}.exercise-counter{color:#ccc;font-size:1rem;font-weight:500}.info-btn{background:#1a1a1a;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:background .2s;display:flex}.info-btn:hover{background:#333}.workout-image-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin-bottom:8px;display:flex}.workout-image{object-fit:contain;border-radius:12px;width:100%;height:100%}.exercise-name{text-align:center;flex-shrink:0;margin-bottom:4px;font-size:1.3rem;font-weight:500}.timer{font-variant-numeric:tabular-nums;flex-shrink:0;margin-bottom:8px;font-size:3.2rem;font-weight:700;transition:color .3s}.workout-controls{flex-shrink:0;align-items:center;gap:24px;padding-bottom:12px;display:flex}.play-pause-btn{color:#000;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;transition:background .2s,transform .1s;display:flex}.play-pause-btn:hover{background:#ddd}.play-pause-btn:active{transform:scale(.95)}.skip-btn{background:#1a1a1a;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;transition:background .2s;display:flex}.skip-btn:hover{background:#333}.info-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.info-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:100%;max-width:400px;padding:24px}.info-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.info-modal-header h3{font-size:1.2rem;font-weight:500}.info-close-btn{background:#252525;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.info-close-btn:hover{background:#333}.info-execution{color:#ccc;margin-bottom:12px;font-size:1.25rem;line-height:1.6}.info-details{color:#888;font-size:1.15rem;font-style:italic}@media (width<=500px){.timer{font-size:2.6rem}.exercise-name{font-size:1.1rem}.play-pause-btn{width:64px;height:64px;font-size:1.5rem}.skip-btn{width:44px;height:44px;font-size:1.1rem}}.success-page{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.success-content{text-align:center}.success-icon{margin-bottom:32px;font-size:6rem}.success-content h1{margin-bottom:16px;font-size:2.5rem;font-weight:600}.success-content p{color:#999;margin-bottom:40px;font-size:1.25rem}.home-btn{color:#000;background:#fff;border-radius:12px;padding:18px 40px;font-size:1rem;font-weight:500;transition:background .2s,transform .1s}.home-btn:hover{background:#ddd}.home-btn:active{transform:scale(.97)}