.yoga-feature{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper);margin:28px 0 48px}.yoga-feature-copy{padding:34px}.yoga-feature-copy h2{font-size:42px;line-height:1.08;margin:25px 0}.yoga-feature-copy h2 em{font-weight:400;color:var(--red)}.yoga-feature-copy p{color:var(--muted);line-height:1.8}.yoga-feature-copy small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:25px}.yoga-feature-video{border:0;position:relative;padding:0;background:#263329;cursor:pointer;color:white;min-height:360px;overflow:hidden}.yoga-feature-video>img{width:100%;height:100%;object-fit:cover;opacity:.8}.yoga-play-circle{position:absolute;top:40%;left:45%;display:grid;place-items:center;border:1px solid #ffffff99;border-radius:50%;width:72px;height:72px;background:#ffffff22;backdrop-filter:blur(7px)}.yoga-play-circle .icon{width:28px;height:28px}.yoga-video-caption{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:10px;text-align:left;padding:55px 30px 25px;background:linear-gradient(transparent,#101c17e6);font-size:18px}.yoga-video-caption span{font-size:12px;color:#e3e8df}.yoga-section{margin:42px 0}.yoga-playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.yoga-playlist{position:relative;padding:26px 22px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.yoga-playlist h3{font-size:22px;line-height:1.3;margin:40px 0 12px;min-height:85px}.yoga-playlist p{font-size:13px;line-height:1.8;color:var(--muted);min-height:70px}.yoga-series-number{position:absolute;right:20px;top:15px;font-size:40px;opacity:.13}.yoga-tone-0{background:var(--sage)}.yoga-tone-1{background:var(--red-soft)}.yoga-playlist .text-button{display:inline-flex;margin-top:18px;font-size:11px}.yoga-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.yoga-video{overflow:hidden;border-radius:20px;border:1px solid var(--line);background:var(--paper)}.yoga-video>button{border:0;width:100%;padding:0;position:relative;cursor:pointer;background:var(--paper)}.yoga-video img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.yoga-video>div{padding:24px}.yoga-video h3{font-size:23px;margin:14px 0}.yoga-video p{font-size:13px;line-height:1.8;color:var(--muted)}.yoga-duration{position:absolute;bottom:12px;right:12px;color:white;background:#19271ecc;border-radius:5px;padding:4px 8px;font-size:11px}.yoga-play-small{position:absolute;left:15px;bottom:12px;color:white}.yoga-stretch-banner{border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.yoga-stretch-banner>div{display:flex;gap:20px;align-items:center}.yoga-stretch-banner h3{margin:0 0 8px}.yoga-stretch-banner p{margin:0;color:var(--muted);font-size:13px}.yoga-embed{position:relative;aspect-ratio:16/9;background:#121a15;border-radius:12px;overflow:hidden}.yoga-embed iframe{width:100%;height:100%;border:0}.draft-pill{display:inline-flex;border-radius:6px;padding:4px 8px;background:#bd8b2822;color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.program-card.program-draft,.hub-session-card.program-draft{border-color:#b58b4a;background:color-mix(in srgb,var(--paper) 90%,#d9ad51)}.program-dates{font-size:11px!important;color:var(--muted);line-height:1.8}.program-credit{font-size:12px;line-height:1.8;padding:10px 0;color:var(--muted)}.program-card-actions{flex-wrap:wrap}.program-card-actions .secondary-btn{padding:10px 12px;gap:6px}.program-update{border:1px solid var(--line);padding:12px;border-radius:10px;font-size:12px;background:var(--sage)}.program-update button{display:block;margin-top:8px}.dirty-choices{display:grid;gap:10px}.dirty-choices button{justify-content:flex-start;text-align:left;min-height:48px}.dirty-choices small{display:block;font-weight:400;color:var(--muted)}.quick-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.quick-mode-grid button{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-align:left;cursor:pointer;color:var(--ink)}.quick-mode-grid button.selected{border-color:var(--red);background:var(--red-soft)}.quick-mode-grid strong,.quick-mode-grid span{display:block}.quick-mode-grid span{font-size:12px;line-height:1.6;margin-top:7px;color:var(--muted)}.unit-inline{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px}.unit-inline select{min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:8px}.program-chooser-item{display:flex;gap:14px;padding:18px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;text-align:left;width:100%;cursor:pointer;margin-bottom:10px}.program-chooser-item strong,.program-chooser-item small{display:block}.program-chooser-item small{color:var(--muted);margin-top:6px}.audio-settings{display:grid;gap:14px}.audio-settings .field{margin:0}.audio-settings .settings-row{padding:14px 0}.audio-volume{display:flex;align-items:center;gap:14px;width:100%}.audio-volume input{flex:1}.timer-exercise-art{width:150px;height:130px;margin:0 auto 10px}.timer-exercise-art img{width:100%;height:100%;object-fit:contain}.timer-exercise-art svg{width:85px;height:85px}.timer-equipment{display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:13px;margin:8px 0}.timer-equipment svg{width:48px;height:32px}.timer-side-banner{font-size:clamp(21px,4vw,38px);letter-spacing:.06em;font-weight:800;min-height:38px;margin:8px 0}.timer-screen .phase-badge{font-size:16px;font-weight:800}.timer-rest-overlay{display:none;position:absolute;inset:0;pointer-events:none;background:color-mix(in srgb,var(--paper) 92%,transparent);align-items:center;justify-content:center;border-radius:20px;font-size:clamp(50px,9vw,100px);font-weight:850;letter-spacing:.06em}.timer-screen.rest-phase .timer-rest-overlay{display:flex}.timer-visual-stage{position:relative;min-height:140px;width:100%;max-width:380px;margin:0 auto}.timer-screen.rest-phase .timer-digits{color:var(--green)}.manual-work-controls{display:flex;gap:12px;justify-content:center;margin:18px 0}.manual-work-controls .primary-btn{min-width:210px;font-size:18px;padding:17px 25px}.manual-work-label{color:var(--muted);font-size:13px;margin-top:-8px}.timer-next{max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.timer-next .next-art{width:42px;height:42px;object-fit:contain;vertical-align:middle;margin-right:10px}.completion-job{font-size:clamp(42px,7vw,74px);line-height:1;letter-spacing:-.05em;font-weight:800;margin:15px 0;color:var(--red)}.completion-sparkles{position:relative;display:grid;place-items:center;width:120px;height:120px;margin:0 auto}.completion-sparkles .completion-icon{margin:0}.completion-sparkles i{position:absolute;width:7px;height:16px;background:var(--red);border-radius:2px;transform:rotate(var(--angle)) translateY(-58px);animation:celebrate-pop .8s ease-out both}.completion-sparkles i:nth-child(even){background:var(--sage,#708061)}@keyframes celebrate-pop{from{opacity:0;transform:rotate(var(--angle)) translateY(-20px) scale(.2)}to{opacity:1;transform:rotate(var(--angle)) translateY(-58px) scale(1)}}.completion .completion-stats{margin:20px auto}.completion .completion-log-note{max-width:520px}.completion .secondary-btn{margin-top:10px}.activity-photos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.activity-photo{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.activity-photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.activity-photo button{position:absolute;right:6px;top:6px;border-radius:50%;width:28px;height:28px;border:0;background:#19271edd;color:white;cursor:pointer}.activity-photo small{display:block;padding:8px;font-size:10px;color:var(--muted)}.photo-actions{display:flex;gap:10px;flex-wrap:wrap}.date-format-settings{margin-top:20px}.timer-main{padding-top:22px}.timer-main .timer-digits{font-size:clamp(70px,12vw,150px)}.timer-main .timer-exercise{font-size:clamp(25px,4vw,46px);margin:5px 0 12px}.timer-main .timer-controls{margin:20px 0}.timer-art-label{font-size:12px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.completion-sparkles i{animation:none}}
@media(max-width:1000px){.yoga-feature{grid-template-columns:1fr 1.15fr}.yoga-feature-copy{padding:25px}.yoga-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yoga-video-grid{gap:12px}.yoga-feature-copy h2{font-size:34px}.yoga-video h3{font-size:21px}}
@media(max-width:650px){.yoga-feature{grid-template-columns:1fr;margin-top:20px}.yoga-feature-video{min-height:260px}.yoga-feature-copy h2{font-size:38px}.yoga-playlist-grid,.yoga-video-grid{grid-template-columns:1fr}.yoga-playlist h3,.yoga-playlist p{min-height:0}.yoga-stretch-banner{display:block}.yoga-stretch-banner>.primary-btn{margin-top:20px}.quick-mode-grid{grid-template-columns:1fr}.timer-main{padding-top:16px}.timer-exercise-art{width:110px;height:90px}.timer-visual-stage{min-height:100px}.timer-side-banner{font-size:22px}.timer-main .timer-digits{font-size:72px}.timer-main .timer-exercise{font-size:25px}.timer-main .timer-controls{margin:14px 0}.timer-next{font-size:12px}.timer-main .timer-note{font-size:11px}.activity-photos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-volume{min-width:160px}}

.program-dates{display:flex;flex-direction:column;margin:12px 0}.program-update span{display:block;margin:6px 0}.quick-mode-grid button>.icon{margin-bottom:10px}.quick-mode-grid button>strong,.quick-mode-grid button>span{display:block}.program-chooser-item{align-items:center;justify-content:space-between}.program-chooser-item small{display:block}.hub-timer{padding:30px;background:var(--sage);border-radius:18px}.hub-timer h3{font-size:25px;margin:14px 0}.hub-timer p{font-size:13px;line-height:1.8;color:var(--muted)}.duration-stepper{display:grid;grid-template-columns:36px minmax(55px,1fr) 67px 36px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}.duration-stepper button{min-height:48px;border:0;font-size:20px}.duration-stepper input,.duration-stepper select{min-width:0!important;width:100%;border:0!important;border-radius:0!important;background:var(--paper);color:var(--ink);padding:8px!important;text-align:center}.duration-stepper input{appearance:textfield}.duration-stepper input::-webkit-inner-spin-button{display:none}.duration-stepper select{border-left:1px solid var(--line)!important;font-size:13px!important}.editor-equipment-visual{display:flex;align-items:center;gap:12px}.editor-equipment-visual>svg{width:48px;height:48px;flex-shrink:0}.editor-equipment-visual>select{flex:1;min-width:0}.activity-photo{margin:0}.activity-photo-section{margin:26px 0}.timer-exercise-art>.icon{margin:auto}.timer-equipment:empty,.timer-side-banner:empty,.manual-work-label:empty,.manual-work-controls:empty{display:none}.timer-context{flex-wrap:wrap}.timer-main .timer-session-name{margin-bottom:15px}.timer-rest-overlay{color:var(--green)}.timer-main .timer-next{display:flex;align-items:center;justify-content:center;gap:10px}.timer-next .next-art{flex-shrink:0}.audio-settings .field select{width:100%;max-width:100%}.audio-settings>.secondary-btn{justify-self:start}.date-format-settings{margin-bottom:16px}.yoga-tone-0{background:var(--sage)}.yoga-tone-1{background:var(--red-soft)}

/* Local poster artwork keeps yoga cards visible when video thumbnails are unavailable. */
.yoga-poster{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#eee9dc}.yoga-feature-video>.yoga-poster{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.yoga-feature-video>.yoga-play-circle{left:50%;top:43%;transform:translate(-50%,-50%);background:#cb5d49;border-color:#fff9;box-shadow:0 8px 28px #39453130;color:#fff}.yoga-video>button>.yoga-poster{transition:filter .2s ease}.yoga-video>button:hover>.yoga-poster{filter:brightness(1.03)}.yoga-play-small{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#44523edb}.yoga-play-small .icon{width:17px;height:17px}
