.rhythm-lab-page{--erl-paper:#f5f3eb;--erl-paper-bright:#fffdf7;--erl-ink:#12211c;--erl-muted:#52615a;--erl-line:#cfd5cb;--erl-navy:#193f52;--erl-green:#1d7055;--erl-mint:#ccebdd;--erl-yellow:#f4c84b;--erl-coral:#b9412d;--erl-white:#fff;--erl-shadow:0 18px 60px #1d352d1a;background:var(--erl-paper);color:var(--erl-ink);line-height:1.5}body:has(.rhythm-lab-page) .site-footer{margin-top:0}.rhythm-lab-page [hidden]{display:none!important}.rhythm-lab-page button,.rhythm-lab-page a{font:inherit}.rhythm-lab-page button{color:inherit}.rhythm-lab-page button:focus-visible,.rhythm-lab-page a:focus-visible{outline-offset:3px;box-shadow:0 0 0 6px var(--erl-yellow);outline:3px solid #0b3124}.erl-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.erl-subnav{border-bottom:1px solid var(--erl-line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:24px 0;display:flex}.erl-wordmark{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:12px;font-size:.78rem;font-weight:720;display:inline-flex}.erl-wordmark-mark{border:1px solid var(--erl-ink);background:var(--erl-yellow);letter-spacing:-.05em;border-radius:50%;place-items:center;width:42px;height:42px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:grid}.erl-quiet-link{color:var(--erl-muted);font-size:.86rem;font-weight:650}.erl-hero{grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);align-items:center;gap:72px;width:min(1180px,100% - 48px);min-height:620px;margin:0 auto;padding:clamp(72px,10vw,130px) 0 100px;display:grid}.erl-eyebrow{color:var(--erl-green);letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px;font-size:.76rem;font-weight:780}.rhythm-lab-page h1,.rhythm-lab-page h2,.rhythm-lab-page h3,.rhythm-lab-page h4,.rhythm-lab-page h5,.rhythm-lab-page p{margin-top:0}.rhythm-lab-page h1{letter-spacing:-.072em;max-width:760px;margin-bottom:24px;font-size:clamp(3.55rem,7.5vw,7.2rem);font-weight:720;line-height:.86}.erl-hero-lede{letter-spacing:-.025em;max-width:620px;margin-bottom:18px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:570;line-height:1.18}.erl-hero-support{max-width:590px;color:var(--erl-muted);margin-bottom:36px;font-size:1.05rem;line-height:1.68}.erl-primary-link{border-bottom:2px solid var(--erl-ink);align-items:center;gap:18px;padding-bottom:5px;font-size:.92rem;font-weight:760;display:inline-flex}.erl-compact{flex:none}.erl-hero-orbit{aspect-ratio:1;border:1px solid var(--erl-line);background:var(--erl-paper-bright);width:min(440px,42vw);box-shadow:var(--erl-shadow);border-radius:50%;justify-self:end;position:relative}.erl-hero-orbit:before,.erl-hero-orbit:after{content:"";border:1px dashed #bdc8bf;border-radius:50%;position:absolute;inset:13%}.erl-hero-orbit:after{opacity:.55;border-style:solid;inset:27%}.erl-orbit-step{border:1px solid var(--erl-ink);background:var(--erl-paper-bright);border-radius:50%;place-items:center;width:54px;height:54px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.erl-orbit-step.is-hit{background:var(--erl-coral);color:var(--erl-white);font-size:1.2rem}.erl-orbit-step-1{top:0;left:50%}.erl-orbit-step-2{top:14.6%;left:85.4%}.erl-orbit-step-3{top:50%;left:100%}.erl-orbit-step-4{top:85.4%;left:85.4%}.erl-orbit-step-5{top:100%;left:50%}.erl-orbit-step-6{top:85.4%;left:14.6%}.erl-orbit-step-7{top:50%;left:0}.erl-orbit-step-8{top:14.6%;left:14.6%}.erl-orbit-center{z-index:1;background:var(--erl-navy);color:var(--erl-white);text-align:center;border-radius:50%;grid-template-columns:auto auto;place-content:center;column-gap:7px;display:grid;position:absolute;inset:31%}.erl-orbit-center strong{letter-spacing:-.06em;font-size:clamp(1.5rem,3vw,2.6rem);line-height:.95}.erl-orbit-center span{color:#c9dce4;letter-spacing:.08em;text-transform:uppercase;align-self:end;font-size:.64rem}.erl-orbit-center i{color:var(--erl-yellow);font-family:ui-monospace,monospace;font-size:.8rem;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.erl-concept-strip{border-block:1px solid var(--erl-ink);grid-template-columns:repeat(3,1fr);display:grid}.erl-concept-strip>div{grid-template-columns:auto 1fr;align-content:center;column-gap:18px;min-height:150px;padding:32px clamp(24px,4vw,64px);display:grid}.erl-concept-strip>div+div{border-left:1px solid var(--erl-ink)}.erl-concept-strip span{color:var(--erl-coral);grid-row:1/3;font-family:ui-monospace,monospace;font-size:.72rem}.erl-concept-strip strong{margin-bottom:7px;font-size:1.04rem}.erl-concept-strip p{color:var(--erl-muted);margin-bottom:0;font-size:.88rem;line-height:1.45}.erl-lesson-section{background:var(--erl-paper-bright);padding:112px 24px 128px}.erl-section-intro{text-align:center;width:min(780px,100%);margin:0 auto 58px}.erl-section-intro h2,.erl-transfer-section h2,.erl-design-section h2{letter-spacing:-.06em;margin-bottom:22px;font-size:clamp(2.2rem,4.6vw,4.7rem);font-weight:690;line-height:.98}.erl-section-intro>p:last-child{max-width:640px;color:var(--erl-muted);margin:0 auto;line-height:1.65}.erl-lab-shell{border:1px solid var(--erl-ink);background:var(--erl-white);width:min(1180px,100%);box-shadow:var(--erl-shadow);margin:0 auto}.erl-challenge-tabs{border-bottom:1px solid var(--erl-ink);grid-template-columns:repeat(3,1fr);display:grid}.erl-challenge-tabs button{min-height:72px;color:var(--erl-muted);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:17px 22px;font-size:.84rem;font-weight:680;display:flex}.erl-challenge-tabs button+button{border-left:1px solid var(--erl-ink)}.erl-challenge-tabs button:hover,.erl-challenge-tabs button.is-current{background:var(--erl-mint);color:var(--erl-ink)}.erl-challenge-tabs span{color:var(--erl-green);font-family:ui-monospace,monospace;font-size:.7rem}.erl-challenge-card{padding:clamp(28px,5vw,64px)}.erl-challenge-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:48px;margin-bottom:44px;display:grid}.erl-challenge-count{color:var(--erl-green);text-transform:uppercase;margin-bottom:10px;font-family:ui-monospace,monospace;font-size:.72rem;font-weight:650}.erl-challenge-heading h3{letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.7rem)}.erl-challenge-heading p:last-child{max-width:650px;color:var(--erl-muted);margin-bottom:0;line-height:1.58}.erl-parameter-card{border:1px solid var(--erl-line);grid-template-columns:repeat(3,1fr);min-width:246px;margin:0;display:grid}.erl-parameter-card>div{flex-direction:column;align-items:center;min-width:80px;padding:14px 10px;display:flex}.erl-parameter-card>div+div{border-left:1px solid var(--erl-line)}.erl-parameter-card dt{color:var(--erl-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.63rem;font-weight:720}.erl-parameter-card dd{margin:4px 0 0;font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:660}.erl-prediction-grid{grid-template-columns:repeat(var(--step-count), minmax(54px, 1fr));gap:9px;margin-bottom:26px;display:grid}.erl-prediction-step{border:1px solid var(--erl-line);background:var(--erl-paper-bright);cursor:pointer;border-radius:50px;flex-direction:column;justify-content:space-between;align-items:center;min-height:126px;padding:10px 5px;transition:transform .16s,background .16s,border-color .16s;display:flex}.erl-prediction-step:hover:not(:disabled){border-color:var(--erl-ink);transform:translateY(-3px)}.erl-prediction-step:disabled{cursor:default;opacity:1}.erl-prediction-step.is-beat{border-color:var(--erl-navy);background:var(--erl-navy);color:var(--erl-white)}.erl-prediction-step.is-rest{background:#eef0eb}.erl-prediction-step.is-correct{box-shadow:0 0 0 3px var(--erl-mint)}.erl-prediction-step.is-missed{box-shadow:0 0 0 3px #ffd8cf}.erl-step-number,.erl-step-name{letter-spacing:.05em;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:.6rem}.erl-step-number{opacity:.7}.erl-step-name{opacity:.66;font-size:.52rem}.erl-step-value{font-size:1.42rem;font-weight:700}.erl-challenge-actions{justify-content:space-between;gap:16px;display:flex}.erl-challenge-action-group{flex-wrap:wrap;gap:10px;display:flex}.erl-primary-button,.erl-secondary-button,.erl-audio-button{border:1px solid var(--erl-ink);cursor:pointer;border-radius:0;min-height:46px;padding:12px 20px;font-size:.82rem;font-weight:730}.erl-primary-button{background:var(--erl-ink);color:var(--erl-white)}.erl-primary-button:hover:not(:disabled){background:var(--erl-green)}.erl-primary-button:disabled{border-color:var(--erl-line);color:#7c8580;cursor:not-allowed;background:#e6e9e4}.erl-secondary-button{background:0 0}.erl-secondary-button:hover{background:var(--erl-yellow)}.erl-hint-box{border-left:4px solid var(--erl-yellow);color:#534818;background:#fff8dc;margin:22px 0 0;padding:18px 20px;font-size:.9rem;line-height:1.55}.erl-feedback{min-height:24px;color:var(--erl-muted);text-align:center;margin:18px 0 0;font-family:ui-monospace,monospace;font-size:.74rem}.erl-reveal-panel{border-top:1px solid var(--erl-ink);background:#eef6f1;margin:40px calc(-1*clamp(28px,5vw,64px)) calc(-1*clamp(28px,5vw,64px));padding:52px clamp(28px,5vw,64px) 60px}.erl-reveal-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.erl-reveal-heading h4{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(1.5rem,2.6vw,2.25rem)}.erl-audio-button{background:var(--erl-white);align-items:center;gap:9px;display:inline-flex}.erl-audio-button:hover:not(:disabled){background:var(--erl-yellow)}.erl-audio-button:disabled{cursor:wait;opacity:.65}.erl-answer-sequence{grid-template-columns:repeat(var(--step-count,8), minmax(38px, 1fr));gap:7px;margin-bottom:44px;padding:0;list-style:none;display:grid}.erl-answer-sequence li{border:1px solid var(--erl-line);background:var(--erl-white);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:84px;display:flex}.erl-answer-sequence li.is-hit{border-color:var(--erl-coral);background:var(--erl-coral);color:var(--erl-white)}.erl-answer-sequence i{opacity:.75;font-family:ui-monospace,monospace;font-size:.55rem;font-style:normal}.erl-answer-sequence b{font-size:1.2rem}.erl-explanation-grid{border:1px solid var(--erl-ink);background:var(--erl-ink);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:36px;display:grid}.erl-explanation-grid>div{background:var(--erl-paper-bright);padding:28px}.erl-explanation-grid span{color:var(--erl-coral);margin-bottom:26px;font-family:ui-monospace,monospace;font-size:.7rem;display:inline-block}.erl-explanation-grid h5{margin-bottom:8px;font-size:1rem}.erl-explanation-grid p{color:var(--erl-muted);margin-bottom:0;font-size:.86rem;line-height:1.56}.erl-code-card{color:#e8f2ed;background:#10262d;border:1px solid #20353d;margin-bottom:36px;overflow:hidden}.erl-code-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.erl-code-card-bar{color:#b8cbc3;border-bottom:1px solid #395058;justify-content:space-between;align-items:center;gap:20px;padding:13px 18px;font-size:.7rem;display:flex}.erl-code-card-bar span{color:var(--erl-yellow);letter-spacing:.08em;text-transform:uppercase;font-weight:760}.erl-code-card-bar code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.erl-code-card pre{margin:0;padding:26px;font-size:.79rem;line-height:1.65;overflow-x:auto}.erl-next-row{justify-content:space-between;align-items:center;gap:32px;display:flex}.erl-next-row p{max-width:680px;color:var(--erl-muted);margin-bottom:0;font-size:.9rem;line-height:1.55}.erl-transfer-section{border-top:1px solid var(--erl-ink);background:var(--erl-navy);color:var(--erl-white);grid-template-columns:.9fr 1.1fr;gap:88px;padding:112px max(24px,50% - 590px);display:grid}.erl-transfer-section .erl-eyebrow{color:var(--erl-yellow)}.erl-transfer-grid{border-top:1px solid #66808c}.erl-transfer-grid article{border-bottom:1px solid #66808c;grid-template-columns:110px minmax(180px,.85fr) minmax(220px,1fr);gap:24px;padding:30px 0;display:grid}.erl-transfer-grid span{color:var(--erl-yellow);text-transform:uppercase;font-family:ui-monospace,monospace;font-size:.68rem;font-weight:650}.erl-transfer-grid h3{margin-bottom:0;font-size:1rem;line-height:1.35}.erl-transfer-grid p{color:#cad8de;margin-bottom:0;font-size:.88rem;line-height:1.58}.erl-design-section{grid-template-columns:.72fr 1.28fr;gap:96px;padding:118px max(24px,50% - 590px);display:grid}.erl-design-lede{letter-spacing:-.025em;margin-bottom:52px;font-size:clamp(1.25rem,2.3vw,1.75rem);font-weight:560;line-height:1.35}.erl-design-principles{grid-template-columns:repeat(2,1fr);gap:38px 44px;display:grid}.erl-design-principles>div{border-top:1px solid var(--erl-ink);padding-top:18px}.erl-design-principles strong{margin-bottom:10px;font-size:.95rem;display:block}.erl-design-principles p{color:var(--erl-muted);margin-bottom:0;font-size:.88rem;line-height:1.62}@media (width<=1040px){.erl-hero{grid-template-columns:1fr 330px;gap:44px}.erl-hero-orbit{width:330px}.erl-prediction-grid{grid-template-columns:repeat(var(--step-count), minmax(64px, 1fr));padding:4px 4px 12px;overflow-x:auto}.erl-transfer-section,.erl-design-section{grid-template-columns:1fr;gap:48px}.erl-transfer-grid article{grid-template-columns:90px minmax(180px,.8fr) 1fr}}@media (width<=760px){.erl-subnav{width:calc(100% - 32px);padding:18px 0}.erl-wordmark span:last-child{max-width:170px;line-height:1.3}.erl-quiet-link{display:none}.erl-hero{grid-template-columns:1fr;width:calc(100% - 32px);min-height:0;padding:72px 0 78px}.rhythm-lab-page h1{font-size:clamp(3.35rem,18vw,5.8rem)}.erl-hero-orbit{justify-self:center;width:min(82vw,360px);margin:28px auto 0}.erl-orbit-step{width:46px;height:46px}.erl-concept-strip{grid-template-columns:1fr}.erl-concept-strip>div{min-height:112px;padding:24px}.erl-concept-strip>div+div{border-top:1px solid var(--erl-ink);border-left:0}.erl-lesson-section{padding:82px 16px 92px}.erl-challenge-tabs{grid-template-columns:1fr}.erl-challenge-tabs button{min-height:54px}.erl-challenge-tabs button+button{border-top:1px solid var(--erl-ink);border-left:0}.erl-challenge-heading{grid-template-columns:1fr;gap:28px}.erl-parameter-card{width:100%;min-width:0}.erl-challenge-actions,.erl-reveal-heading,.erl-next-row{flex-direction:column;align-items:stretch}.erl-challenge-actions>.erl-primary-button,.erl-audio-button,.erl-next-row .erl-primary-button{width:100%}.erl-challenge-action-group{grid-template-columns:1fr 1fr;display:grid}.erl-answer-sequence{grid-template-columns:repeat(var(--step-count,8), minmax(54px, 1fr));overflow-x:auto}.erl-explanation-grid,.erl-design-principles{grid-template-columns:1fr}.erl-explanation-grid>div{padding:24px}.erl-transfer-section,.erl-design-section{padding-top:82px;padding-bottom:82px}.erl-transfer-grid article{grid-template-columns:1fr;gap:9px}}@media (width<=560px){.erl-challenge-action-group{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rhythm-lab-page *,.rhythm-lab-page :before,.rhythm-lab-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}