:root{--bg:oklch(96.6% .009 75);--paper:oklch(99% .005 75);--ink:oklch(28% .025 335);--muted:oklch(47% .018 335);--line:oklch(87% .012 75);--accent:oklch(44% .095 25);--tint:oklch(92% .027 30);--olive:oklch(42% .05 135);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft Yahei',sans-serif;color:var(--ink);background:var(--bg);font-size:18px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none;min-height:48px;padding:10px 16px;border-radius:14px}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.28;letter-spacing:-.04em;font-weight:650}h2{font-size:23px;line-height:1.4;font-weight:650}h3{font-size:19px;font-weight:600}small,.small{font-size:14px}.muted{color:var(--muted)}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--muted);font-weight:600}.app{max-width:980px;margin:auto;padding:24px 28px 120px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.brand{font-size:23px;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:9px}.mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:var(--paper);border-radius:50% 50% 50% 12%;font-size:20px}.location{font-size:13px;color:var(--muted);max-width:160px;text-align:right}.intro{margin-bottom:24px}.intro p{margin-top:10px;color:var(--muted)}.hero{background:var(--tint);border-radius:24px;overflow:hidden;padding:26px;margin:22px 0;position:relative;min-height:220px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.hero h2{font-size:29px;margin:12px 0}.hero .machine{width:100%;height:200px;object-fit:contain;mix-blend-mode:multiply}.hero .tag{background:var(--paper)}.tag{display:inline-block;padding:3px 9px;border-radius:6px;background:oklch(92% .012 75);font-size:13px;color:var(--muted)}.primary{background:var(--accent);color:var(--paper);font-weight:600;min-height:54px}.wide{width:100%}.secondary{border:1px solid var(--line);background:var(--paper)}.textbutton{color:var(--accent);padding:6px 0}.section{margin-top:30px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:grid;gap:12px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{border:1px solid var(--line);background:var(--paper);font-size:16px;padding:9px 14px;min-height:46px}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.checkin{border-top:1px solid var(--line);padding:20px 0}.checkin:first-child{border-top:0;padding-top:0}.note{background:oklch(92.8% .018 100);padding:16px 18px;border-radius:14px;color:var(--muted);font-size:16px}.note strong{color:var(--ink)}.warning{background:var(--tint)}.exercise-row{width:100%;display:flex;text-align:left;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;border-radius:0}.thumb{width:82px;height:76px;object-fit:contain;background:var(--paper);border-radius:12px;flex-shrink:0}.exercise-row .copy{flex:1}.exercise-row p{font-size:14px;color:var(--muted);margin-top:3px}.arrow{font-size:23px;color:var(--muted)}.number{font-size:13px;letter-spacing:.1em;color:var(--muted);min-width:22px}.nav{position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);display:flex;justify-content:center;gap:10px;z-index:10}.nav button{width:130px;border-radius:10px;display:grid;justify-items:center;gap:2px;font-size:13px;color:var(--muted);padding:5px}.nav button.active{color:var(--accent);background:var(--tint)}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.columns{display:grid;grid-template-columns:1.05fr .95fr;gap:36px}.divider{border-top:1px solid var(--line);margin:24px 0}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:24px 0}.day{padding:12px 0;border:1px solid var(--line);border-radius:16px;background:var(--paper);display:grid;justify-items:center}.day strong{font-size:23px}.day span{font-size:12px}.day.selected{background:var(--ink);color:var(--paper)}.dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:6px}.dot.empty{background:transparent}.day.selected .dot{background:var(--paper)}label{display:block;font-size:15px;color:var(--muted);margin-bottom:7px}input,select,textarea{width:100%;min-height:50px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);color:var(--ink)}textarea{min-height:90px;resize:vertical}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search{margin:22px 0 6px}.back{padding-left:0;color:var(--accent);margin-bottom:12px}.detailhero{display:flex;gap:20px;align-items:center;margin:10px 0 24px}.detailhero img{width:120px;height:120px;object-fit:contain;background:var(--paper);border-radius:20px}.detailhero h1{font-size:26px}.media{background:oklch(94% .008 75);border-radius:20px;overflow:hidden;margin-top:14px;padding:14px}.media video{display:block;width:100%;max-height:340px;background:oklch(20% .008 335);border-radius:10px}.poses{display:flex;gap:12px;justify-content:center;background:var(--paper);border-radius:12px;padding:16px}.poses figure{margin:0;text-align:center;width:45%}.poses img{height:220px;max-width:100%;object-fit:contain}.poses figcaption{font-size:14px}.steps{padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;display:flex;gap:14px;margin:18px 0}.steps li:before{content:counter(step);font-size:14px;display:flex;align-items:center;justify-content:center;min-width:29px;height:29px;border-radius:50%;background:var(--tint);color:var(--accent);margin-top:1px}.cue{font-size:22px;line-height:1.6;padding:24px 0;font-weight:550}.recordbox{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px}.recordbox h2{margin-bottom:16px}.timer{padding:15px;background:var(--tint);border-radius:12px;text-align:center;margin:14px 0}.timer strong{font-size:26px;font-variant-numeric:tabular-nums}.logline{padding:14px 0;border-bottom:1px solid var(--line)}.empty-state{padding:38px 0;color:var(--muted)}.empty-state h2{color:var(--ink);margin-bottom:10px}.summary{display:flex;gap:10px;align-items:center;margin:16px 0}.progress{height:6px;background:var(--line);border-radius:6px;overflow:hidden;flex:1}.progress div{height:100%;background:var(--olive)}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;min-height:44px}details p{font-size:15px;margin:10px 0;color:var(--muted)}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);border-radius:12px;padding:12px 20px;z-index:30;display:none;max-width:90vw;font-size:16px}.subtle{font-size:13px;color:var(--muted);margin-top:18px}.pill{font-size:13px;color:var(--olive);background:oklch(92% .025 135);padding:3px 9px;border-radius:6px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.success{color:var(--olive)}.sourcelinks{font-size:14px;margin-top:14px}.sourcelinks a{margin-right:12px}.finish{margin-top:25px} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:650px){.app{padding:20px 20px 112px}.top{margin-bottom:27px}.columns{grid-template-columns:1fr;gap:10px}.hero{padding:22px 20px;grid-template-columns:1.3fr 1fr;min-height:205px}.hero h2{font-size:25px}.hero .machine{height:155px}.hero p{font-size:15px}.location{font-size:12px}h1{font-size:30px}.nav{gap:4px}.nav button{width:25%}.detailhero img{width:100px;height:110px}.detailhero h1{font-size:24px}.week{gap:5px}.day strong{font-size:20px}.poses img{height:180px}.rowtitle{font-size:17px}.thumb{width:72px;height:70px}.exercise-row{gap:12px}.number{display:none}.recordbox{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#animation{display:block;width:100%;max-width:340px;aspect-ratio:1;height:auto;margin:14px auto;background:oklch(99% .002 75);border-radius:14px}input[type=range]{padding:0;border:0;accent-color:var(--accent);min-height:44px;background:transparent}
.realdemo{display:grid;gap:8px;margin-top:14px}.demo-link{display:grid;gap:2px;text-decoration:none;color:var(--accent);font-weight:600;padding:12px 16px;border-radius:14px;min-height:48px}.demo-link .small{font-weight:400}