.rt43-panel{--rt43-ink:#222c30;--rt43-line:#d8dfdc;border:1px solid var(--rt43-line);color:var(--rt43-ink);background:#fbfcfa;border-radius:20px;margin:24px 0 32px;padding:clamp(16px,3vw,28px);box-shadow:0 10px 40px #19332b0b}.rt43-topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.rt43-topbar h2{letter-spacing:-.035em;margin:6px 0 10px;font-size:clamp(22px,2.7vw,32px);line-height:1.17}.rt43-topbar p:not(.rt43-kicker){color:#596867;max-width:670px;margin:0;font-size:14px;line-height:1.6}.rt43-kicker{letter-spacing:.14em;color:#496965;font-weight:800;margin:0!important;font-size:11px!important}.rt43-live-indicator{color:#31584c;letter-spacing:.065em;white-space:nowrap;border:1px solid #bfd6d0;border-radius:30px;flex:none;padding:8px 11px;font-size:10px;font-weight:700}.rt43-controls{background:#f1f5f1;border:1px solid #e0e9e3;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;padding:18px;display:grid}.rt43-controls label{color:#43504f;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:700;display:flex}.rt43-controls label span{color:#667773;font-size:11px;font-weight:500}.rt43-controls select{color:#243331;width:100%;min-height:39px;font:inherit;background:#fff;border:1px solid #cdd9d4;border-radius:8px;padding:7px 10px;font-weight:500}.rt43-controls input[type=range]{accent-color:#315f52;cursor:pointer;width:100%}.rt43-controls .rt43-toggle{flex-direction:row;align-self:center;align-items:center;gap:10px;font-weight:600}.rt43-toggle input{accent-color:#315f52;width:17px;height:17px}.rt43-keyboard-wrap{scrollbar-width:thin;background:#e4ebe6;border:1px solid #adbdb6;border-radius:12px;padding:14px 14px 18px;overflow-x:auto}.rt43-keyboard{min-width:650px;max-width:960px;height:226px;margin:0 auto;display:flex;position:relative}.rt43-key{font:inherit;touch-action:pan-x;-webkit-user-select:none;user-select:none;cursor:pointer;outline-offset:3px;border-radius:0 0 7px 7px;flex-direction:column;justify-content:end;align-items:center;gap:5px;padding:0 0 16px;transition:background 70ms;display:flex}.rt43-white{color:#3e5350;background:#fff;border:1px solid #aab7b0;border-right:0;flex:1;min-width:0;position:relative}.rt43-white:last-of-type{border-right:1px solid #aab7b0}.rt43-white.is-pressed{background:#b1ded0}.rt43-white span{font-size:11px;font-weight:750}.rt43-key small{opacity:.65;font-size:10px}.rt43-black{z-index:2;color:#eaf3ee;background:#283834;border:1px solid #1d2926;width:4.4%;height:60%;padding-bottom:13px;position:absolute;top:0;transform:translate(-50%);box-shadow:2px 3px 5px #0002}.rt43-black.is-pressed{background:#448675}.rt43-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;display:flex}.rt43-action{font:inherit;color:#2a4940;cursor:pointer;background:#fff;border:1px solid #baccc5;border-radius:9px;min-height:39px;padding:10px 13px;font-size:12px;font-weight:700}.rt43-action:hover:not(:disabled){background:#f1faf6;border-color:#4b7c68}.rt43-action:disabled{opacity:.47;cursor:not-allowed}.rt43-action-primary{color:#fff;background:#315f50;border-color:#315f50}.rt43-action-primary:hover:not(:disabled){color:#fff;background:#224d40}.rt43-action-stop{color:#fff;background:#8b342d;border-color:#8b342d}.rt43-take-count{color:#65716b;margin-left:auto;font-size:11px}.rt43-status{color:#315f50;min-height:24px;margin:15px 0 0;font-size:12px;font-weight:700}.rt43-hint{color:#667571;margin:7px 0 0;font-size:12px;line-height:1.55}.rt43-mallet-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.rt43-mallet-scroll{scrollbar-width:thin;background:linear-gradient(#f7f9f6,#e8efec);border:1px solid #d1ddd7;border-radius:14px;padding:25px 20px;overflow-x:auto}.rt43-bars{justify-content:center;align-items:center;gap:clamp(5px,1.4vw,12px);min-width:540px;max-width:970px;height:245px;margin:auto;display:flex}.rt43-bar{font:inherit;color:#172e2a;cursor:pointer;touch-action:manipulation;outline-offset:4px;border:1px solid #0002;border-radius:9px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:16px 2px 12px;font-size:11px;font-weight:800;transition:transform 80ms,filter 80ms;display:flex;box-shadow:inset 0 3px 5px #ffffff63,0 9px #2c463b1c,0 11px 13px #2a423b14}.rt43-bar:focus-visible{outline:3px solid #386c61}.rt43-bar.is-hit{filter:brightness(1.13);transform:translateY(6px);box-shadow:inset 0 2px 5px #0002,0 2px 6px #2a423b17}.rt43-bar small{opacity:.8;font-size:11px}.rt43-glockenspiel .rt43-bar{color:#1b343d;background:linear-gradient(90deg,#82969d,#d6e1e4 30%,#a4b6bd 65%,#849aa2);border-radius:7px;box-shadow:inset 2px 1px 3px #ffffffa0,0 9px #607c8580,0 10px 10px #334b4e20}.rt43-glockenspiel .rt43-bar.is-hit{box-shadow:inset 0 2px 5px #0002,0 2px 6px #334b4e30}.rt43-instrument-expansion{background:#f3f7f3;border:1px solid #dce8df;border-radius:18px;margin-top:32px;padding:27px}.rt43-instrument-expansion h2{letter-spacing:-.03em;margin:6px 0 10px;font-size:clamp(21px,2.5vw,30px);line-height:1.25}.rt43-instrument-expansion p{color:#52615e;max-width:800px;font-size:14px;line-height:1.55}.rt43-instrument-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.rt43-instrument-cards a{color:#293e36;background:#fff;border:1px solid #d9e4dd;border-radius:12px;flex-direction:column;gap:8px;min-height:140px;padding:18px;text-decoration:none;display:flex}.rt43-instrument-cards a:hover{border-color:#70a28d}.rt43-instrument-cards a strong{font-size:17px}.rt43-instrument-cards a span{color:#64736e;font-size:12px;line-height:1.5}.rt43-instrument-cards a em{color:#27624d;margin-top:auto;font-size:12px;font-style:normal;font-weight:800}@media (max-width:780px){.rt43-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.rt43-topbar{flex-direction:column;gap:14px}.rt43-instrument-cards{grid-template-columns:1fr}.rt43-keyboard{height:205px}.rt43-bars{height:215px}}@media (max-width:480px){.rt43-panel{border-radius:13px;padding:14px}.rt43-controls{gap:13px;padding:13px}.rt43-mallet-controls{grid-template-columns:1fr 1fr}.rt43-mallet-controls .rt43-toggle{grid-column:1/-1}.rt43-live-indicator{font-size:9px}.rt43-action{padding:9px 10px}.rt43-take-count{width:100%;margin:0 0 0 2px}}@media (prefers-reduced-motion:reduce){.rt43-bar,.rt43-key{transition:none}}
.rt43-directory{gap:20px;padding:20px 0 12px;display:grid}.rt43-directory-group{background:#ecf4f7;border-radius:20px;padding:16px;scroll-margin-top:100px}.rt43-group-strings{background:#edf2e9}.rt43-group-percussion{background:#f8efe0}.rt43-group-drums{background:#f6ebec}.rt43-directory-group-head{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;padding:0 4px;display:flex}.rt43-directory-group-head>div{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.rt43-directory-group-head h2{letter-spacing:-.035em;color:#162b35;margin:0;font-family:Georgia,serif;font-size:clamp(22px,2.5vw,31px);line-height:1.15}.rt43-directory-group-head p{color:#50616b;margin:0;font-size:13px;line-height:1.5}.rt43-directory-group-head>span{color:#49626a;white-space:nowrap;font-size:11px}.rt43-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rt43-group-strings .rt43-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rt43-directory-card{background:#fffefa;border:1px solid #dce1de;border-radius:14px;flex-direction:column;min-width:0;padding:9px;transition:border-color .15s,transform .15s;display:flex;box-shadow:0 1px 1px #16322e08}.rt43-directory-card:hover{border-color:#a9beb5;transform:translateY(-2px)}.rt43-directory-image-link{border-radius:9px;line-height:0;display:block;overflow:hidden}.rt43-directory-image{aspect-ratio:1200/420;object-fit:cover;background:#e9efed;width:100%;height:auto;display:block}.rt43-directory-copy{flex-direction:column;flex:1;align-items:start;padding:12px 9px 8px;display:flex}.rt43-directory-copy h3{letter-spacing:-.035em;color:#1b272c;margin:0 0 8px;font-family:Georgia,serif;font-size:clamp(22px,2.1vw,30px);font-weight:600;line-height:1.1}.rt43-directory-copy p{color:#53636b;max-width:48ch;margin:0 0 12px;font-size:13px;line-height:1.5}.rt43-directory-tags{flex-wrap:wrap;gap:5px;list-style:none;display:flex;margin:0 0 12px!important;padding:0!important}.rt43-directory-tags li{color:#40545a;white-space:nowrap;background:#edf3f1;border:1px solid #dee7e3;border-radius:5px;padding:4px 7px;font-size:10px;line-height:1.25;list-style:none}.rt43-directory-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.rt43-directory-cta{white-space:nowrap;background:#172e3a;border-radius:7px;align-items:center;gap:14px;padding:9px 14px;font-size:12px;font-weight:750;display:inline-flex;color:#fff!important;text-decoration:none!important}.rt43-directory-cta:hover{background:#2f6576}.rt43-directory-secondary{color:#24576a;text-underline-offset:3px;font-size:11px;text-decoration:underline}.rt43-directory :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #277d8a}.rt43-panel{margin-top:12px}.rt43-panel .rt43-topbar{margin-bottom:14px}.rt43-panel .rt43-topbar h2{font-size:clamp(20px,2.3vw,27px)}.rt43-panel .rt43-mallet-scroll{touch-action:pan-y;padding:14px 12px}.rt43-panel .rt43-bars{min-width:520px}.rt43-panel .rt43-bar{touch-action:none}.rt43-mallet-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rt43-mode-button{font:inherit;color:#34594e;cursor:pointer;background:#fff;border:1px solid #c5d7d0;border-radius:8px;padding:8px 11px;font-size:12px}.rt43-mode-button[aria-pressed=true]{color:#fff;background:#295c50;border-color:#295c50}.rt43-panel .rt43-mallet-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;padding:12px}.rt43-panel .rt43-mallet-controls .rt43-toggle{align-self:center}.rt43-panel .rt43-bars.rt43-chromatic{align-items:stretch;gap:4px;min-width:720px;max-width:1120px;height:236px}.rt43-panel .rt43-chromatic .rt43-bar{margin-top:0;position:relative;height:auto!important}.rt43-panel .rt43-chromatic .rt43-bar.is-accidental{z-index:1;color:#fff;margin-top:0;background:linear-gradient(90deg,#524138,#897161,#44352f)!important;height:67%!important}.rt43-panel .rt43-glockenspiel .rt43-chromatic .rt43-bar.is-accidental{color:#112430;background:linear-gradient(90deg,#6c7884,#a2adb8,#6e7b89)!important}.rt43-panel .rt43-bar.rt43-natural-wood{color:#263831;background:linear-gradient(90deg,#bd8b5b,#ebc89c 45%,#bd8751)!important}.rt43-panel .rt43-bars.rt43-natural .rt43-bar{background:linear-gradient(90deg,#ba8658,#e3b889,#b37b4f)!important}.rt43-panel .rt43-mallet .rt43-bar{min-height:125px}.rt43-advanced{background:#f5f8f5;border:1px solid #dce7e1;border-radius:10px;margin:10px 0 18px;padding:10px 14px}.rt43-advanced summary{cursor:pointer;color:#34594e;font-size:13px;font-weight:750}.rt43-advanced .rt43-controls{margin:14px 0 4px}.rt43-basic-controls{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}@media (max-width:960px){.rt43-group-strings .rt43-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:660px){.rt43-directory{gap:13px}.rt43-directory-group{border-radius:14px;padding:11px}.rt43-directory-grid,.rt43-group-strings .rt43-directory-grid{grid-template-columns:1fr;gap:9px}.rt43-directory-card{grid-template-columns:37% 1fr;gap:10px;padding:9px;display:grid}.rt43-directory-image-link{align-self:stretch}.rt43-directory-image{aspect-ratio:1.25;object-fit:cover;height:100%}.rt43-directory-copy{padding:3px 0}.rt43-directory-copy h3{font-size:21px}.rt43-directory-copy p{margin-bottom:7px;font-size:12px}.rt43-directory-tags{margin-bottom:8px!important}.rt43-directory-tags li{font-size:9px}.rt43-directory-cta{padding:7px 10px;font-size:11px}.rt43-panel .rt43-mallet-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.rt43-directory-group-head>span{display:none}}@media (max-width:390px){.rt43-directory-card{grid-template-columns:34% 1fr}.rt43-directory-image{min-height:145px}.rt43-directory-tags li:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.rt43-directory-card{transition:none}.rt43-directory-card:hover{transform:none}}.tool-page:has(.rt43-panel){padding-top:18px}.tool-page:has(.rt43-panel) .tool-intro{margin-bottom:7px}.tool-page:has(.rt43-panel) .tool-intro h1{margin-bottom:8px;font-size:clamp(32px,4vw,48px);line-height:1.09}.tool-page:has(.rt43-panel) .tool-intro .page-lede{max-width:800px;font-size:clamp(14px,1.5vw,17px);line-height:1.55}
.foundation-home-hero{padding:76px 0 82px}.foundation-home-grid{grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);align-items:center;gap:64px;display:grid}.foundation-home-hero h1{letter-spacing:-.046em;font-size:clamp(52px,6.5vw,82px);line-height:1.015}.foundation-home-feature{background:var(--white);border:1px solid var(--line);box-shadow:12px 12px 0 var(--paper-strong);padding:35px 36px 34px}.foundation-home-feature h2{letter-spacing:-.03em;margin:24px 0 12px;font:500 clamp(32px,3.6vw,48px)/1.11 Georgia,serif}.foundation-home-feature p:not(.foundation-overline){color:var(--muted);font-size:15px;line-height:1.7}.foundation-home-feature a{color:var(--blue);margin-top:13px;font-size:15px;font-weight:700;display:inline-block}.foundation-feature-notes{gap:10px;margin:30px 0 10px;display:flex}.foundation-feature-notes span{border:1px solid var(--line);background:#f6f4ef;border-bottom:5px solid #315f78;place-items:center;width:62px;height:84px;font:500 29px Georgia,serif;display:grid}.foundation-overline{letter-spacing:.13em;text-transform:uppercase;color:var(--blue);font-size:11px;font-weight:800}.foundation-home-bottom{grid-template-columns:1fr 1fr;gap:80px;display:grid}.foundation-home-bottom h2{letter-spacing:-.035em;margin:18px 0;font:500 clamp(30px,4vw,46px)/1.1 Georgia,serif}.foundation-home-bottom p:not(.eyebrow){color:var(--muted);max-width:490px;line-height:1.7}.foundation-directory{min-height:55vh}.foundation-directory h1{max-width:850px}.foundation-section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;font-weight:700;display:flex}.foundation-section-title span:last-child{color:var(--muted);font-size:13px;font-weight:400}.foundation-rows{gap:12px;display:grid}.foundation-row{background:var(--white);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:24px 30px;transition:border-color .2s,transform .2s;display:flex}.foundation-row:hover{border-color:var(--blue);transform:translateY(-1px)}.foundation-row h2{letter-spacing:-.025em;margin:8px 0 7px;font:500 28px Georgia,serif}.foundation-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.foundation-row>span{color:var(--blue);white-space:nowrap;font-size:13px;font-weight:700}.foundation-note{color:var(--muted);margin-top:25px;font-size:13px;line-height:1.7}.foundation-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.foundation-facts>div{border:1px solid var(--line);background:var(--white);flex-direction:column;gap:12px;padding:26px;display:flex}.foundation-facts span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.foundation-facts strong{font:500 25px Georgia,serif}.foundation-training-shell{max-width:940px}.foundation-exercise{border:1px solid var(--line);background:var(--white);padding:30px}.foundation-progress{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.foundation-progress-track{background:var(--paper-strong);height:5px;margin-top:14px;overflow:hidden}.foundation-progress-track span{background:var(--blue);height:100%;transition:width .2s;display:block}.foundation-question{text-align:center;padding:25px 0 5px}.foundation-question h2,.foundation-finish h2{letter-spacing:-.02em;margin:12px 0 19px;font:500 32px Georgia,serif}.foundation-staff{width:min(100%,390px);height:auto;margin:0 auto 20px;display:block}.foundation-answer-grid{justify-content:center;gap:12px;margin:5px auto 20px;display:flex}.foundation-answer{border:1px solid var(--line);cursor:pointer;background:#f6f4ef;min-width:94px;min-height:65px;font:500 27px Georgia,serif}.foundation-answer:hover:not(:disabled){border-color:var(--blue);background:#edf2f3}.foundation-answer:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.foundation-answer:disabled{opacity:.65;cursor:default}.foundation-answer.is-correct{opacity:1;background:#e1ede3;border-color:#4d7558}.foundation-answer.is-wrong{opacity:1;background:#f7e5df;border-color:#b25c45}.foundation-answer-feedback{min-height:36px;color:var(--muted);margin-bottom:12px;font-size:14px}.foundation-finish{text-align:center;padding:42px 15px 22px}.foundation-finish p{color:var(--muted);max-width:470px;margin:0 auto 26px;line-height:1.7}.foundation-finish .hero-actions{justify-content:center}@media (max-width:950px){.foundation-home-grid{grid-template-columns:1fr;gap:40px}.foundation-home-bottom{gap:32px}.foundation-home-feature{max-width:620px}}@media (max-width:650px){.foundation-home-hero{padding:53px 0 59px}.foundation-home-grid{gap:30px}.foundation-home-bottom,.foundation-facts{grid-template-columns:1fr}.foundation-row{flex-direction:column;align-items:flex-start;gap:12px;padding:21px 17px}.foundation-row h2{font-size:25px}.foundation-home-feature{padding:25px 23px}.foundation-exercise{padding:20px 12px}.foundation-answer{min-width:73px}.foundation-section-title{flex-direction:column;align-items:start;gap:5px}}.foundation-answer-grid{flex-wrap:wrap;max-width:620px}.foundation-unit-progress{white-space:nowrap;color:var(--blue);font-size:13px;font-weight:700}.foundation-previous-result{margin-top:-8px!important;font-size:13px!important}@media (max-width:650px){.foundation-answer-grid{gap:7px}.foundation-answer{min-width:64px;min-height:56px}}.foundation-symbol{width:min(100%,390px);height:auto;margin:0 auto 20px;display:block}.foundation-skill-answer{min-width:105px;padding:12px 14px;font:600 19px/1.3 Arial,sans-serif}.foundation-answer-feedback{max-width:620px;margin-left:auto;margin-right:auto;line-height:1.65}@media (max-width:650px){.foundation-skill-answer{min-width:96px;min-height:55px;font-size:15px}}.foundation-course-shell{max-width:1220px}.foundation-course-shell>.page-lede{max-width:790px}.foundation-course-summary{background:var(--white);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:22px;margin-top:32px;padding:25px 28px;display:grid}.foundation-course-summary>div{align-content:start;gap:9px;display:grid}.foundation-course-summary strong{font:500 23px/1.25 Georgia,serif}.foundation-course-summary p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.foundation-course-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:start;gap:28px;margin-top:40px;display:grid}.foundation-course-row h2{font-size:26px}.foundation-lesson-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:start;gap:30px;margin-top:40px;display:grid}.foundation-minor-heading{letter-spacing:-.025em;margin:0 0 16px;font:500 29px Georgia,serif}.foundation-teaching-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:35px;display:grid}.foundation-teaching{border:1px solid var(--line);background:var(--white);padding:24px}.foundation-teaching h3{letter-spacing:-.025em;margin:12px 0;font:500 23px Georgia,serif}.foundation-teaching p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.foundation-explorer{border:1px solid var(--line);background:var(--white);text-align:left;padding:27px 23px}.foundation-explorer h3{letter-spacing:-.03em;margin:13px 0;font:500 28px Georgia,serif}.foundation-explorer>p:not(.foundation-overline){color:var(--muted);font-size:14px;line-height:1.7}.foundation-explorer-controls{flex-wrap:wrap;align-items:end;gap:16px;margin:22px 0;display:flex}.foundation-explorer-controls label{flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.foundation-explorer-controls select{border:1px solid var(--line);background:var(--white);max-width:180px;min-height:40px;color:var(--ink);padding:5px 8px;font:400 13px Arial,sans-serif}.foundation-explorer-controls .foundation-check{cursor:pointer;flex-direction:row;align-items:center;gap:8px;min-height:40px}.foundation-explorer .foundation-staff{margin:10px auto}.foundation-explorer-result{border-top:1px solid var(--line);padding:13px;color:var(--ink)!important}.foundation-next-unit{margin:20px 0;font-size:14px}.foundation-next-unit a{color:var(--blue);font-weight:700}.foundation-practice-tip{border-left:3px solid var(--blue);background:var(--white);margin:26px 0 0;padding:10px 17px}.foundation-practice-tip strong{font-size:13px}.foundation-practice-tip p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.6}.foundation-single-symbol{width:190px;margin:0 auto 18px}.foundation-duration-glyph{width:100%;max-height:155px;display:block}.foundation-rhythm-figure{border:1px solid var(--line);background:#faf9f6;justify-content:center;align-items:center;gap:12px;max-width:620px;margin:0 auto 26px;padding:12px;display:flex}.foundation-meter{max-width:24px;font:700 18px/1 Georgia,serif}.foundation-rhythm-symbols{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;min-width:0;display:flex}.foundation-rhythm-symbols .foundation-duration-glyph{width:clamp(44px,7vw,91px)}.foundation-rhythm-placeholder{border:1px dashed var(--blue);min-width:42px;min-height:50px;color:var(--blue);place-items:center;font:700 28px Georgia,serif;display:grid}.foundation-review{text-align:left;border-top:1px solid var(--line);max-width:670px;margin:25px auto;padding-top:20px}.foundation-review h3{margin-bottom:18px;font:500 24px Georgia,serif}.foundation-review details{border:1px solid var(--line);margin:9px 0;padding:15px 18px}.foundation-review summary{cursor:pointer;font-size:14px;font-weight:700}.foundation-review details p{text-align:left;max-width:none;font-size:14px}.foundation-review .foundation-single-symbol{width:115px}.foundation-review .foundation-staff{max-width:280px}.foundation-review .foundation-rhythm-figure{max-width:420px}.foundation-all-correct{font-weight:600}@media (max-width:1000px){.foundation-course-grid,.foundation-lesson-grid{grid-template-columns:1fr}.foundation-explorer{max-width:630px}}@media (max-width:650px){.foundation-course-summary,.foundation-teaching-grid{grid-template-columns:1fr}.foundation-course-summary{padding:19px 17px}.foundation-explorer{padding:20px 16px}.foundation-rhythm-figure{gap:5px}.foundation-rhythm-symbols .foundation-duration-glyph{width:47px}.foundation-answer-grid{max-width:100%}}.pulse-course-banner{border-block:1px solid var(--line);background:#eaf0ef;padding:34px 0 55px}.pulse-course-banner h2{letter-spacing:-.035em;margin:12px 0 14px;font:500 clamp(31px,4vw,48px)/1.1 Georgia,serif}.pulse-course-banner p{color:var(--muted);max-width:680px;margin:0 0 21px;font-size:16px;line-height:1.65}.pulse-trainer{border:1px solid var(--line);background:var(--white);margin:34px 0 26px;padding:clamp(17px,3vw,34px)}.pulse-trainer-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.pulse-trainer-top strong{color:var(--ink);font:600 15px Arial,sans-serif}.pulse-prompt{text-align:center;max-width:760px;margin:35px auto 25px}.pulse-prompt h2{letter-spacing:-.025em;margin:0 0 10px;font:500 clamp(26px,3vw,36px)/1.18 Georgia,serif}.pulse-prompt p{color:var(--muted);max-width:700px;margin:0 auto;font-size:14px;line-height:1.7}.pulse-notation{min-width:0;padding:12px 15px}.pulse-notation .foundation-rhythm-figure{max-width:480px;margin:0 auto;padding:13px 7px}.pulse-notation.is-compact{padding:9px 3px}.pulse-notation.is-compact .foundation-rhythm-figure{background:0 0;border:none;margin:0;padding:2px}.pulse-notation.is-compact .foundation-rhythm-symbols .foundation-duration-glyph{width:clamp(38px,5vw,62px)}.pulse-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:860px;margin:24px auto;display:grid}.pulse-choice{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#faf9f6;min-height:95px;padding:12px}.pulse-choice:hover:not(:disabled),.pulse-choice:focus-visible{border-color:var(--blue);outline-offset:2px;background:#edf2f3}.pulse-choice:disabled{cursor:default}.pulse-choice.is-correct{background:#e1ede3;border-color:#4d7558}.pulse-choice.is-wrong{background:#f7e5df;border-color:#b25c45}.pulse-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.pulse-grid-slot{text-align:center;background:#fff;border:1px solid #e0e2dd;align-content:center;gap:8px;min-height:53px;display:grid}.pulse-grid-slot span{font:600 22px/1 Georgia,serif}.pulse-grid-slot.has-attack{background:#e7efee;border-color:#bdceca}.pulse-grid-slot small{color:var(--muted);font:11px Arial,sans-serif}.pulse-audio-controls{flex-wrap:wrap;justify-content:center;align-items:end;gap:14px;margin:20px 0;display:flex}.pulse-audio-controls label{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.pulse-audio-controls select{border:1px solid var(--line);min-width:120px;height:41px;color:var(--ink);background:#fff;padding:6px}.pulse-listening-choices{max-width:780px}.pulse-feedback,.pulse-timing-results{border:1px solid var(--line);background:#faf9f6;margin:24px 0 14px;padding:22px;line-height:1.65}.pulse-feedback.is-correct{background:#f0f6f0;border-color:#7fa28a}.pulse-feedback.is-wrong{background:#fcf4ef;border-color:#b8836e}.pulse-feedback p{color:var(--muted);margin:8px 0 0;font-size:14px}.pulse-next{min-width:190px;margin:25px auto 10px;display:block}.pulse-imitation-view{max-width:840px;margin:20px auto}.pulse-imitation-view .pulse-grid{max-width:630px;margin:auto}.pulse-beat-stage{border:1px solid var(--line);background:#f4f3ef;justify-content:space-between;align-items:center;gap:20px;margin:15px auto 14px;padding:19px;display:flex}.pulse-beat-stage strong{font:500 22px Georgia,serif}.pulse-beat-stage span{color:var(--muted);font:600 13px Arial,sans-serif}.pulse-beat-stage.is-capture{background:#e1ede3;border-color:#679678}.pulse-tap-pad{color:#264c57;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e9eff0;border:2px solid #5d7d86;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;height:155px;font:700 38px Georgia,serif;display:flex}.pulse-tap-pad span{font:600 14px Arial,sans-serif}.pulse-tap-pad small{font:12px Arial,sans-serif}.pulse-tap-pad:active:not(:disabled){background:#cadce0}.pulse-tap-pad:disabled{cursor:not-allowed;opacity:.65}.pulse-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0;display:grid}.pulse-metrics span{border:1px solid var(--line);background:#fff;gap:5px;padding:12px;font-size:12px;display:grid}.pulse-metrics b{font:600 24px Georgia,serif}.pulse-match-list{gap:6px;display:grid}.pulse-match-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 10px;font-size:13px;display:flex}.pulse-finish{text-align:center;padding:29px 0 14px}.pulse-finish h2{margin:11px 0;font:500 clamp(27px,4vw,42px) Georgia,serif}.pulse-finish p{color:var(--muted);font-size:14px;line-height:1.75}.pulse-review-list{text-align:left;gap:7px;max-width:700px;margin:25px auto;display:grid}.pulse-review-list>div{border:1px solid var(--line);gap:6px;padding:12px 15px;font-size:13px;display:grid}.pulse-review-list span{color:var(--muted)}.pulse-finish .hero-actions{justify-content:center}.pulse-notice{background:#fcf4ef;border-left:3px solid #b8836e;padding:10px 13px;font-size:14px}.pulse-trainer .foundation-note{margin-top:20px;font-size:12px;line-height:1.7}@media (max-width:680px){.pulse-choice-grid{grid-template-columns:1fr}.pulse-choice{min-height:70px}.pulse-beat-stage{flex-direction:column;align-items:start;gap:9px}.pulse-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pulse-tap-pad{height:145px}.pulse-grid-slot{min-height:47px}.pulse-notation{padding:4px 0}}.pulse-unit-page{padding:29px 0 58px}.pulse-unit-shell{max-width:1180px}.pulse-unit-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;line-height:1.5;display:flex}.pulse-unit-breadcrumb a:hover{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.pulse-unit-breadcrumb>span:last-child{color:var(--ink);font-weight:600}.pulse-unit-heading{grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:56px;margin-top:35px;display:grid}.pulse-unit-heading .foundation-overline{margin:0 0 13px}.pulse-unit-dot{color:var(--muted);margin:0 4px}.pulse-unit-heading h1{letter-spacing:-.043em;max-width:690px;margin:0;font:500 clamp(38px,3.9vw,54px)/1.08 Georgia,Times New Roman,serif}.pulse-unit-intro{color:var(--muted);max-width:595px;margin:16px 0 0;font-size:16px;line-height:1.65}.pulse-unit-meta{flex-wrap:wrap;gap:8px;margin-top:21px;display:flex}.pulse-unit-meta span{border:1px solid var(--line);color:#4b5657;background:#fffdf873;padding:7px 10px;font-size:11px;font-weight:600}.pulse-unit-beat-card{border:1px solid var(--line);background:var(--white);padding:19px 22px 17px}.pulse-unit-beat-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.pulse-unit-beat-head .foundation-overline{margin:0}.pulse-unit-beat-head strong{color:var(--blue);font:600 13px/1 Arial,sans-serif}.pulse-unit-beat-strip{grid-template-columns:repeat(4,1fr);margin:22px 0 14px;display:grid}.pulse-unit-beat-strip>div{color:#72746f;border-right:1px solid #e8e2d8;flex-direction:column;align-items:center;gap:9px;font:600 12px Arial,sans-serif;display:flex}.pulse-unit-beat-strip>div:last-child{border:0}.pulse-unit-beat-dot{background:0 0;border:2px solid #7995a2;border-radius:50%;width:20px;height:20px}.pulse-unit-beat-strip .is-first .pulse-unit-beat-dot{background:var(--blue);border-color:var(--blue)}.pulse-unit-beat-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.pulse-unit-modes{margin-top:45px}.pulse-unit-section-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:22px;margin-bottom:17px;padding-top:21px;display:flex}.pulse-unit-section-heading .foundation-overline{margin:0 0 7px}.pulse-unit-section-heading h2{letter-spacing:-.024em;margin:0;font:500 27px/1.2 Georgia,Times New Roman,serif}.pulse-unit-section-heading>span{color:var(--muted);padding-bottom:4px;font-size:12px}.pulse-unit-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.pulse-unit-mode-card{background:var(--white);border:1px solid var(--line);flex-direction:column;min-width:0;min-height:273px;padding:20px 22px 0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.pulse-unit-mode-card:hover{border-color:#8ca6b2;transform:translateY(-2px);box-shadow:0 3px 14px #191a180e}.pulse-unit-mode-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.pulse-unit-mode-top{justify-content:space-between;align-items:start;gap:18px;min-height:37px;margin-bottom:17px;display:flex}.pulse-unit-mode-number{color:#9c9b94;font:500 19px Georgia,serif}.pulse-unit-mode-card .foundation-overline{letter-spacing:.1em;margin:0 0 7px;font-size:10px}.pulse-unit-mode-card h3{letter-spacing:-.025em;margin:0 0 9px;font:500 24px/1.2 Georgia,serif}.pulse-unit-mode-desc{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.55}.pulse-unit-mode-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:51px;margin-top:auto;padding:14px 0;display:flex}.pulse-unit-mode-bottom>span:first-child{color:var(--blue);font-size:13px;font-weight:700}.pulse-unit-mode-bottom .foundation-unit-progress{color:var(--muted);font-size:12px;font-weight:600}.pulse-unit-mark{width:110px;height:34px;color:var(--blue);justify-content:center;align-items:center;gap:12px;display:flex}.pulse-unit-mark-read span{font:500 28px/1 Georgia,serif}.pulse-unit-mark-listen{align-items:center;gap:4px}.pulse-unit-mark-listen span{background:#6e92a3;border-radius:2px;width:5px;display:block}.pulse-unit-mark-listen span:first-child,.pulse-unit-mark-listen span:nth-child(5){height:11px}.pulse-unit-mark-listen span:nth-child(2),.pulse-unit-mark-listen span:nth-child(4){height:21px}.pulse-unit-mark-listen span:nth-child(3){background:var(--blue);height:32px}.pulse-unit-mark-tap{gap:7px}.pulse-unit-mark-tap span{border:1px solid #9db1b9;place-items:center;width:23px;height:23px;font:600 11px Arial,sans-serif;display:grid}.pulse-unit-mark-tap span:first-child{background:var(--blue);border-color:var(--blue);color:#fff}.pulse-unit-footer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;margin-top:30px;padding:22px 0 16px;display:grid}.pulse-unit-footer .foundation-overline{font-size:10px}.pulse-unit-footer p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.pulse-unit-footer details{border-left:1px solid var(--line);padding-left:25px}.pulse-unit-footer summary{cursor:pointer;color:var(--blue);justify-content:space-between;gap:20px;font-size:13px;font-weight:700;list-style:none;display:flex}.pulse-unit-footer summary::-webkit-details-marker{display:none}.pulse-unit-footer details[open] summary span{transform:rotate(45deg)}.pulse-unit-footer summary span{font-size:19px;line-height:13px;transition:transform .12s}.pulse-unit-back{color:var(--blue);margin:11px 0 0;font-size:13px}.pulse-unit-back a:hover{text-underline-offset:3px;text-decoration:underline}.pulse-activity-page.page-hero{padding:31px 0 67px}.pulse-activity-page .eyebrow{margin-bottom:15px;font-size:11px}.pulse-activity-page.page-hero h1{letter-spacing:-.035em;font-size:clamp(33px,3.7vw,48px);line-height:1.08}.pulse-activity-page .page-lede{max-width:690px;margin-top:13px;font-size:15px;line-height:1.55}.pulse-activity-page .pulse-trainer{margin-top:25px}@media (max-width:900px){.pulse-unit-heading{grid-template-columns:1fr 260px;gap:22px}.pulse-unit-mode-card{padding-left:17px;padding-right:17px}.pulse-unit-mode-card h3{font-size:21px}.pulse-unit-mode-bottom{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width:720px){.pulse-unit-heading{grid-template-columns:1fr;gap:24px;margin-top:23px}.pulse-unit-heading h1{font-size:clamp(36px,8vw,46px)}.pulse-unit-beat-card{max-width:410px}.pulse-unit-modes{margin-top:32px}.pulse-unit-mode-grid{grid-template-columns:1fr;gap:10px}.pulse-unit-mode-card{min-height:0;padding:16px 18px 0}.pulse-unit-mode-top{margin-bottom:11px}.pulse-unit-mode-desc{margin-bottom:12px}.pulse-unit-mode-bottom{flex-direction:row;align-items:center}.pulse-unit-footer{grid-template-columns:1fr;gap:18px}.pulse-unit-footer details{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.pulse-unit-section-heading{flex-direction:column;align-items:start;gap:8px}.pulse-unit-section-heading>span{padding:0}}@media (max-width:480px){.pulse-unit-page{padding:21px 0 42px}.pulse-unit-intro{font-size:14px}.pulse-unit-heading h1{font-size:36px}.pulse-unit-meta{gap:6px}.pulse-unit-meta span{font-size:10px}.pulse-unit-mode-card h3{font-size:22px}.pulse-activity-page.page-hero{padding:24px 0 45px}.pulse-activity-page.page-hero h1{font-size:35px}.pulse-activity-page .page-lede{font-size:14px}}@media (prefers-reduced-motion:reduce){.pulse-unit-mode-card,.pulse-unit-footer summary span{transition:none}}.pulse-unit-learn{background:var(--white);border:1px solid var(--line);align-items:baseline;gap:20px;margin:20px 0 0;padding:15px 18px;display:flex}.pulse-unit-learn strong{white-space:nowrap;font-size:13px}.pulse-unit-learn p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.pulse-unit-mode-short{color:var(--muted);font-size:12px}.pulse-timing-guide{border:1px solid var(--line);background:#faf9f6;max-width:800px;margin:5px auto 15px;padding:12px 15px;font-size:13px;line-height:1.6}.pulse-timing-guide summary{cursor:pointer;color:var(--blue);font-weight:600}.pulse-timing-guide p{color:var(--muted);margin:10px 0 0}.pulse-next-level{margin-top:20px}.pulse-next-level a{color:var(--blue);text-underline-offset:3px;font-weight:700;text-decoration:underline}.pulse-unit-back a+a{margin-left:14px}@media (max-width:680px){.pulse-unit-learn{display:block}.pulse-unit-learn p{margin-top:6px}.pulse-audio-controls{justify-content:stretch}.pulse-audio-controls label{flex:1;min-width:150px}.pulse-unit-beat-head strong{font-size:12px}}.pulse-grouping-label{color:#546364;text-align:center;max-width:720px;margin:8px auto 18px;font-size:13px;line-height:1.6}.pulse-notation .pulse-timeline-caption{text-align:center;color:#526267;margin-top:8px;font-size:12px;line-height:1.45}@media (max-width:680px){.pulse-notation .foundation-rhythm-symbols .foundation-duration-glyph{width:clamp(31px,9vw,46px)}.pulse-grid{gap:2px}.pulse-grid-slot{min-width:0}.pulse-grid-slot span{font-size:17px}.pulse-grid-slot small{font-size:10px}}
.notes-skill-exercise{background:var(--white);border:1px solid var(--line);border-radius:13px;max-width:850px;margin-top:0;padding:22px}.notes-skill-question{text-align:center;padding:12px 0 8px}.notes-skill-question h2{margin:8px auto 10px;font:500 clamp(22px,2.8vw,29px)/1.2 Georgia,serif}.notes-skill-staff{width:min(100%,410px);max-height:220px;margin:5px auto 9px;display:block}.notes-skill-question .foundation-answer-grid{max-width:530px;margin:8px auto 15px}.notes-skill-question .foundation-answer-feedback{text-align:center;max-width:630px;min-height:36px;margin:12px auto}.notes-keyboard-wrapper{max-width:590px;margin:0 auto 7px}.notes-keyboard{background:#fff;border:1px solid #6f7775;border-radius:0 0 8px 8px;height:176px;display:flex;position:relative;overflow:hidden}.notes-white-key{color:#46564f;cursor:pointer;background:#fffdf8;border:0;border-right:1px solid #8c9591;border-radius:0 0 6px 6px;flex:1;justify-content:center;align-items:end;min-width:0;min-height:100%;padding:0 0 16px;font:600 13px Arial,sans-serif;display:flex}.notes-white-key:last-of-type{border-right:0}.notes-white-key:hover:not(:disabled){background:#e7f0ed}.notes-white-key.is-correct{background:#cce6d7}.notes-white-key:disabled{cursor:default}.notes-black-key{z-index:1;pointer-events:auto;background:#242c29;border:1px solid #151b19;border-radius:0 0 5px 5px;width:8%;height:60%;position:absolute;top:0;transform:translate(-50%)}.notes-keyboard-octave{color:var(--muted);justify-content:space-between;align-items:center;padding-top:9px;font-size:12px;display:flex}.notes-keyboard-octave span{text-align:center;font-size:11px}.notes-show-hints{color:var(--muted);cursor:pointer;align-items:center;gap:7px;margin-top:13px;font-size:13px;display:inline-flex}.notes-skill-result{text-align:center;padding:36px 12px}.notes-skill-result h2{margin:10px;font:500 34px Georgia,serif}.notes-skill-result p{max-width:570px;color:var(--muted);margin:12px auto;line-height:1.6}.notes-skill-result .hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:650px){.notes-skill-exercise{padding:14px}.notes-keyboard{height:138px}.notes-skill-staff{margin-top:0}.notes-keyboard-octave span{font-size:10px}}
.advanced-note-choices{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:9px;margin:18px 0;display:grid}.advanced-notes-keyboard-scroll{max-width:100%;padding:8px 0 18px;overflow-x:auto}.advanced-notes-keyboard{isolation:isolate;min-width:490px;height:154px;display:flex;position:relative}.advanced-note-white{color:#394342;cursor:pointer;background:#fbfaf6;border:1px solid #999f9d;border-radius:0 0 5px 5px;flex:1;justify-content:center;align-items:flex-end;padding:8px 1px 10px;font-size:11px;display:flex;position:relative}.advanced-note-black{color:#fff;z-index:2;cursor:pointer;background:#262c2c;border:1px solid #1b2020;border-radius:0 0 4px 4px;width:3.3%;height:94px;position:absolute;top:0;transform:translate(-50%)}.advanced-note-white:disabled,.advanced-note-black:disabled{cursor:default}.advanced-note-white.is-correct,.advanced-note-black.is-correct{color:#123824;background:#92c5a8}.advanced-note-white.is-wrong,.advanced-note-black.is-wrong{color:#4b1d12;background:#e8b4aa}.advanced-note-white:focus-visible,.advanced-note-black:focus-visible{outline-offset:2px;z-index:3;outline:3px solid #2f708b}.advanced-note-choices button{min-width:0}@media (max-width:620px){.advanced-notes-keyboard{min-width:440px;height:135px}.advanced-note-black{height:85px}}
.rt-site-info{max-width:1060px}.rt-site-info .page-lede{max-width:780px}.rt-site-info-copy{color:#495c5c;max-width:780px;margin-top:28px;font-size:15px;line-height:1.7}.rt-site-info-copy h2{color:#1b303a;margin:26px 0 8px;font:600 clamp(21px,2.6vw,27px)/1.25 Georgia,serif}.rt-site-info-copy p{margin:0 0 15px}.rt-site-info-copy a{color:#23526a;text-underline-offset:3px;text-decoration:underline}@media (max-width:700px){.rt-site-info-copy{margin-top:20px;font-size:14px}.rt-site-info-copy h2{margin-top:21px}}
.rt44-panel{color:#243139;background:#faf9f5;border:1px solid #d9dfd8;border-radius:17px;margin:12px 0 22px;padding:clamp(13px,2.2vw,22px)}.rt44-panel button,.rt44-panel select,.rt44-panel input{font:inherit}.rt44-panel button{cursor:pointer}.rt44-panel button:disabled{opacity:.4;cursor:not-allowed}.rt44-panel :is(button,select,input):focus-visible{outline-offset:3px;outline:3px solid #117e99}.rt44-summary{justify-content:space-between;align-items:start;gap:14px;margin-bottom:14px;display:flex}.rt44-summary h2{letter-spacing:-.035em;color:#172f36;margin:3px 0 7px;font-family:Georgia,serif;font-size:clamp(22px,2.7vw,30px);font-weight:600;line-height:1.14}.rt44-summary p:not(.rt44-kicker){color:#566870;margin:0;font-size:13px;line-height:1.5}.rt44-kicker,.rt44-label{letter-spacing:.13em;color:#416b6b;margin:0;font-size:10px;font-weight:800}.rt44-chip{white-space:nowrap;color:#375b55;background:#e5efe8;border:1px solid #cad7cf;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700}.rt44-controls{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:14px;display:flex}.rt44-controls label{color:#4c5c60;flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.rt44-controls select{color:#20383a;background:#fff;border:1px solid #c5d3ce;border-radius:7px;padding:8px 10px;font-size:12px}.rt44-controls input,.rt44-volume input{accent-color:#296779;width:135px}.rt44-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0 11px;display:flex}.rt44-actions button,.rt44-lesson-panel button{color:#28434a;background:#fff;border:1px solid #cad5d1;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:750}.rt44-actions .rt44-primary,.rt44-lesson-panel .rt44-primary{color:#fff;background:#224b58;border-color:#224b58}.rt44-muted{color:#6d7b7e;margin-left:6px;font-size:11px}.rt44-status{color:#27554d;background:#f0f6f3;border:1px solid #d7e4df;border-radius:8px;min-height:35px;margin:8px 0;padding:10px 12px;font-size:12px}.rt44-hint{color:#647278;margin:10px 0 0;font-size:11px;line-height:1.6}.rt43-group-winds{background:#eaf3f2}.rt44-kalimba-scroll{overscroll-behavior-x:contain;padding:4px 0 9px;overflow-x:auto}.rt44-kalimba-body{background:linear-gradient(95deg,#a4673d 0%,#dfae71 22%,#ce9358 50%,#e0ad75 78%,#9b5b36 100%);border:7px solid #825033;border-radius:38px 38px 66px 66px;width:100%;min-width:640px;max-width:880px;height:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #edc68e,inset 0 -18px 24px #71452742,0 13px 28px #514a401c}.rt44-kalimba-grain{opacity:.21;pointer-events:none;background:repeating-linear-gradient(91deg,#0000 0 8px,#714121 9px,#0000 10px 24px);position:absolute;inset:0}.rt44-kalimba-mark{text-align:center;color:#5c3b24;letter-spacing:.19em;font-family:Georgia,serif;font-size:16px;font-weight:700;position:absolute;bottom:27px;left:0;right:0}.rt44-kalimba-mark span{letter-spacing:.08em;margin-top:4px;font-family:system-ui,sans-serif;font-size:9px;display:block}.rt44-kalimba-hole{pointer-events:none;background:radial-gradient(circle,#34231b 0 60%,#69402c 66%,#e0ad76 72%);border-radius:50%;width:105px;height:105px;position:absolute;bottom:44px;left:calc(50% - 52px);box-shadow:inset 0 5px 12px #180e0a}.rt44-kalimba-bridge{pointer-events:none;background:linear-gradient(#624b43,#c5c3b8 45%,#797c77);border-radius:8px;height:15px;position:absolute;top:61px;left:7.5%;right:7.5%;box-shadow:0 2px 4px #523c32aa}.rt44-kalimba-tines{z-index:1;justify-content:space-between;align-items:start;gap:3px;display:flex;position:absolute;inset:54px 8% auto}.rt44-tine{appearance:none;color:#23333b;touch-action:manipulation;background:linear-gradient(90deg,#8d979c 0%,#e7eeee 22%,#a2acb1 56%,#eff4f3 75%,#87969b 100%);border:1px solid #777f80;border-radius:2px 2px 12px 12px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:9px;min-width:0;padding:9px 0 14px;transition:filter .12s,transform .12s;display:flex;position:relative;box-shadow:inset 0 2px 6px #fff9,0 2px 3px #563b2f7a}.rt44-tine:hover,.rt44-tine.is-plucked{filter:brightness(1.13);transform:translateY(5px)}.rt44-tine.is-centre{border-color:#417788}.rt44-tine-note{white-space:nowrap;font-size:clamp(10px,1.5vw,13px);font-weight:800}.rt44-tine-key{color:#607077;font-size:9px;font-weight:700}.rt44-recorder-layout{grid-template-columns:minmax(210px,.8fr) minmax(330px,1.2fr);align-items:stretch;gap:16px;display:grid}.rt44-recorder-visual,.rt44-recorder-play{background:#fffefb;border:1px solid #e0e5df;border-radius:12px;min-width:0;padding:16px}.rt44-recorder-visual{text-align:center}.rt44-recorder-visual .rt44-label{text-align:left}.rt44-recorder-instrument{width:120px;height:375px;margin:10px auto 2px;position:relative}.rt44-recorder-shaft{background:linear-gradient(90deg,#e7d2ac,#f5ead2 28%,#d6b98e 74%,#bda077);border:3px solid #9a886e;border-radius:15px 15px 9px 9px;width:46px;position:absolute;top:3%;bottom:6%;left:calc(50% - 23px);box-shadow:4px 3px 9px #60544420}.rt44-recorder-windway{z-index:1;background:linear-gradient(90deg,#c4a67d,#efe0c1,#c1a47c);border:2px solid #957e5e;border-radius:14px 9px 5px 5px;width:56px;height:42px;position:absolute;top:0;left:calc(50% - 28px);box-shadow:0 3px 4px #8b6f4f44}.rt44-recorder-windway:after{content:"";background:#6d6556;border-radius:3px;width:24px;height:6px;position:absolute;bottom:7px;left:13px}.rt44-recorder-hole{appearance:none;z-index:2;color:#0000;touch-action:manipulation;background:#fbf8e7;border:3px solid #817259;border-radius:50%;width:26px;height:26px;transition:background .11s;position:absolute;left:calc(50% - 13px);box-shadow:inset 0 0 4px #aa9276}.rt44-recorder-hole.is-covered{background:#29454e;border-color:#69868c;box-shadow:inset 0 1px 4px #15262a}.rt44-recorder-hole.is-thumb{border-color:#7294a2;left:-11px}.rt44-recorder-hole.is-thumb:after{content:"THUMB";color:#496d78;font-size:8px;position:absolute;top:3px;left:-45px}.rt44-recorder-hole:not(.is-thumb):after{content:attr(data-hole);color:#796b5e;width:10px;font-size:10px;position:absolute;top:0;left:30px}.rt44-recorder-bell{background:linear-gradient(#b49773,#e8d4ad);border:2px solid #947956;border-radius:4px 4px 16px 16px;width:62px;height:27px;position:absolute;bottom:0;left:calc(50% - 31px)}.rt44-recorder-indicator{color:#49616a;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.rt44-recorder-indicator span{background:#b0bab6;border-radius:50%;width:8px;height:8px}.rt44-recorder-indicator span.rt44-live{background:#2d9a74;box-shadow:0 0 0 3px #2d9a7424}.rt44-recorder-choices{flex-wrap:wrap;gap:6px;margin:12px 0 17px;display:flex}.rt44-recorder-choices button{color:#32505a;background:#f2f6f2;border:1px solid #cdd8d4;border-radius:7px;min-width:51px;padding:7px 10px;font-size:12px;font-weight:800}.rt44-recorder-choices button.is-selected{color:#fff;background:#2d6264;border-color:#2d6264}.rt44-blow{color:#1e5a61;touch-action:none;-webkit-user-select:none;user-select:none;background:#eaf4f2;border:2px solid #29707b;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:115px;display:flex}.rt44-blow-icon{font-family:Georgia,serif;font-size:30px;line-height:.8}.rt44-blow strong{font-size:18px}.rt44-blow small{font-size:11px}.rt44-blow.is-blowing{color:#fff;background:#28727d;box-shadow:inset 0 0 0 4px #ffffff24}.rt44-volume{color:#4d646a;align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.rt44-guide-toggle{color:#54676c;margin:12px 0 8px;font-size:12px}.rt44-guide-toggle input{accent-color:#24747d}.rt44-recorder-chart{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0;display:grid}.rt44-recorder-chart>div{background:#f8fbf8;border:1px solid #dde6e1;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:5px;display:flex}.rt44-recorder-chart strong{font-size:10px}.rt44-recorder-chart span{gap:2px;display:flex}.rt44-recorder-chart i{background:#fff;border:1px solid #477579;border-radius:50%;width:8px;height:8px;display:inline-block}.rt44-recorder-chart i.closed{background:#477579}.rt44-recorder-chart p{color:#758080;grid-column:1/-1;margin:2px 0;font-size:10px;line-height:1.5}.rt44-recorder-lesson{background:#f1f5ed;border:1px solid #d9e4d8;border-radius:11px;grid-template-columns:1fr 1.4fr;align-items:center;gap:17px;margin-top:16px;padding:16px;display:grid}.rt44-recorder-lesson h3{color:#2b4645;margin:3px 0 7px;font-family:Georgia,serif;font-size:20px}.rt44-recorder-lesson p:not(.rt44-label){color:#5b6d67;margin:0;font-size:12px;line-height:1.5}.rt44-lesson-heading{color:#335f5a;justify-content:space-between;gap:12px;font-size:12px;display:flex}.rt44-lesson-steps{flex-wrap:wrap;gap:4px;margin:12px 0;display:flex}.rt44-lesson-steps span{color:#6b7d77;background:#fff;border:1px solid #cbd8cf;border-radius:5px;padding:6px;font-size:11px}.rt44-lesson-steps .is-done{color:#245c39;background:#d7e9dc;border-color:#b4d0b9}.rt44-lesson-steps .is-current{color:#fff;background:#285c61;border-color:#285c61}@media (max-width:850px){.rt44-recorder-layout{grid-template-columns:1fr}.rt44-recorder-instrument{height:290px}.rt44-recorder-hole{width:23px;height:23px}.rt44-recorder-chart{grid-template-columns:repeat(3,1fr)}.rt44-recorder-lesson{grid-template-columns:1fr}.rt44-kalimba-body{width:710px}}@media (max-width:540px){.rt44-summary{flex-direction:column;gap:7px}.rt44-recorder-visual,.rt44-recorder-play{padding:11px}.rt44-kalimba-body{min-width:640px}.rt44-recorder-chart{grid-template-columns:repeat(2,1fr)}.rt44-muted{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.rt44-tine,.rt44-recorder-hole{transition:none}.rt44-tine:hover,.rt44-tine.is-plucked{transform:none}}.rt44-home-new-links{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.rt44-home-new-links span{letter-spacing:.1em;color:#667978;font-size:10px;font-weight:800}.rt44-home-new-links a{color:#255d61;background:#f6faf7;border:1px solid #d5dfdb;border-radius:7px;padding:7px 11px;font-size:12px;text-decoration:none}.rt44-home-new-links a:hover{border-color:#8db3a8}.rt44-recorder-summary{align-items:center;margin-bottom:12px}.rt44-recorder-summary p:not(.rt44-kicker){max-width:660px;margin-top:6px;font-size:13px}.rt44-recorder-visual,.rt44-recorder-play{background:#fffefb}.rt44-recorder-layout{grid-template-columns:minmax(260px,.9fr) minmax(330px,1.1fr);gap:14px}.rt44-recorder-instrument{width:180px;height:456px;margin:5px auto 1px}.rt44-recorder-shaft{background:linear-gradient(90deg,#bd9e74 0%,#e3cfa8 18%,#f6e7ca 39%,#d9bf95 72%,#ac8a60 100%);border-radius:13px 13px 8px 8px;width:58px;top:4%;bottom:6%;left:calc(50% - 29px);box-shadow:inset -7px 0 10px #65472522,4px 3px 8px #60544420}.rt44-recorder-shaft:before,.rt44-recorder-shaft:after{content:"";background:linear-gradient(#e9d3a7,#b69570);border:1px solid #ac8b64;border-radius:4px;height:7px;position:absolute;left:-3px;right:-3px}.rt44-recorder-shaft:before{top:10%}.rt44-recorder-shaft:after{bottom:7%}.rt44-recorder-windway{width:68px;height:48px;left:calc(50% - 34px)}.rt44-recorder-windway:after{width:28px;left:17px}.rt44-recorder-hole{border-width:2px;width:27px;height:27px;left:calc(50% - 13.5px)}.rt44-recorder-hole.is-thumb{left:-11px}.rt44-recorder-hole[data-hole="6"]:before,.rt44-recorder-hole[data-hole="7"]:before{content:"";background:inherit;border:1px solid #86735b;border-radius:50%;width:7px;height:8px;position:absolute;top:6px;right:-8px}.rt44-recorder-bell{width:74px;height:31px;left:calc(50% - 37px)}.rt44-recorder-note-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.rt44-recorder-note-heading span{color:#6b797d;font-size:11px}.rt44-recorder-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0 17px;display:grid}.rt44-recorder-choices button{background:#fff;border-color:#cfdbd5;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:46px;padding:10px 7px;display:flex}.rt44-recorder-choices button strong{font-size:14px}.rt44-recorder-choices button small{color:#758687;font-size:10px}.rt44-recorder-choices button.is-selected small{color:#d0e9e8}.rt44-recorder-choices button:hover{background:#eaf3ef;border-color:#32676b}.rt44-recorder-choices button.is-selected:hover{background:#2d6264}.rt44-recorder-mode-description{border-top:1px solid #e2e8e4;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:9px;padding-top:7px;display:flex}.rt44-recorder-mode-description strong{color:#294750;font-size:12px}.rt44-recorder-mode-description span{color:#637479;font-size:11px;line-height:1.5}.rt44-recorder .rt44-blow{flex-direction:row;gap:13px;min-height:78px}.rt44-recorder .rt44-blow strong{font-size:16px}.rt44-recorder .rt44-blow small{border-left:1px solid;padding-left:11px}.rt44-recorder .rt44-blow-icon{font-size:25px}.rt44-recorder .rt44-volume{margin-top:15px}.rt44-recorder .rt44-guide-toggle{margin:13px 0 9px}@media (max-width:850px){.rt44-recorder-layout{grid-template-columns:1fr}.rt44-recorder-instrument{height:400px}}@media (max-width:540px){.rt44-recorder-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.rt44-recorder-note-heading{flex-direction:column;align-items:start}.rt44-recorder-instrument{height:386px}.rt44-recorder-summary{align-items:start}}
.rt45-panel{margin-top:10px}.rt45-summary{align-items:center}.rt45-summary .rt44-kicker+p{margin-top:5px}.rt45-panel .rt44-chip{white-space:normal;text-align:right;max-width:100%}.rt45-panel .rt44-status{margin-top:10px}.rt45-recorder-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.rt45-recorder-controls>label{color:#4b6166;white-space:nowrap;align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.rt45-recorder-controls input[type=range]{accent-color:#296779;width:125px}.rt45-recorder-controls .rt44-actions{margin:0}.rt45-key-hint{color:#28545c;border-top:1px solid #d6dfdc;border-bottom:1px solid #d6dfdc;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 0;font-size:12px;font-weight:750;display:flex}.rt45-key-hint span{color:#647879;font-weight:500}.rt45-note-disclosure{color:#627478;font-size:12px;line-height:1.6}.rt45-handpan-workspace{grid-template-columns:minmax(285px,1fr) minmax(230px,.7fr);align-items:center;gap:22px;display:grid}.rt45-handpan-frame{place-items:center;min-width:0;display:grid}.rt45-handpan-disc{aspect-ratio:1;background:radial-gradient(circle at 39% 29%,#849494 0%,#576d72 53%,#344b52 92%);border:8px solid #4a5b5d;border-radius:50%;width:min(100%,470px);position:relative;box-shadow:inset 0 0 0 6px #82908e,inset 0 0 28px #1e323e80,0 12px 21px #39434329}.rt45-handpan-rim{pointer-events:none;border:1px solid #a6b7b288;border-radius:50%;position:absolute;inset:4.5%}.rt45-handpan-note{appearance:none;aspect-ratio:1;color:#fffaf0;touch-action:manipulation;background:radial-gradient(circle at 42% 28%,#aab6b1,#506971 76%);border:2px solid #98adac;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:20%;min-width:0;padding:3px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #536f7299,0 3px 7px #26383b55}.rt45-handpan-note.is-ding{background:radial-gradient(circle at 42% 35%,#c0c4b3,#697f7c 70%);border-width:3px;width:29%}.rt45-handpan-note strong{white-space:nowrap;font-size:clamp(12px,1.45vw,16px);line-height:1.1}.rt45-handpan-note small{color:#e2eeeb;font-size:10px}.rt45-handpan-note:hover,.rt45-handpan-note.is-active{color:#163439;background:radial-gradient(circle at 42% 28%,#d1d6ca,#7c9692 80%)}.rt45-handpan-note:hover small,.rt45-handpan-note.is-active small{color:#284e52}.rt45-handpan-aside{background:#f4f6f2;border:1px solid #dfe8de;border-radius:11px;align-self:center;padding:clamp(14px,2vw,22px)}.rt45-handpan-aside h3{color:#203e42;margin:10px 0 12px;font-family:Georgia,serif;font-size:clamp(21px,2.2vw,29px);font-weight:600;line-height:1.22}.rt45-handpan-aside>p:not(.rt44-label){color:#5a6c70;font-size:13px;line-height:1.65}.rt45-harp-toolbar{color:#566e70;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;font-size:12px;display:flex}.rt45-harp-toolbar label{align-items:center;gap:6px;display:flex}.rt45-harp-toolbar input{accent-color:#296779}.rt45-harp-scroll{overscroll-behavior-inline:contain;background:#f6f2e9;border:1px solid #e4e4db;border-radius:12px;padding:12px 10px;overflow-x:auto}.rt45-harp-frame{isolation:isolate;min-width:810px;max-width:960px;height:435px;margin:auto;position:relative}.rt45-harp-neck{z-index:-1;clip-path:polygon(5% 7%,30% 3%,57% 20%,100% 43%,100% 84%,53% 58%,29% 41%,5% 42%);background:#b58251;border-radius:22px;height:82px;position:absolute;top:0;left:4%;right:4%;box-shadow:inset 0 0 18px #61422b33}.rt45-harp-column{background:linear-gradient(90deg,#805736,#d0a875 45%,#a37346);border:2px solid #92643c;border-radius:20px 11px 13px 13px;width:39px;position:absolute;top:14px;bottom:14px;left:2.7%;transform:skew(-9deg)}.rt45-harp-soundbox{background:linear-gradient(#dbb27f,#a76d3b);border:3px solid #916238;border-radius:14px 14px 24px 16px;height:48px;position:absolute;bottom:11px;left:5%;right:2%}.rt45-harp-string{appearance:none;touch-action:manipulation;outline-offset:2px;color:#435e60;background:0 0;border:none;width:3.55%;min-width:24px;margin:0;padding:0;display:block;position:absolute;bottom:34px}.rt45-harp-string-line{background:#b4a27e;width:2px;transition:transform .12s,background .12s;position:absolute;top:0;bottom:12px;left:50%;box-shadow:1px 0 #fff9}.rt45-harp-string.is-c .rt45-harp-string-line{background:#af5253;width:3px}.rt45-harp-string.is-f .rt45-harp-string-line{background:#4779a2;width:3px}.rt45-harp-string:hover .rt45-harp-string-line,.rt45-harp-string.is-plucked .rt45-harp-string-line{background:#285c5c;transform:translate(4px)}.rt45-harp-string-note{white-space:nowrap;background:#faf8edb8;border-radius:2px;padding:2px 1px;font-size:10px;font-weight:700;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.rt45-harp-key{color:#6e685b;font-size:9px;font-weight:700;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.rt45-harp .rt44-hint{margin-top:4px}.rt44-recorder .rt44-recorder-layout{grid-template-columns:minmax(250px,.82fr) minmax(340px,1.18fr);align-items:start;gap:14px}.rt44-recorder .rt44-recorder-visual,.rt44-recorder .rt44-recorder-play{min-width:0}.rt44-recorder .rt44-recorder-instrument{width:154px;height:342px;margin:7px auto 2px}.rt44-recorder .rt44-recorder-hole{width:24px;height:24px;left:calc(50% - 12px)}.rt44-recorder .rt44-recorder-hole.is-thumb{left:-8px}.rt44-recorder .rt44-recorder-shaft{width:52px;left:calc(50% - 26px)}.rt44-recorder .rt44-recorder-windway{width:62px;height:41px;left:calc(50% - 31px)}.rt44-recorder .rt44-recorder-bell{width:68px;height:26px;left:calc(50% - 34px)}.rt44-recorder .rt44-recorder-choices{gap:7px;margin:9px 0 13px}.rt44-recorder .rt44-recorder-choices button{min-height:42px;padding:8px 5px}.rt44-recorder .rt44-recorder-mode-description{margin-bottom:7px}.rt44-recorder .rt44-blow{min-height:60px}.rt44-recorder .rt44-volume{margin-top:10px}.rt44-recorder .rt44-guide-toggle{margin:10px 0 5px}.rt44-recorder .rt44-recorder-note-heading span,.rt44-recorder .rt44-recorder-mode-description span,.rt44-recorder .rt44-recorder-choices button{overflow-wrap:anywhere}.rt44-recorder .rt44-recorder-visual,.rt44-recorder .rt44-recorder-play{overflow:visible}@media (max-width:900px){.rt45-handpan-workspace{grid-template-columns:1fr;gap:14px}.rt45-handpan-disc{width:min(100%,400px)}.rt44-recorder .rt44-recorder-layout{grid-template-columns:1fr}.rt44-recorder .rt44-recorder-instrument{height:330px}.rt45-recorder-controls{align-items:start}}@media (max-width:560px){.rt45-summary{align-items:flex-start}.rt45-handpan-disc{width:min(100%,380px)}.rt45-handpan-note strong{font-size:12px}.rt45-handpan-note small{font-size:9px}.rt45-recorder-controls{flex-direction:column}.rt45-recorder-controls .rt44-actions{width:100%}.rt44-recorder .rt44-recorder-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.rt44-recorder .rt44-recorder-instrument{height:324px}.rt44-recorder .rt44-recorder-summary{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.rt45-harp-string-line{transition:none}}
