.stretching-app{--stretching-action-size:2.75rem;--stretching-dock-clearance:2rem;--stretching-focus-ring:color-mix(in oklch, var(--tool-accent) 62%, hsl(var(--foreground)) 38%);--stretching-sheet-background:color-mix(in oklch, hsl(var(--card)) 96%, var(--tool-accent) 4%);--stretching-image-background:#f8f5ed;width:100%;min-width:0;overflow-x:clip}.stretching-shell{box-sizing:border-box;width:100%;min-width:0;margin-inline:auto;padding-block-start:clamp(1rem,2vw,2rem);padding-block-end:calc(var(--stretching-dock-clearance) + env(safe-area-inset-bottom));padding-inline-start:max(1rem, env(safe-area-inset-left));padding-inline-end:max(1rem, env(safe-area-inset-right))}.stretching-shell--discovery{max-width:72rem}.stretching-shell--wide{max-width:96rem}.stretching-shell--focus{--stretching-dock-clearance:6.5rem;max-width:80rem;min-height:100dvh}.stretching-app :where(button,[role=button]){min-width:var(--stretching-action-size);min-height:var(--stretching-action-size);touch-action:manipulation}.stretching-app :where(input:not([type=checkbox]):not([type=radio]),select){min-height:var(--stretching-action-size)}.stretching-app :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--stretching-focus-ring);outline-offset:2px;box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 6px color-mix(in oklch, var(--stretching-focus-ring) 30%, transparent)}.stretching-action{min-width:var(--stretching-action-size);min-height:var(--stretching-action-size);justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.stretching-sheet,.stretching-popover{border:1px solid hsl(var(--border));background:var(--stretching-sheet-background);color:hsl(var(--foreground));box-shadow:0 1rem 3rem hsl(var(--foreground) / .12)}.stretching-sheet{border-radius:var(--radius-xl)}.stretching-popover{border-radius:var(--radius-lg)}.stretching-image-surface{border-radius:var(--radius-xl);background:var(--stretching-image-background);overflow:hidden}.stretching-rail{--stretching-rail-gap:3px;--stretching-rail-border:color-mix(in oklch, hsl(var(--border)) 72%, var(--tool-accent) 28%);box-sizing:border-box;gap:var(--stretching-rail-gap);border:1px solid var(--stretching-rail-border);background:color-mix(in oklch, hsl(var(--muted)) 72%, var(--tool-accent) 8%);border-radius:.65rem;height:26px;min-height:0;overflow:hidden}.stretching-rail--mini{--stretching-rail-gap:2px;border:0;border-radius:999px;height:6px}.stretching-rail-seg{min-width:0;height:100%;min-height:0;color:hsl(var(--foreground));text-align:left;border:0;padding:0;transition:background-color .18s,opacity .18s,filter .18s;position:relative;overflow:hidden}.stretching-rail-seg--action{cursor:pointer}.stretching-rail-seg--action:hover{filter:brightness(1.12)}.stretching-rail-seg--action:active{filter:brightness(.96)}.stretching-rail-seg--done{background:color-mix(in oklch, var(--tool-accent) 64%, hsl(var(--muted)) 36%)}.stretching-rail-seg--current{background:color-mix(in oklch, var(--tool-accent) 22%, hsl(var(--muted)) 78%)}.stretching-rail-seg--resting{background:color-mix(in oklch, oklch(74% .13 180) 28%, hsl(var(--muted)) 72%)}.stretching-rail-seg--upcoming{background:color-mix(in oklch, hsl(var(--muted)) 86%, var(--tool-accent) 14%);opacity:.72}.stretching-rail-seg--selected{z-index:1;background:color-mix(in oklch, var(--tool-accent) 54%, hsl(var(--muted)) 46%);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--tool-accent) 35%, white 65%);opacity:1}.stretching-rail-fill{background:color-mix(in oklch, var(--tool-accent) 82%, white 18%);opacity:.9;pointer-events:none;min-width:0;position:absolute;inset:0 auto 0 0}.stretching-rail-text{z-index:1;min-width:0;height:100%;color:hsl(var(--foreground));text-shadow:0 1px 1px hsl(var(--background) / .28);justify-content:center;align-items:center;gap:.35rem;padding-inline:.35rem;font-size:.7rem;font-weight:700;line-height:1;display:flex;position:relative;overflow:hidden}.stretching-rail-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;font-weight:600;display:none;overflow:hidden}.stretching-session-frame{border:1px solid color-mix(in oklch, hsl(var(--border)) 72%, var(--tool-accent) 28%);border-radius:var(--radius-xl);background:color-mix(in oklch, hsl(var(--card)) 96%, var(--tool-accent) 4%);min-width:0;padding:.75rem}.stretching-session-frame--resting{border-color:color-mix(in oklch, hsl(var(--border)) 62%, oklch(74% .13 180) 38%);background:color-mix(in oklch, hsl(var(--card)) 93%, oklch(74% .13 180) 7%)}.stretching-session-rail{min-width:0;margin-block-end:.75rem;padding:.25rem}.stretching-session-rail__meta{min-width:0;color:hsl(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;margin-block-end:.45rem;font-size:.7rem;font-weight:700;line-height:1.2;display:flex}.stretching-session-rail__meta strong{color:var(--tool-accent-text)}.stretching-session-body{grid-template-columns:1fr;gap:.75rem;min-width:0;display:grid}.stretching-cockpit{align-content:start;gap:.7rem;min-width:0;display:grid}.stretching-cockpit__title{letter-spacing:-.018em;color:hsl(var(--foreground));margin:0;font-size:1.2rem;font-weight:650;line-height:1.18}.stretching-clockbar{border:1px solid hsl(var(--border));border-radius:var(--radius-xl);background:var(--stretching-sheet-background);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;padding:.7rem .8rem;display:grid}.stretching-clockbar__count{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:hsl(var(--foreground));margin:0;font-size:2.6rem;font-weight:250;line-height:.9}.stretching-clockbar__meta{gap:.45rem;min-width:0;display:grid}.stretching-clockbar__row{color:hsl(var(--muted-foreground));justify-content:space-between;gap:.6rem;margin:0;font-size:.7rem;font-weight:600;line-height:1.2;display:flex}.stretching-clockbar__row strong{color:hsl(var(--foreground));font-variant-numeric:tabular-nums;font-weight:700}.stretching-track{background:hsl(var(--muted));border-radius:999px;height:5px;overflow:hidden}.stretching-track>span{background:var(--tool-accent);border-radius:999px;height:100%;transition:width .24s;display:block}.stretching-infopane{border:1px solid hsl(var(--border));border-radius:var(--radius-xl);background:hsl(var(--card));flex-direction:column;min-height:0;display:flex;overflow:hidden}.stretching-infopane__head{border-bottom:1px solid hsl(var(--border));flex:none;padding:.6rem .8rem}.stretching-infopane__head h3{color:hsl(var(--foreground));margin:0;font-size:.82rem;font-weight:650}.stretching-infoscroll{overscroll-behavior:contain;scrollbar-width:thin;gap:.85rem;min-height:0;padding:.75rem;display:grid;overflow-y:auto}.stretching-infoscroll h4{color:hsl(var(--foreground));margin:0 0 .3rem;font-size:.82rem;font-weight:650}.stretching-infoscroll p{color:hsl(var(--muted-foreground));margin:0;font-size:.82rem;line-height:1.5}.stretching-infoscroll hr{background:hsl(var(--border));border:0;height:1px;margin:0}.stretching-infoscroll__levels{color:hsl(var(--muted-foreground));gap:.45rem;margin:.4rem 0 0;padding:0;font-size:.82rem;line-height:1.45;list-style:none;display:grid}.stretching-infoscroll__levels strong{color:hsl(var(--foreground));font-weight:600}.stretching-infoscroll__tier{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:999px;margin-inline-end:.4rem;padding:.1rem .45rem;font-size:.68rem;font-weight:650;display:inline-block}.stretching-infoscroll__setting{border-radius:var(--radius-lg);background:hsl(var(--muted));width:100%;color:hsl(var(--foreground));border:0;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.4rem;padding:0 .75rem;font-size:.8rem;font-weight:600;transition:background-color .16s;display:flex}.stretching-infoscroll__setting:hover{background:color-mix(in oklch, hsl(var(--muted)) 70%, var(--tool-accent) 30%)}.stretching-infoscroll__keys{margin-top:.45rem;font-size:.68rem}.stretching-control-dock,.stretching-rest-dock{inset-inline:0;z-index:30;border-top:1px solid hsl(var(--border));background:color-mix(in oklch, hsl(var(--card)) 94%, transparent);padding:.75rem 1rem max(.75rem, env(safe-area-inset-bottom));box-shadow:0 -.5rem 1.875rem hsl(var(--background) / .18);backdrop-filter:blur(14px);position:fixed;bottom:0}.stretching-studio-rail{margin-block:.75rem 1rem}.stretching-studio-row{min-width:0}.stretching-routine-card--suggested{box-shadow:0 0 0 1px color-mix(in oklch, var(--tool-accent) 45%, transparent)}.stretching-routine-card .stretching-rail--mini{margin-block:.1rem}@media (width>=660px){.stretching-rail:not(.stretching-rail--mini){height:32px}.stretching-session-frame{padding:1rem}.stretching-session-rail{margin-block-end:1rem;padding:.5rem}.stretching-control-dock,.stretching-rest-dock{box-shadow:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:static;inset:auto}.stretching-shell--focus{--stretching-dock-clearance:2rem}.stretching-rail-detail{display:inline}.stretching-rail-text{justify-content:flex-start;padding-inline:.6rem}.stretching-session-body{grid-template-columns:minmax(17rem,.62fr) minmax(0,1fr);align-items:stretch;gap:.9rem;height:clamp(26rem,100dvh - 17rem,44rem)}.stretching-cockpit{grid-template-rows:minmax(0,1fr) auto auto auto;min-height:0}.stretching-cockpit .stretching-image-surface{align-self:center;height:auto;min-height:0;max-height:100%}.stretching-cockpit__title{font-size:1.45rem}.stretching-clockbar__count{font-size:3.25rem}}@media (width>=1000px){.stretching-rail:not(.stretching-rail--mini){height:38px}.stretching-session-body{grid-template-columns:20rem minmax(0,1fr);gap:1.1rem}.stretching-cockpit__title{font-size:1.6rem}.stretching-clockbar{padding:.85rem 1rem}.stretching-clockbar__count{font-size:3.75rem}}@media (width<=659px){.stretching-routine-card h3{font-size:.86rem;line-height:1.2}.stretching-routine-card p{font-size:.72rem;line-height:1.35}.stretching-routine-card .stretching-rail--mini{display:flex}}body[data-stretching-focus=true]>.site-header,body[data-stretching-focus=true]>footer{display:none}body[data-stretching-focus=true]>#main-content{min-height:100dvh}body[data-stretching-focus=true]>#main-content>.tool-theme-stretching>:is(.tools-shell,.tools-shell-wide){max-width:none;padding:0}body[data-stretching-focus=true] .tool-theme-stretching .tool-page-header{display:none}@media (prefers-reduced-motion:reduce){.stretching-app,.stretching-app *,.stretching-app :before,.stretching-app :after{scroll-behavior:auto!important;transition-duration:.001ms!important}}
