:root{--ink:#172820;--muted:#596560;--green:#235c46;--mint:#eaf3ed;--line:#d6deda;--red:#91432e;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,.button{min-height:46px;padding:11px 20px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:16px;font-weight:500}button:hover,.button:hover{background:var(--mint)}button:disabled{opacity:.45;cursor:default}.primary,.selected{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#194735;color:white}.danger{color:var(--red)}:focus-visible{outline:3px solid #7eab94;outline-offset:4px}[hidden]{display:none!important}.site-header,main,.site-footer{max-width:1440px;width:100%;padding-left:72px;padding-right:72px;margin:auto}.site-header{height:76px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:700;text-decoration:none;letter-spacing:-1px}.site-header nav{display:flex;gap:28px;font-size:15px}.site-header nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.site-header nav a:hover{text-decoration:underline}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;background:white;padding:14px}.skip-link:focus{top:12px}main{min-height:70vh;padding-top:24px;padding-bottom:72px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.9px;color:#14211c}h1{font-size:52px;line-height:1.08;margin:22px 0}h2{font-size:34px;line-height:1.2;margin:0 0 18px}h3{font-size:24px;line-height:1.25;margin:0 0 10px}p{font-size:17px;line-height:1.5;color:var(--muted);margin:0 0 16px}.lead{font-size:24px;line-height:1.4}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-bottom:26px}.hero h1{font-size:64px;line-height:1.1;letter-spacing:-2.7px;margin:16px 0 18px}.hero .lead{font-size:25px;letter-spacing:-.4px;white-space:normal}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:26px 0}.hero .primary{padding:18px 43px;min-height:60px;font-weight:600}.hero-preview{background:var(--mint);border-radius:14px;padding:34px 40px 26px;text-align:center}.hero-preview h2{font-size:35px;letter-spacing:-1.1px;text-align:left;margin-bottom:10px;white-space:nowrap}.hero-preview .staff{height:136px;width:100%;margin:6px 0}.hero-preview button{width:100%;height:60px;font-size:21px;font-weight:600}.hero-preview p{font-size:16px;margin:18px 0 0}.path-section{padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.paths{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}.paths article{display:flex;align-items:start;gap:28px;padding-right:24px}.paths article+article{border-left:1px solid var(--line);padding-left:30px}.paths h3{font-size:25px}.paths p{font-size:17px;line-height:1.35;margin-bottom:12px}.path-number{flex-shrink:0;background:var(--mint);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:bold;font-size:21px;color:var(--green)}.paths a{font-size:18px}.library{padding-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{margin-bottom:3px}.section-heading p{font-size:16px;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{font-size:14px;padding:10px 18px;min-height:44px}.search{max-width:420px;margin:28px 0;display:block}.row-label,.trainer-row{display:grid;grid-template-columns:32% 52% 16%;align-items:center;gap:0}.row-label{font-size:11px;letter-spacing:1px;color:var(--muted);font-weight:600;margin-top:25px;border-bottom:1px solid var(--line);padding:0 0 10px}.trainer-row{padding:17px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:16px;line-height:1.35}.trainer-row:hover{background:#f6faf7}.trainer-row>span:first-child{display:flex;align-items:center;gap:24px}.module-index{font-size:12px;color:#7b8f81;width:42px;text-align:center;flex-shrink:0}.trainer-row>span:nth-child(2){color:var(--muted);font-size:14px;padding-right:25px}.trainer-row>span:last-child{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:28px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:20px}.site-footer div{display:flex;gap:24px;flex-wrap:wrap}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:18px}.detail-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;padding:5px 0 40px}.detail-hero h1{font-size:60px}.lesson-note{background:var(--mint);padding:30px;border-radius:9px;align-self:center}.lesson-note h2{font-size:27px}.lesson-note p:last-child{margin-bottom:0}.preset-list{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:24px 0 36px}.preset-list article{border-top:2px solid var(--green);padding-top:22px;overflow-wrap:anywhere}.preset-list p{font-size:15px}.preset-list a{display:inline-flex;align-items:center;gap:15px;min-height:44px}.download-section{border-top:1px solid var(--line);padding-top:28px;margin-bottom:38px}.download-section audio{width:min(100%,480px)}.related{display:flex;gap:35px;flex-wrap:wrap}.related a{display:flex;align-items:center;gap:15px}.practice-setup{max-width:860px;margin:15px auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}label{font-size:15px;display:block;color:var(--ink);line-height:1.4}input:not([type=checkbox]):not([type=range]):not([type=file]),select{display:block;margin-top:9px;min-height:48px;padding:10px 12px;width:100%;border:1px solid #b9c9bf;border-radius:5px;background:white;color:var(--ink)}.calibration{border-top:1px solid var(--line);margin:35px 0;padding-top:25px}.calibration h2{font-size:28px}.session-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.session-top h1{font-size:42px;margin:14px 0}.exit-practice{min-height:44px;padding:12px 0}progress{width:100%;height:7px;appearance:none;border:none;border-radius:4px;margin:15px 0 25px}progress::-webkit-progress-bar{background:#e8eee9;border-radius:4px}progress::-webkit-progress-value{background:var(--green);border-radius:4px}.practice-stage{max-width:900px;margin:auto}.practice-stage>#play-state{text-align:center;min-height:26px}.listen-mark{font-family:Georgia,serif;color:var(--green);font-size:100px;line-height:1.35;text-align:center;margin:0}.staff{display:block;width:100%;max-height:190px;color:var(--ink);margin:10px auto}.practice-stage>.staff{max-width:420px;height:180px}.audio-actions{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px 0 28px}.volume{display:flex;align-items:center;gap:12px;font-size:14px}.volume input{width:100px;accent-color:var(--green)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{min-height:64px;font-size:18px;display:flex;flex-direction:column;gap:3px}.rhythm-strip{display:block;width:100%;max-width:440px;min-height:55px}.answer .rhythm-strip{min-height:66px}.practice-bottom{display:flex;align-items:start;gap:25px;justify-content:space-between;margin:25px 0}.practice-bottom button{flex-shrink:0}.practice-bottom p{font-size:14px;max-width:530px;margin-top:8px}.tap-zone{display:block;touch-action:manipulation;width:100%;min-height:170px;font-size:25px;margin:20px 0;background:var(--mint);color:var(--green);border:2px solid #9dbdab}.tap-zone.live{background:var(--green);color:#fff}.tap-zone:active{background:#164532;color:white}.feedback{padding:28px;background:var(--mint);border-left:4px solid var(--green);border-radius:6px;margin:25px 0}.feedback.wrong{border-color:#aa6846;background:#fcf4ed}.feedback h2{font-size:28px}.feedback p{font-size:16px}.comparison{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.comparison button{font-size:14px}.feedback #next{margin-top:15px}.report-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:22px 0}.score-large{font-family:Georgia,serif;font-size:78px;color:var(--green)}.score-large span{display:block;font:14px Arial,sans-serif;color:var(--muted);text-align:center}.stats{display:flex;gap:30px;flex-wrap:wrap;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.stats p{font-size:14px;margin:0}.stats strong{font-size:25px;display:block;color:var(--ink);margin-bottom:6px}.report-items{padding-left:26px}.report-items li{padding:20px 0;border-bottom:1px solid var(--line);break-inside:avoid}.report-items li p{margin:10px 0 0;font-size:15px}.notice{background:#f9f2e7;padding:18px;border-radius:5px}.muted{font-size:14px}#notice{margin:0 0 24px;padding:16px 20px;border:1px solid #cbb88f;background:#fff7e7;border-radius:6px;overflow-wrap:anywhere}.history article{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center}.history h2{font-size:26px;margin-bottom:7px}.history p{font-size:14px;margin:0}.history strong{font-size:26px}.history article>div:last-child{display:flex;flex-direction:column;gap:15px}.empty{padding:50px 0}.review-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.review-row h2{font-size:29px}.review-row div{max-width:750px}.review-row .button{flex-shrink:0}.teacher-form{max-width:860px}.check{display:inline-flex;align-items:center;gap:10px;min-height:44px}.check input{width:20px;height:20px;accent-color:var(--green)}fieldset{border:1px solid var(--line);padding:20px;margin-bottom:25px;border-radius:6px}.candidate-fields{display:flex;gap:18px;flex-wrap:wrap}.file-input{max-width:200px}label.button{display:flex;gap:15px;flex-wrap:wrap}#teacher-result{margin-top:35px;overflow-wrap:anywhere}.path-steps{list-style:none;padding:0;margin:35px 0}.path-steps li{display:flex;align-items:center;gap:28px;padding:24px 0;border-bottom:1px solid var(--line)}.path-steps h2{font-size:26px;margin:0 0 6px}.path-steps p{margin:0;font-size:15px}.path-steps a{margin-left:auto;min-width:90px;min-height:44px;display:flex;align-items:center;gap:10px}.path-state{font-size:13px;color:var(--green);display:block;margin-top:10px}.about-text{max-width:860px}.about-text h2{margin-top:35px}.footer-note{font-size:13px}#clear-panel{padding:16px 0}.no-print{display:flex}#question-area>#start-tap{display:block;margin:15px auto}#question-area>p{text-align:center}
.site-header,main,.site-footer{max-width:1600px}.site-header{height:64px}.hero-preview{padding-top:32px}.hero-preview .staff{max-width:none}.site-header nav{font-size:16px}.library .filters button{font-size:16px;padding:10px 22px}.library h2,.path-section>h2{font-size:38px}.trainer-row{font-size:18px}.trainer-row>span:nth-child(2){font-size:16px}.paths h3{font-size:27px}.paths article{gap:38px}
@media(min-width:1400px){main{padding-top:16px}.hero{gap:55px}.hero-preview{padding:34px 43px 26px}.hero h1{font-size:clamp(54px,calc(6.25vw - 28px),66px);letter-spacing:-3px}.hero .lead{font-size:28px}.hero .primary{font-size:20px;min-height:64px;padding:18px 50px}.hero-preview h2{font-size:34px;margin-bottom:0}.hero-preview .staff{height:160px;margin:6px 0}.hero-preview p{margin-top:16px}}
@media(max-width:1200px){.site-header,main,.site-footer{padding-left:40px;padding-right:40px}.hero{gap:35px}.hero h1{font-size:52px}.hero-preview{padding:26px}.hero-preview h2{font-size:27px}.paths article{gap:18px}.paths h3{font-size:22px}.section-heading{align-items:start;flex-wrap:wrap}.paths article+article{padding-left:22px}}
@media(max-width:700px){.site-header,main,.site-footer{padding-left:22px;padding-right:22px}.site-header{height:auto;padding-top:16px;padding-bottom:17px;align-items:start;flex-wrap:wrap;gap:10px}.brand{font-size:29px}.site-header nav{gap:4px 18px;width:100%;flex-wrap:wrap;font-size:14px}.site-header nav a{flex-shrink:0}.hero{display:flex;flex-direction:column;gap:20px;align-items:stretch;padding-bottom:26px}.hero h1{font-size:44px;letter-spacing:-1.6px;margin-top:4px}.hero .lead{font-size:21px}.hero .actions{gap:20px;margin:22px 0 8px}.hero .primary{padding:14px 23px;min-height:52px}.hero-preview{padding:24px 23px}.hero-preview h2{white-space:normal;font-size:27px;line-height:1.25}.hero-preview .staff{height:100px}.hero-preview button{height:53px;font-size:18px}.hero-preview p{font-size:13px}h1{font-size:39px}h2{font-size:29px}.paths{display:flex;flex-direction:column;gap:23px}.paths article,.paths article+article{border:none;padding:0;gap:20px}.paths h3{font-size:23px}.paths p{font-size:16px}.paths a{font-size:16px}.path-number{width:48px;height:48px;font-size:18px}.path-section{padding:24px 0}.filters{gap:6px}.filters button{padding:10px 13px;font-size:13px}.section-heading{gap:17px}.row-label{display:none}.trainer-row{grid-template-columns:1fr auto;padding:19px 0;gap:8px}.trainer-row>span:first-child{gap:13px;font-weight:600}.trainer-row>span:nth-child(2){grid-column:1/-1;grid-row:2;padding-left:35px;font-size:14px}.trainer-row>span:last-child{font-size:0}.trainer-row>span:last-child svg{width:18px}.module-index{width:22px}.site-footer{flex-direction:column;align-items:start;font-size:13px;padding-bottom:25px}.detail-hero{display:flex;flex-direction:column;gap:18px;padding-bottom:28px}.detail-hero h1{font-size:43px}.lead{font-size:21px}.lesson-note{padding:23px;align-self:stretch}.preset-list{grid-template-columns:1fr;gap:22px}.actions{gap:14px}.form-grid{grid-template-columns:1fr;gap:20px}.session-top{align-items:start;gap:12px}.session-top h1{font-size:32px}.session-top p{font-size:14px}.exit-practice{font-size:13px;text-align:right;min-width:70px}.audio-actions{gap:10px}.audio-actions button{font-size:15px;padding:11px 17px}.volume{width:100%;justify-content:center}.answers{gap:11px}.answer{font-size:16px;padding:12px 8px;min-height:60px}.practice-bottom{flex-direction:column;gap:10px}.practice-bottom p{margin:0}.feedback{padding:20px}.feedback h2{font-size:26px}.comparison{gap:9px}.stats{gap:20px}.stats strong{font-size:22px}.score-large{font-size:58px}.report-heading{gap:12px}.report-heading h1{font-size:34px}.report-heading p{font-size:14px}.history article{grid-template-columns:1fr auto;gap:17px}.history article>div:last-child{grid-column:1/-1;flex-direction:row}.review-row{flex-direction:column;align-items:start;gap:10px}.path-steps li{gap:16px;align-items:start}.path-steps h2{font-size:23px}.path-steps a{min-width:48px}.path-steps .path-number{width:35px;height:35px;font-size:16px}.file-input{max-width:150px}.no-print{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{@page{size:auto;margin:15mm}.site-header,.site-footer,button,.button,.audio-actions,audio,.filters,.search,.no-print,.breadcrumbs,.skip-link,#notice,.actions,.exit-practice,input,select{display:none!important}main{padding:0;max-width:none;min-height:0}body{font-size:11pt;color:#000;background:white}h1{font-size:28pt}h2{font-size:20pt}h3{font-size:16pt}p{font-size:11pt;color:#222}a{text-decoration:none}.hero h1{font-size:32pt}.hero-preview{background:#fff;border:1px solid #aaa}.paths,.preset-list{gap:18px}.lesson-note,.feedback{background:#fff;border:1px solid #aaa;padding:16px}.detail-hero{gap:22px}.detail-hero h1{font-size:30pt}.report-heading,.stats,.report-items li,.path-steps li,.preset-list article{break-inside:avoid}.report-items li{padding:12px 0}.trainer-row{padding:10px 0}.report-items p{font-size:10pt}.score-large{font-size:42pt}.practice-stage{max-width:100%}.no-print{display:none!important}.teacher-form{display:none}.staff{max-height:140px}.path-state{color:#000}.print-link{display:block;font-size:10pt;overflow-wrap:anywhere}}