@import url("soft-controls.css");

.workout-page dialog select{width:100%;border:1px solid #dedbe7;border-radius:9px;padding:11px 12px;color:var(--ink);background:#fff;font:400 14px inherit}.workout-page dialog form>button[type="submit"],.workout-page .task-row .start-task{background:#fff0e9;color:#d96945}.workout-page .task-row .start-task:hover{background:#ffe2d7}.workout-page .feature-grid>article:first-child{height:466px;min-height:466px;max-height:466px;overflow:hidden;display:flex;flex-direction:column}.workout-page #today-workouts{height:336px;max-height:336px;min-height:336px;overflow-y:scroll!important;overscroll-behavior:contain;padding-right:7px;scrollbar-width:thin;scrollbar-color:#f0aa91 transparent}.workout-page #today-workouts .task-row{min-height:84px}.workout-page #today-workouts .task-row:first-child{border-top:0}.workout-page #today-workouts::-webkit-scrollbar{width:5px}.workout-page #today-workouts::-webkit-scrollbar-track{background:transparent}.workout-page #today-workouts::-webkit-scrollbar-thumb{border-radius:10px;background:#f0aa91}@media(max-width:650px){.workout-page .feature-grid>article:first-child{height:450px;min-height:450px;max-height:450px}.workout-page #today-workouts{height:320px;max-height:320px;min-height:320px}}
.workout-tag{display:inline-flex;align-items:center;margin-left:4px;padding:3px 7px;border-radius:99px;font-size:10px;font-weight:700;line-height:1;letter-spacing:.2px;vertical-align:middle}.workout-tag.running{background:#e5f6f1;border:1px solid #c8ebe1;color:#329379}.workout-tag.fitness{background:#fff0eb;border:1px solid #f8d9cf;color:#d36f50}.workout-tag.strength{background:#fff6df;border:1px solid #f4e3af;color:#af8429}.workout-tag.relax{background:#edeaff;border:1px solid #dcd5fb;color:#7765c4}
.workout-menu{border-color:#f0d4c9}.workout-menu .save-edit{background:#fff0e9;color:#d96945}.workout-menu .cancel-task{background:#f6f4f4;color:#777}
.task-context-menu{display:none;position:fixed;z-index:20;width:210px;padding:15px;border:1px solid #ded9f3;border-radius:13px;background:#fff;box-shadow:0 14px 36px rgba(48,39,94,.18);color:#4f4b5e}.task-context-menu.visible{display:grid;gap:11px}.task-context-menu strong{font-size:13px}.task-context-menu label{display:grid;gap:5px;color:#777384;font-size:11px;font-weight:600}.task-context-menu select,.task-context-menu input{width:100%;border:1px solid #dedbe7;border-radius:7px;padding:8px;color:var(--ink);background:#fff;font:12px inherit}.task-context-menu>div{display:flex;gap:7px;margin-top:2px}.task-context-menu button{margin:0;border:0;border-radius:7px;padding:8px 9px;font:600 11px inherit;cursor:pointer}.task-context-menu .save-edit{background:#fff0e9;color:#d96945}.task-context-menu .cancel-task{background:#f6f4f4;color:#777}
.workout-page #today-workouts .task-row{-webkit-touch-callout:none;user-select:none}
.workout-page #today-workouts .task-row .start-task{grid-column:1;grid-row:2}.workout-page #today-workouts .complete-task{z-index:1;grid-column:2;grid-row:2;justify-self:end;align-self:center;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;appearance:none;border:1px solid #f1cabb;border-radius:9px;background:#fff0e9;color:transparent;font:700 22px/1 "DM Sans",sans-serif;text-align:center;cursor:pointer;transition:.2s}.workout-page #today-workouts .complete-task:hover{border-color:#df7958;background:#ffe4d8}.workout-page .completed-task{position:relative;isolation:isolate;background:#e8e7ea!important;color:#8d8b93!important;overflow:hidden}.workout-page .completed-task:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(to bottom right,transparent calc(50% - 2px),rgba(78,76,84,.42) calc(50% - 1px),rgba(78,76,84,.42) calc(50% + 1px),transparent calc(50% + 2px));pointer-events:none}.workout-page .completed-task>*{position:relative;z-index:1}.workout-page .completed-task .start-task{pointer-events:none;background:#dbd9de!important;color:#89868f!important}.workout-page #today-workouts .completed-task .complete-task{border-color:#f1cabb;background:#fff0e9;color:#fff;text-shadow:0 1px 2px rgba(190,94,63,.52)}.workout-page .completed-task b,.workout-page .completed-task small{color:#77747c!important}
#workout-goal-dialog input,#workout-goal-dialog select{border-color:#eee8e5!important;border-radius:13px!important;background:#fffdfc!important;box-shadow:inset 0 1px 2px rgba(95,55,38,.035)}#workout-goal-dialog input:focus,#workout-goal-dialog select:focus{outline:2px solid #ffe5da;border-color:#f2c8b9!important}

@keyframes workout-ripple{0%{transform:translateY(9px) scale(.985);box-shadow:0 0 0 0 rgba(228,123,83,.18);opacity:0}58%{transform:translateY(-2px) scale(1);box-shadow:0 0 0 13px rgba(228,123,83,0);opacity:1}100%{transform:translateY(0);box-shadow:0 8px 20px rgba(104,57,38,.045)}}@keyframes workout-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.workout-page .feature-grid>article{animation:workout-ripple .7s cubic-bezier(.2,.8,.2,1) both,workout-drift 4.8s ease-in-out .75s infinite}.workout-page .feature-grid>article:nth-child(2){animation-delay:.13s,.95s}.workout-page .feature-grid>article:hover{animation-play-state:paused;transform:translateY(-3px);box-shadow:0 12px 25px rgba(104,57,38,.08)}
.workout-page .feature-grid>article:nth-child(2){animation-delay:0s,.75s}
@keyframes workout-title-ripple{0%{opacity:0;transform:translateY(12px);letter-spacing:4px;text-shadow:0 0 0 rgba(228,123,83,.4)}65%{opacity:1;transform:translateY(-1px);letter-spacing:-1.2px;text-shadow:0 0 18px rgba(228,123,83,0)}100%{opacity:1;transform:none;letter-spacing:-2px}}.workout-page>h1{animation:workout-title-ripple .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes workout-title-ripple{0%{opacity:0;transform:translateY(12px);letter-spacing:4px;text-shadow:0 0 0 rgba(228,123,83,.4)}65%{opacity:1;transform:translateY(-1px);letter-spacing:-1.2px;text-shadow:0 0 18px rgba(228,123,83,0)}100%{opacity:1;transform:none;letter-spacing:-2px}}.workout-page>h1,.workout-title-row h1{animation:workout-title-ripple .8s cubic-bezier(.2,.8,.2,1) both}
.workout-page #today-workouts .completed-task{border-radius:13px;margin:5px 0;padding:14px 12px}

/* Completion changes color only; it must not change the task card geometry. */
.workout-page #today-workouts .task-row.completed-task{box-sizing:border-box;margin:0!important;padding:16px 0!important;min-height:84px;border-radius:13px}
.workout-page #today-workouts .task-row.completed-task{background:transparent!important;overflow:visible}.workout-page #today-workouts .task-row.completed-task:before{content:"";position:absolute;z-index:0;inset:3px 0;border-radius:13px;background:#e8e7ea}.workout-page #today-workouts .task-row.completed-task:after{inset:3px 0;border-radius:13px}
body{background:#fff7f1}
.workout-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.workout-title-row h1{margin-right:0}.muscle-map-link{display:grid;grid-template-columns:32px auto;column-gap:9px;align-items:center;width:184px;padding:10px 12px;border:1px solid #f0cfc2;border-radius:13px;background:#fff4ef;color:#c86445;text-decoration:none;transition:.2s}.muscle-map-link:hover{transform:translateY(-2px);background:#ffede6;box-shadow:0 9px 18px rgba(182,91,59,.1)}.muscle-map-link span{grid-row:1 / 3;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ffe1d5;font-size:19px}.muscle-map-link b{font-size:12px}.muscle-map-link small{font-size:10px;color:#b98d7e}@media(max-width:650px){.workout-title-row{gap:10px}.workout-title-row h1{font-size:37px}.muscle-map-link{width:145px;padding:8px}.muscle-map-link small{display:none}.muscle-map-link span{width:27px;height:27px;font-size:16px}}
.workout-page .intro .quote-zh{display:block;margin-top:5px;color:#b09b94;font-size:12px;letter-spacing:.1px}
.muscle-map-link span .lucide{width:17px;height:17px}

.workout-tool-links{display:flex;gap:10px}.running-coach-link{border-color:#f3d8c8;background:#fff7f1;color:#ca7656}.running-coach-link span{background:#ffe7d9}.running-coach-link small{color:#b89486}.running-coach-link:hover{background:#ffefe6}@media(max-width:760px){.workout-title-row{align-items:flex-start;flex-wrap:wrap}.workout-tool-links{width:100%;justify-content:flex-end}.workout-tool-links .muscle-map-link{width:calc(50% - 5px)}}@media(max-width:650px){.workout-tool-links{gap:7px}.workout-tool-links .muscle-map-link{width:calc(50% - 4px);grid-template-columns:27px minmax(0,1fr)}.workout-tool-links .muscle-map-link b{font-size:10px;white-space:nowrap}.workout-tool-links .muscle-map-link small{display:none}.running-coach-link span .lucide{width:15px;height:15px}}
