:root{--accent: #2c7164;--soft-green: #e9efe5}[data-theme=dark]{--accent: #9acdb8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--page);color:var(--ink);font-family:Avenir Next,PingFang SC,system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:30px 30px 80px}p{line-height:1.85}h1,h2{letter-spacing:-.035em}h1{font-family:Iowan Old Style,Songti SC,serif;font-size:clamp(37px,4.8vw,62px);line-height:1.18;margin:16px 0 23px;font-weight:650}h2{font-size:clamp(23px,2.5vw,31px);line-height:1.35;margin:10px 0 16px}a{color:var(--accent);text-underline-offset:4px}.hero{display:grid;grid-template-columns:.98fr 1.02fr;gap:48px;align-items:center;padding:32px 0 50px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--accent);margin:0}.intro{font-size:18px;color:var(--secondary)}.jump{display:inline-flex;align-items:center;gap:26px;font-size:14px;font-weight:600;margin-top:12px;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:10px}.jump span{font-size:24px}.hero-art{margin:0}.hero-art img{width:100%;height:auto;display:block;border-radius:120px 18px 18px;box-shadow:0 16px 40px #375a3915}figcaption{color:var(--secondary);font-size:12px;margin:15px 0 0;text-align:right;line-height:1.6}.opening{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:35px 0 44px;max-width:850px;border-top:1px solid var(--border)}.number{color:var(--accent);font:500 22px Iowan Old Style,Georgia,serif;padding-top:13px;display:block}.opening h2{margin-top:7px}.opening p{color:var(--secondary)}.gentle{border-left:2px solid #b5c6a9;padding-left:18px;font-size:14px}.lab{border:1px solid var(--border);background:var(--surface);border-radius:25px;overflow:hidden}.lab-heading{padding:26px 28px 12px;display:flex;gap:15px;justify-content:space-between;align-items:center}.lab-heading h2{font-size:27px}.practice-badge{background:var(--soft-green);color:#315b4d;font-size:12px;padding:8px 12px;border-radius:30px;flex-shrink:0}.stage-list{margin:0;padding:0 28px 25px;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;counter-reset:step}.stage-list li{font-size:13px;line-height:1.5;padding:8px 4px;border-bottom:2px solid var(--border);color:var(--secondary)}.stage-list li:before{counter-increment:step;content:counter(step) " ";font-family:Georgia,serif;margin-right:6px}.stage-list [aria-current]{border-color:var(--accent);color:var(--accent);font-weight:700}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 20px}.hand-panel,.micro-panel{min-width:0;background:#eff3ea;border-radius:18px;overflow:hidden;color:#334c41}.hand-map{display:block;width:100%;height:320px}.micro-label{display:flex;justify-content:space-between;padding:18px 22px 6px;color:#4d6d5e;font-size:12px;letter-spacing:.05em}.micro-scene{width:100%;height:273px;display:block}.panel-caption{margin:0;padding:14px 22px 20px;font-size:14px;line-height:1.75;min-height:115px}.micro-panel{background:#e8efe5}#hand-lather,#soap-particles,#rub-arrows,#water-lines,#region-spot{opacity:0}#soil-cluster{transition:transform 1s ease,opacity 1s ease;transform-origin:238px 215px}#hand-lather,#soap-particles,#hand-drops,#towel{transition:opacity .45s ease}[data-stage=soap] #hand-lather,[data-stage=rub] #hand-lather{opacity:.88}[data-stage=soap] #soap-particles,[data-stage=rub] #soap-particles,[data-stage=rinse] #soap-particles,[data-stage=rub] #rub-arrows,[data-stage=rub] #region-spot{opacity:1}[data-stage=rub] #soil-cluster{transform:translateY(-30px)}[data-stage=rinse] #soil-cluster{transform:translate(310px,-95px);opacity:.15}[data-stage=dry] #soil-cluster{transform:translate(310px,-95px);opacity:0}[data-stage=dry] #hand-drops{opacity:0}[data-stage=dry] #towel{opacity:1}[data-stage=wet] #water-lines,[data-stage=rinse] #water-lines{opacity:.45;stroke-dasharray:125 38;animation:flowing 6s linear infinite}@keyframes flowing{to{stroke-dashoffset:-326}}.motion-paused *{animation-play-state:paused!important}.practice-controls{padding:22px 28px 8px}.control-title{font-size:14px;margin:0 0 12px;color:var(--secondary)}.region-buttons{display:flex;flex-wrap:wrap;gap:8px}button{font:inherit;font-size:14px;min-height:46px;border:1px solid var(--border);border-radius:10px;padding:11px 15px;cursor:pointer;background:var(--surface);color:var(--ink);line-height:1.45}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b87b2e;outline-offset:4px}button:disabled{cursor:default;opacity:.45}.region-buttons button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.region-buttons button[data-reviewed=true]:after{content:" ✓";color:var(--accent)}.primary{background:#2c7164;border-color:#2c7164;color:#fff}.quiet{background:transparent}.action-row{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:15px}.action-row p{font-size:15px;flex:1;min-height:54px}.action-row>div{display:flex;gap:8px;flex-wrap:wrap}.screen-note{padding:17px 28px;margin:0;border-top:1px solid var(--border);background:color-mix(in srgb,var(--accent) 6%,var(--surface));font-size:13px;color:var(--secondary)}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:35px 0 55px}.learn-grid h2{font-size:23px}.learn-grid p{font-size:15px;color:var(--secondary)}.daily{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;padding:34px 0 44px;border-top:1px solid var(--border)}.daily>div>p:last-child{color:var(--secondary);font-size:15px}.daily ul{padding:0;margin:0;list-style:none;display:grid;gap:18px}.daily li{display:flex;gap:18px;border-bottom:1px solid var(--border);padding-bottom:15px}.daily li>span{font-size:12px;color:var(--accent);padding-top:4px}.daily strong{font-size:15px}.daily li p{margin:5px 0 0;font-size:13px;color:var(--secondary)}details{border-top:1px solid var(--border);padding:24px 0}summary{cursor:pointer;font-size:17px;font-weight:600}.details-body{color:var(--secondary);font-size:14px;padding:10px 0 0;max-width:950px}.references ul{padding-left:20px}.references li{margin:13px 0;line-height:1.7;overflow-wrap:anywhere}.references li span{margin-left:8px}.review-date{font-size:12px}@media(max-width:800px){.hero{gap:25px}.hero-art img{border-radius:70px 14px 14px}.hero-copy h1{font-size:39px}.learn-grid{gap:24px}.action-row{align-items:stretch;flex-direction:column;gap:4px}.action-row p{min-height:0;margin:8px 0}.action-row>div{justify-content:flex-end;margin:7px 0 14px}.lab-heading{align-items:flex-start}.hand-map{height:295px}.micro-scene{height:248px}.panel-caption{min-height:160px}}@media(max-width:600px){main{padding:18px 18px 50px}.hero{grid-template-columns:1fr;padding-top:16px;padding-bottom:32px;gap:30px}.hero-copy h1{font-size:42px;max-width:360px}.hero-art img{border-radius:70px 14px 14px}.intro{font-size:17px}.jump{margin-top:0}.opening{grid-template-columns:28px 1fr;gap:12px;padding:25px 0 30px}.opening p{font-size:15px}.lab-heading{padding:22px 18px 15px;flex-direction:column;gap:0}.lab-heading h2{font-size:25px;margin-bottom:12px}.practice-badge{padding:5px 10px}.stage-list{padding:0 18px 18px;gap:5px}.stage-list li{font-size:12px}.stage-list li:before{margin-right:0}.visual-grid{grid-template-columns:1fr;padding:0 12px;gap:13px}.hand-map{height:270px}.micro-scene{height:auto;max-height:250px}.panel-caption{min-height:0;font-size:14px;padding:10px 18px 18px}.practice-controls{padding:20px 18px 6px}.region-buttons{gap:7px}.region-buttons button{flex:1 0 29%;font-size:13px;padding:10px 8px}.action-row>div{justify-content:stretch}.action-row button{flex:1}.screen-note{padding:15px 18px}.learn-grid{grid-template-columns:1fr;gap:8px;margin:24px 0 35px}.learn-grid article{display:grid;grid-template-columns:30px 1fr;column-gap:13px}.learn-grid .number{grid-row:1 / 3}.learn-grid h2{margin:10px 0 0}.learn-grid p{margin-top:10px}.daily{grid-template-columns:1fr;gap:20px}.references li span{margin-left:0;display:block}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}